:root{--sky:#0a0e1f;--sky2:#141a33;--ink:#eef0f7;--ink-dim:#8a91ad;--line:#2a3260}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--sky);height:100%;color:var(--ink);margin:0;font-family:Zen Maru Gothic,system-ui,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#canvasHost{z-index:0;position:absolute;inset:0}#canvasHost canvas{touch-action:none;display:block}header{z-index:5;padding:calc(16px + env(safe-area-inset-top)) 110px 6px;text-align:center;pointer-events:none;position:absolute;top:0;left:0;right:0}.eyebrow{letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase;font-size:12px}h1{letter-spacing:.08em;margin:3px 0 0;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:20px;font-weight:700}#hint{top:calc(62px + env(safe-area-inset-top));text-align:center;color:var(--ink-dim);z-index:5;pointer-events:none;font-size:11px;position:absolute;left:0;right:0}#reticle{z-index:6;pointer-events:none;opacity:.72;border:1px solid #f4e6b859;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;transition:transform .22s,border-color .22s,box-shadow .22s,opacity .22s;position:absolute;top:50%;left:50%;box-shadow:0 0 #f4e6b800}#reticle.locked{opacity:1;border-color:#f4e6b8bf;transform:scale(1.35);box-shadow:0 0 14px #f4e6b847,inset 0 0 8px #f4e6b81f}#targetHint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;z-index:6;opacity:0;pointer-events:none;background:#0c1020b8;border:1px solid #f4e6b829;border-radius:999px;max-width:min(320px,72vw);padding:8px 14px;transition:opacity .2s,transform .2s;position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%)translateY(6px)}#targetHint #thTxt{letter-spacing:.04em;color:#f2ecdf;white-space:nowrap;text-overflow:ellipsis;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:12px;line-height:1.45;display:block;overflow:hidden}#targetHint.show{opacity:1;transform:translate(-50%)translateY(0)}#memoryToast{left:50%;top:calc(72px + env(safe-area-inset-top));z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f0ebe0;opacity:0;pointer-events:none;background:#0e1224eb;border:1px solid #f4e6b829;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;max-width:min(440px,100vw - 28px);padding:10px 12px 10px 14px;font-size:12px;line-height:1.5;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:auto;transform:translate(-50%)translateY(-6px);box-shadow:0 12px 36px #00000059}#memoryToast.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}#toastText{white-space:normal;flex:160px;min-width:0}#toastOpenBtn,#toastAltBtn,#toastKeepBtn{cursor:pointer;border:none;border-radius:999px;flex:none;padding:5px 10px;font-size:11px;font-weight:700}#toastOpenBtn{color:#241f0a;background:#f4e6b8}#toastAltBtn,#toastKeepBtn{color:var(--ink-dim);border:1px solid var(--line);background:0 0;display:none}#debugTimeBadge{z-index:9;color:#f4e6b8;border:1px solid var(--line);pointer-events:none;background:#141a33b8;border-radius:999px;padding:5px 9px;font:11px IBM Plex Mono,monospace;position:absolute;bottom:14px;left:14px}#compassWrap{display:none!important}#compassTrack{width:100%;height:100%;position:relative;overflow:hidden}.compassDot{border-radius:50%;width:10px;height:10px;position:absolute;top:4px;transform:translate(-50%)}#composer{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10162cf0;border:1px solid #f4e6b824;border-radius:20px;width:min(440px,100vw - 28px);padding:14px 16px 12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff0a}#dateRow{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#dateToggle{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}#entryDate{border:1px solid var(--line);color:var(--ink);background:#0d1226;border-radius:8px;padding:5px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;display:none}#entryDate.show{display:inline-block}#memoLabel{letter-spacing:.08em;color:#e8e2cf;margin:0 0 6px 2px;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:13px;display:block}#memoRow{align-items:stretch;gap:10px;display:flex}#memoInput{resize:none;min-width:0;min-height:64px;color:var(--ink);letter-spacing:.02em;background:#080c1cb8;border:1px solid #ffffff14;border-radius:14px;flex:1;padding:12px 14px;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:15px;line-height:1.75;transition:border-color .15s,box-shadow .15s,background .15s}#memoInput::placeholder{color:#7f86a3;letter-spacing:0;font-family:Zen Maru Gothic,system-ui,sans-serif;font-size:13px}#memoInput:focus{background:#0a0e1ee0;border-color:#f4e6b859;outline:none;box-shadow:0 0 0 3px #f4e6b814}#memoInput.needs-input{border-color:#e8b86a;box-shadow:0 0 0 2px #e8b86a2e}#memoInput.shake{animation:.38s inputShake}@keyframes inputShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}#addStarBtn{color:#241f0a;cursor:pointer;background:#f4e6b8;border:none;border-radius:14px;flex:none;align-self:stretch;min-width:76px;padding:0 16px;font-family:Zen Maru Gothic,system-ui,sans-serif;font-size:13px;font-weight:700;box-shadow:0 0 18px #f4e6b81f}#addStarBtn:hover{filter:brightness(1.04)}#addStarBtn:disabled{opacity:.55;cursor:not-allowed}#memoHint{color:#6d7494;letter-spacing:.02em;margin:6px 2px 0;font-size:10px}#storageNote{color:#6d7494;margin:6px 2px 0;font-size:10px;line-height:1.55}#composer:not(.has-stars) #dateRow{display:none}#dateRow{opacity:.9}body.hover-sky{cursor:default}body.hover-constellation #canvasHost canvas,body.hover-star #canvasHost canvas{cursor:pointer}#detail{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:linear-gradient(#161c34e0 0%,#0c1020f0 100%);border:1px solid #f4e6b81f;border-bottom:none;border-radius:24px 24px 0 0;width:min(460px,100%);max-height:min(72vh,560px);transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .28s;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)translateY(105%);box-shadow:0 -20px 60px #0006,inset 0 1px #ffffff0d}#detail.open{opacity:1;transform:translate(-50%)translateY(0)}#detail .bar{background:#f4e6b838;border-radius:999px;width:40px;height:3px;margin:10px auto 0}.detailInner{padding:14px 22px calc(22px + env(safe-area-inset-bottom));max-height:min(68vh,530px);overflow-y:auto}.detailHead{margin-bottom:16px}#detail .date{letter-spacing:.06em;color:#8b92b0;margin:0 0 10px;font-family:IBM Plex Mono,monospace;font-size:11px}#detail .txt{letter-spacing:.05em;color:#f6f1e4;margin:0;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:clamp(18px,4.2vw,22px);font-weight:600;line-height:1.9}#dGroup{margin:0 0 16px}.groupHint{color:#aab2cc;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.7}.constellationCard{background:#f4e6b80a;border:1px solid #f4e6b81f;border-radius:16px;padding:14px 14px 12px}.constellationCard__label{letter-spacing:.14em;text-transform:uppercase;color:#9aa3c0;margin:0 0 6px;font-family:IBM Plex Mono,monospace;font-size:10px}.constellationCard__name{letter-spacing:.06em;color:#f4e6b8;margin:0 0 4px;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:18px;line-height:1.4}.constellationCard__meta{color:#9aa3c0;margin:0 0 12px;font-size:12px;line-height:1.55}.constellationCard__actions{flex-wrap:wrap;gap:8px;display:flex}.btn{appearance:none;cursor:pointer;border-radius:999px;padding:8px 14px;font-family:Zen Maru Gothic,system-ui,sans-serif;font-size:12px;line-height:1.2;transition:background .15s,border-color .15s,color .15s,filter .15s}.btn.primary{color:#241f0a;background:#f4e6b8;border:none;font-weight:700;box-shadow:0 0 18px #f4e6b81f}.btn.primary:hover{filter:brightness(1.04)}.btn.soft{color:#e4e8f4;background:#ffffff0a;border:1px solid #ffffff1a}.btn.soft:hover{color:#f4e6b8;border-color:#f4e6b847}.btn.ghost{color:#a8b0c8;background:0 0;border:1px solid #ffffff1a}.btn.ghost:hover{color:#eef0f7;border-color:#fff3}.btn.danger{color:#e8a09a;border-color:#e8a09a47}.btn.danger:hover{color:#ffb4ae;border-color:#ffb4ae73}#detailActions{flex-wrap:wrap;gap:8px;display:flex}#editForm{border-top:1px solid #ffffff0f;margin-top:4px;padding-top:14px;display:none}#editForm.show{display:block}#editForm .editLabel{letter-spacing:.1em;color:#8b92b0;margin:0 0 6px 2px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}#editForm textarea{box-sizing:border-box;width:100%;color:var(--ink);resize:vertical;background:#080c1cb8;border:1px solid #ffffff14;border-radius:14px;min-height:72px;margin-bottom:12px;padding:12px 14px;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:15px;line-height:1.75}#editForm textarea:focus{border-color:#f4e6b84d;outline:none;box-shadow:0 0 0 3px #f4e6b814}#editForm input[type=date]{color:var(--ink);background:#080c1cb8;border:1px solid #ffffff14;border-radius:10px;margin-bottom:14px;padding:8px 10px;font-family:IBM Plex Mono,monospace;font-size:12px}#editForm .row{justify-content:flex-end;gap:8px;display:flex}#scrim{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#04060e73;transition:opacity .32s;position:fixed;inset:0}#scrim.show{opacity:1;pointer-events:auto}#homeLink{top:calc(16px + env(safe-area-inset-top));z-index:6;color:var(--ink-dim);border:1px solid var(--line);background:#141a338c;border-radius:14px;padding:6px 12px;font-size:11px;text-decoration:none;position:absolute;left:16px}#rightChrome{top:calc(14px + env(safe-area-inset-top));z-index:6;flex-direction:column;align-items:center;gap:8px;width:88px;display:flex;position:absolute;right:14px}#minimapWrap{background:#0d1122c7;border:1px solid #f4e6b81f;border-radius:50%;width:88px;height:88px;position:relative;top:auto;right:auto;overflow:hidden;box-shadow:0 4px 18px #00000059}#minimapCanvas{border-radius:50%;width:100%;height:100%;display:block}#count{text-align:center;letter-spacing:.04em;width:100%;color:var(--ink-dim);font-family:IBM Plex Mono,monospace;font-size:10px;position:relative;top:auto;right:auto}#utilityRow{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px;display:flex}#utilityRow.is-empty{display:none}#backupNote{color:#7a829e;margin:0;font-size:10.5px;line-height:1.55}#backupBtns{justify-content:flex-end;gap:8px;display:flex}#utilityRow button{color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:11px}#detail .detailKind{letter-spacing:.14em;color:#8b92b0;margin:0 0 8px;font-family:IBM Plex Mono,monospace;font-size:10px}#detail .constTitle{letter-spacing:.06em;color:#f4e6b8;margin:0 0 8px;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:clamp(20px,4.5vw,24px);font-weight:700;line-height:1.35}#detail .constLead{color:#aab2cc;margin:0;font-size:13px;line-height:1.7}#dMembers{flex-direction:column;gap:6px;margin:0 0 14px;display:flex}.memberRow{text-align:left;cursor:pointer;width:100%;color:inherit;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.memberRow:hover{background:#f4e6b80d;border-color:#f4e6b838}.memberRow__date{color:#8b92b0;font-family:IBM Plex Mono,monospace;font-size:10px}.memberRow__text{color:#eef0f7;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:13.5px;line-height:1.55}#detail.mode-constellation #detailActions,#detail.mode-star #detailHeadConst,#detail.mode-star #dMembers,#detail.mode-constellation #detailHeadStar{display:none!important}#importFile{display:none}#loader{z-index:99;pointer-events:none;background:radial-gradient(circle at 50% 42%,#1c2547cc,#04060efa 58%);place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0}#loader.hide{opacity:0;visibility:hidden}.loaderInner{color:var(--ink);place-items:center;gap:14px;display:grid}.loaderStar{background:#f4e6b8;border-radius:50%;width:20px;height:20px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 28px #f4e6b8,0 0 70px #97b1ff73}.loaderText{letter-spacing:.18em;color:#f6f0dd;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:18px}@keyframes pulse{0%,to{opacity:.72;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}#modalRoot{z-index:40;display:none;position:fixed;inset:0}#modalRoot.show{display:block}#modalScrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;position:absolute;inset:0}#modalCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(400px,100vw - 32px);color:var(--ink);background:linear-gradient(#181e36f5,#0e1224fa);border:1px solid #f4e6b824;border-radius:22px;padding:22px 22px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0d}#modalTitle{letter-spacing:.06em;color:#f4e6b8;margin-bottom:8px;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:19px;font-weight:700}#modalMessage{color:#a8b0c8;margin-bottom:14px;font-size:13px;line-height:1.75}#modalInput{box-sizing:border-box;width:100%;color:var(--ink);background:#080c1cb8;border:1px solid #ffffff14;border-radius:12px;margin-bottom:14px;padding:11px 13px;font-family:Shippori Mincho,Zen Maru Gothic,serif;font-size:15px;display:none}#modalButtons{justify-content:flex-end;gap:8px;display:flex}#modalButtons button{cursor:pointer;border-radius:999px;padding:8px 16px;font-family:Zen Maru Gothic,system-ui,sans-serif;font-size:12px}#modalCancel{color:#a8b0c8;background:0 0;border:1px solid #ffffff1f}#modalOk{color:#241f0a;background:#f4e6b8;border:none;font-weight:700}#stageChrome{display:none}body.stage-mode #stageChrome{z-index:8;pointer-events:none;padding:calc(14px + env(safe-area-inset-top)) 16px 0;display:block;position:absolute;top:0;left:0;right:0}body.stage-mode #stageHome{pointer-events:auto;color:#241f0a;background:#f4e6b8;border-radius:999px;align-items:center;padding:9px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 0 20px #f4e6b833}body.stage-mode header,body.stage-mode #hint,body.stage-mode #homeLink,body.stage-mode #rightChrome,body.stage-mode #reticle,body.stage-mode #targetHint,body.stage-mode #memoryToast,body.stage-mode #compassWrap,body.stage-mode #composer,body.stage-mode #detail,body.stage-mode #scrim,body.bg-mode #stageChrome{display:none!important}body.bg-mode #loader{opacity:0;visibility:hidden;display:none!important}body.record-mode #stageChrome{display:none!important}body.record-mode #loader{opacity:0;visibility:hidden;display:none!important}body.record-mode,body.record-mode #canvasHost,body.record-mode canvas{cursor:none!important}@media (prefers-reduced-motion:reduce){.loaderStar{animation:none}*{scroll-behavior:auto!important}}@media (width<=520px){header{top:calc(10px + env(safe-area-inset-top));padding:0;left:78px;right:84px}.eyebrow{letter-spacing:.12em;font-size:10px}h1{letter-spacing:.04em;margin-top:2px;font-size:14.5px;line-height:1.35}#hint{top:calc(78px + env(safe-area-inset-top));box-sizing:border-box;background:#080c1c73;border-radius:999px;width:fit-content;max-width:calc(100vw - 24px);margin:0 auto;padding:6px 10px;font-size:11px;line-height:1.45;left:12px;right:12px}#homeLink{top:calc(12px + env(safe-area-inset-top));padding:5px 10px;font-size:10px;left:10px}#rightChrome{top:calc(12px + env(safe-area-inset-top));gap:6px;width:64px;right:10px}#count{font-size:9.5px}#memoryToast{top:calc(108px + env(safe-area-inset-top));border-radius:16px;max-width:calc(100vw - 20px);padding:11px 12px;font-size:12px}#compassWrap{bottom:calc(188px + env(safe-area-inset-bottom));opacity:.85;width:180px;margin-left:-90px}#composer{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:18px;width:auto;max-width:none;padding:11px 12px 9px;transform:none}#dateRow{align-items:flex-start;gap:8px;margin-bottom:4px}#entryDate{max-width:132px;font-size:11px}#memoLabel{margin-bottom:4px;font-size:12px}#memoRow{flex-direction:column;gap:8px}#memoInput{border-radius:14px;min-width:0;min-height:56px;padding:11px 12px;font-size:16px}#addStarBtn{border-radius:14px;width:100%;min-height:44px;padding:0 14px;font-size:14px}#memoHint{display:none}#storageNote{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:9.5px;line-height:1.4;display:-webkit-box;overflow:hidden}#utilityRow{justify-content:flex-start;margin-top:6px}#utilityRow button{min-height:34px}#detail{border-radius:22px 22px 0 0;width:100%;max-height:78vh;left:0;transform:translateY(105%)}#detail.open{transform:translateY(0)}.detailInner{padding:12px 16px calc(18px + env(safe-area-inset-bottom))}#detail .txt{font-size:18px;line-height:1.85}.constellationCard{padding:12px}.constellationCard__name{font-size:16px}.constellationCard__actions{gap:8px}.constellationCard__actions .btn{text-align:center;flex:calc(50% - 8px)}.btn{min-height:40px;padding:10px 14px;font-size:13px}#detailActions{gap:8px}#detailActions .btn{text-align:center;flex:auto}#targetHint{max-width:min(260px,70vw);padding:7px 12px;top:calc(50% + 18px)}#targetHint #thTxt{font-size:11.5px}#rightChrome{width:58px}#minimapWrap{width:58px;height:58px}#hint{top:calc(70px + env(safe-area-inset-top));max-width:calc(100vw - 140px);padding:5px 10px;font-size:10.5px}#backupNote{font-size:10px}}@media (width<=380px){header{left:64px;right:68px}h1{font-size:13px}#hint{top:calc(68px + env(safe-area-inset-top));max-width:calc(100vw - 120px);font-size:10px}#homeLink{font-size:9.5px}#rightChrome{width:54px}#minimapWrap{width:54px;height:54px}#composer{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:10px}#memoInput{min-height:52px}#memoryToast{top:calc(108px + env(safe-area-inset-top))}#compassWrap{bottom:calc(176px + env(safe-area-inset-bottom))}}:is(body:has(#detail.open) #composer,body:has(#detail.open) #memoryToast,body:has(#detail.open) #compassWrap){opacity:0;pointer-events:none;transition:opacity .2s}