@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Plus Jakarta Sans,Noto Sans SC,system-ui,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}:root,html[data-theme=sky]{--bg:#d7eaf8;--bg-elevated:#fff;--panel:#ffffffd1;--ink:#0f2744;--muted:#4a6580;--line:#0f27441a;--line-strong:#0f274429;--accent:#1d6fd8;--accent-soft:#1d6fd81f;--accent-text:#1557b0;--success:#059669;--danger:#e11d48;--radius:12px;--radius-sm:8px;--shadow:0 0 0 1px #0f27440f, 0 18px 40px #2563a01f;--font-display:"Plus Jakarta Sans", "Noto Sans SC", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", "Noto Sans SC", system-ui, sans-serif;--atmosphere-1:#ffffffbf;--atmosphere-2:#ffffff73;--atmosphere-base:linear-gradient(180deg, #6eb3e8 0%, #a9d4f5 42%, #e7f3fc 100%);--topbar-bg:#ffffffe0;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=storm]{--bg:#141820;--bg-elevated:#1c222c;--panel:#1c222ceb;--ink:#e8eef6;--muted:#9aa8b8;--line:#e8eef61a;--line-strong:#e8eef629;--accent:#8eb6e8;--accent-soft:#8eb6e824;--accent-text:#b7d0f0;--success:#34d399;--danger:#fb7185;--shadow:0 0 0 1px #ffffff0f, 0 16px 40px #0006;--atmosphere-1:#4650648c;--atmosphere-2:#141820b3;--atmosphere-base:linear-gradient(180deg, #0d1016 0%, #1a2030 45%, #12161e 100%);--topbar-bg:#1c222ceb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=white]{--bg:#fff;--bg-elevated:#fff;--panel:#fff;--ink:#171717;--muted:#525252;--line:#17171714;--line-strong:#17171724;--accent:#2563eb;--accent-soft:#2563eb1a;--accent-text:#1d4ed8;--success:#059669;--danger:#e11d48;--shadow:0 0 0 1px #1717170f, 0 12px 28px #1717170f;--atmosphere-1:transparent;--atmosphere-2:transparent;--atmosphere-base:#fff;--topbar-bg:#fffffff5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=grey]{--bg:#eceff3;--bg-elevated:#f7f8fa;--panel:#f7f8fa;--ink:#1c1917;--muted:#57534e;--line:#1c19171a;--line-strong:#1c191729;--accent:#3f3f46;--accent-soft:#3f3f461f;--accent-text:#27272a;--success:#059669;--danger:#e11d48;--shadow:0 0 0 1px #1c19170f, 0 12px 28px #1c191712;--atmosphere-1:transparent;--atmosphere-2:transparent;--atmosphere-base:#eceff3;--topbar-bg:#f7f8faf5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-height:100vh}a{color:var(--accent-text);text-underline-offset:.18em;text-decoration-thickness:1px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.atmosphere{pointer-events:none;z-index:0;background:radial-gradient(ellipse 55% 28% at 18% 12%, var(--atmosphere-1), transparent 70%), radial-gradient(ellipse 45% 24% at 72% 8%, var(--atmosphere-2), transparent 65%), radial-gradient(ellipse 40% 22% at 48% 18%, var(--atmosphere-1), transparent 70%), var(--atmosphere-base);transition:background .45s;position:fixed;inset:0}html[data-theme=sky] .atmosphere{background:radial-gradient(58% 30% at 12% 8%,#ffffffe6,#0000 68%),radial-gradient(48% 26% at 78% 6%,#ffffffb3,#0000 62%),radial-gradient(42% 22% at 42% 16%,#ffffff8c,#0000 70%),linear-gradient(#6eb3e8 0%,#a9d4f5 42%,#e7f3fc 100%)}html[data-theme=white] .atmosphere{background:#fff}html[data-theme=grey] .atmosphere{background:#eceff3}html[data-theme=storm] .atmosphere{background:radial-gradient(80% 45% at 18% -6%,#5a6478d9,#0000 58%),radial-gradient(65% 40% at 78% -8%,#323a4be6,#0000 52%),radial-gradient(50% 32% at 50% 8%,#1e2432bf,#0000 58%),linear-gradient(#0b0e14 0%,#1a2030 48%,#10141c 100%)}html[data-theme=storm] .atmosphere:after{content:"";opacity:0;pointer-events:none;background:#c8d7ff0f;animation:10s ease-in-out infinite storm-flash;position:absolute;inset:0}@keyframes storm-flash{0%,91%,to{opacity:0}93%{opacity:.45}94%{opacity:.08}95.5%{opacity:.28}97%{opacity:0}}.app-main{z-index:1;flex:1;width:min(1180px,100% - 2rem);margin:0 auto;padding:3.25rem 0 4rem;position:relative}.app-topbar{z-index:100;align-items:center;gap:.5rem;display:inline-flex;position:fixed;top:.85rem;right:max(1rem,50vw - 590px + 1rem)}.topbar-right{align-items:center;gap:.45rem;display:inline-flex}.notify-bell{position:relative}.notify-bell-btn{border:1px solid var(--line-strong);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:2rem;height:2rem;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.notify-bell-btn:hover{border-color:var(--accent,#31bdaf)}.notify-dot{color:#fff;text-align:center;background:#d64545;border-radius:999px;min-width:1rem;height:1rem;padding:0 .22rem;font-size:.62rem;font-weight:700;line-height:1rem;position:absolute;top:-.2rem;right:-.25rem}.notify-panel{border:1px solid var(--line-strong);background:var(--panel,#fff);z-index:120;border-radius:14px;width:min(20rem,100vw - 1.5rem);max-height:22rem;padding:.75rem .7rem;position:absolute;top:calc(100% + .45rem);right:0;overflow:auto;box-shadow:0 12px 32px #14283224}.notify-panel-title{margin:0 0 .55rem;font-size:.82rem;font-weight:700}.notify-empty{opacity:.65;margin:0;font-size:.8rem}.notify-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.notify-list a,.notify-list .notify-item{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:10px;gap:.15rem;padding:.55rem .5rem;text-decoration:none;display:grid}.notify-list a:hover,.notify-list .notify-item:hover{background:#31bdaf14}.notify-list a.unread,.notify-list .notify-item.unread{background:#31bdaf1f}.notify-list strong{font-size:.82rem;font-weight:650}.notify-preview{opacity:.72;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.notify-list time{opacity:.55;font-size:.7rem}.comment-reply-btn{color:var(--muted,#667);cursor:pointer;background:0 0;border:none;margin-top:.25rem;padding:0;font-size:.75rem}.comment-replying{opacity:.8;align-items:center;gap:.6rem;margin:0 0 .35rem;font-size:.78rem;display:flex}.comment-replies{border-left:2px solid #31bdaf40;gap:.45rem;margin:.45rem 0 0;padding:0 0 0 .75rem;list-style:none;display:grid}.comment-reply p{margin:.2rem 0 0}.auth-chip{border:1px solid var(--line-strong);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:7.5rem;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;padding:.32rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex;overflow:hidden}.auth-chip:hover{background:var(--accent-soft);color:var(--accent-text);border-color:#1d6fd873}.auth-chip.is-active{color:#0f2744;background:#1d6fd81f;border-color:#1d6fd88c}.auth-nick-block{gap:.45rem;margin-bottom:.85rem;display:grid}.auth-nick-label{color:#0f2744;font-size:.88rem;font-weight:650}.auth-nick-hint{color:#4a6580;margin:0;font-size:.78rem;line-height:1.45}.auth-nick-block>input{font:inherit;box-sizing:border-box;border:1px solid #0f27442e;border-radius:10px;width:100%;padding:.65rem .75rem}.auth-nick-themes{flex-wrap:wrap;gap:.35rem;display:flex}.auth-nick-theme{color:#0f2744;cursor:pointer;background:#f4f7fb;border:1px solid #0f274424;border-radius:8px;padding:.28rem .55rem;font-size:.75rem;font-weight:600}.auth-nick-theme.is-active{background:#1d6fd81f;border-color:#1d6fd873}.auth-nick-picks{flex-wrap:wrap;gap:.35rem;max-height:7.5rem;padding:.1rem 0;display:flex;overflow-y:auto}.auth-overlay{z-index:2100;background:#090e16b8;justify-content:center;align-items:flex-end;padding:.75rem;display:flex;position:fixed;inset:0}.auth-sheet{color:#0f2744;background:#fff;border-radius:18px 18px 14px 14px;width:min(420px,100%);padding:1.1rem 1.1rem 1.25rem;box-shadow:0 24px 60px #00000059}.auth-title{margin:0;font-size:1.15rem;font-weight:750}.auth-lede,.auth-sent{color:#4a6580;margin:.4rem 0 .9rem;font-size:.9rem;line-height:1.5}.auth-form label{color:#0f2744;gap:.35rem;margin-bottom:.75rem;font-size:.88rem;display:grid}.auth-form input{font:inherit;border:1px solid #0f27442e;border-radius:10px;padding:.65rem .75rem}.auth-actions{flex-wrap:wrap;gap:.55rem;margin-top:.35rem;display:flex}.social-live-hint{color:var(--muted);margin:.35rem 0 0;font-size:.82rem}.online-badge{color:var(--accent-text,#1d4ed8);margin:.25rem 0 0;font-size:.82rem;font-weight:600}.comment-section{border-top:1px solid var(--line);background:#ffffff08;border-radius:0 0 12px 12px;margin-top:1rem;padding:.85rem .55rem .5rem}.comment-title{color:var(--ink);margin:0 0 .55rem;font-size:.95rem}.error-boundary-box{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff0f;border-radius:12px;margin:1rem 0;padding:1rem}.error-boundary-box p{margin:0 0 .75rem}.comment-load-hint{color:var(--ink);opacity:.75;margin:0 0 .55rem;font-size:.82rem}.comment-form{gap:.45rem;margin-bottom:.65rem;display:flex}.comment-form input{border:1px solid var(--line-strong);background:var(--panel,#fff);min-width:0;color:var(--ink);font:inherit;border-radius:10px;flex:1;padding:.55rem .7rem}.comment-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.comment-list li p{margin:.25rem 0 0;line-height:1.45}.comment-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.45rem;font-size:.8rem;display:flex}.comment-meta strong{color:var(--ink)}.comment-offline{color:var(--muted);margin:.75rem 0 0;font-size:.85rem}.home-quick{border:1px solid var(--line-strong);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .7rem;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.home-quick:hover{background:var(--accent-soft);color:var(--accent-text);border-color:#1d6fd873}.theme-toggle{border:1px solid var(--line-strong);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .7rem;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.theme-toggle:hover{background:var(--accent-soft);color:var(--accent-text);border-color:#f5a52473}.lang-toggle{z-index:1;border:1px solid var(--line-strong);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex;position:relative;top:auto;right:auto}.lang-toggle button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:.2rem .45rem;transition:color .15s,background .15s}.lang-toggle button.active{color:var(--ink);background:#ffffff14}.lang-toggle button:hover:not(.active){color:var(--ink)}.lang-sep{color:var(--line-strong);-webkit-user-select:none;user-select:none;font-weight:400}.locale-badge{color:#93c5fd;letter-spacing:.04em;background:#60a5fa2e;border-radius:4px;justify-content:center;align-items:center;min-width:1.75rem;padding:.1rem .35rem;font-size:.68rem;font-weight:700;display:inline-flex}.app-footer{z-index:1;width:min(1180px,100% - 2rem);color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.25rem;margin:0 auto 1.5rem;padding-top:1rem;font-size:.82rem;display:flex;position:relative}.page{animation:.35s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{margin-bottom:1.75rem}.page-head-compact{margin-bottom:1.15rem}.page-head-compact h1{margin:.55rem 0 0;font-size:clamp(1.45rem,3.2vw,1.85rem)}.page-head-compact .step-bar{margin:.85rem 0 0}.page-head h1 .title-meta{color:var(--muted);letter-spacing:0;vertical-align:middle;margin-left:.55rem;font-size:.55em;font-weight:600}.page-head h1{font-family:var(--font-display);letter-spacing:-.03em;margin:.35rem 0 .75rem;font-size:clamp(1.65rem,3.6vw,2.2rem);font-weight:700;line-height:1.25}.page-select .mbti-group{margin-top:1.25rem}.page-select .mbti-card .mbti-tag{display:none}.lede{color:var(--muted);max-width:36rem;margin:0;font-size:1rem;line-height:1.7}.lede.tip{color:var(--ink);opacity:.78}.eyebrow{color:var(--accent-text);letter-spacing:.04em;margin:0;font-size:.84rem;font-weight:600}.text-link{color:var(--muted);background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.92rem}.text-link:hover{color:var(--ink)}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.8rem 1.25rem;font-size:.92rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ink);color:var(--bg)}.btn.primary:hover{filter:brightness(1.08)}html[data-theme=storm] .btn.primary{color:#0f1720;background:#f0f4f8}html[data-theme=storm] .btn.primary:hover{filter:none;background:#fff}.btn.ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--accent-soft);border-color:#f5a52466}.btn.danger{color:var(--danger);background:0 0;border-color:#fb718573}.btn.danger:hover{background:#fb71851a}.btn.wide{width:100%}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.page-home{flex-direction:column;justify-content:center;min-height:min(78vh,720px);display:flex}.home-split{grid-template-columns:minmax(280px,1fr) minmax(320px,1.15fr);align-items:start;gap:2rem 2.5rem;display:grid}.home-compact{grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr)}.home-left{max-width:34rem}.home-primary-cta{flex-wrap:wrap;margin-bottom:.85rem}.home-focus{grid-template-columns:minmax(280px,28rem);justify-content:center;min-height:min(82vh,760px)}.home-focus .home-left{text-align:center;max-width:28rem;margin:0 auto}.home-orb-lede{color:var(--muted);margin:0 0 1.35rem;font-size:.98rem;line-height:1.55}.home-orbs{touch-action:none;justify-content:center;align-items:flex-start;gap:clamp(1.1rem,5vw,2rem);margin:.25rem 0 1.35rem;display:flex}.home-orb{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.28rem;width:clamp(8.6rem,28vw,10.2rem);padding:.85rem;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.home-orb-visual{place-items:center;width:3.4rem;height:3.4rem;display:grid;position:relative}.home-orb-label{letter-spacing:-.02em;font-size:.95rem;font-weight:750;line-height:1.2}.home-orb-hint{opacity:.8;font-size:.72rem;line-height:1.25}.home-orb-rocket{color:#fff;background:radial-gradient(circle at 35% 28%,#5b9fff 0%,#1d4ed8 52%,#123a8f 100%);animation:2.4s ease-in-out infinite rocket-idle;box-shadow:0 14px 32px #1d4ed859,inset 0 -10px 22px #0000002e}.home-orb-rocket:hover{box-shadow:0 18px 40px #1d4ed86b,inset 0 -10px 22px #0000002e}.rocket-svg{color:#f8fafc;filter:drop-shadow(0 2px 4px #00000040);transform:translateY(-2px)}.rocket-flame{filter:blur(.2px);background:linear-gradient(#fff7ed 0%,#f59e0b 45%,#ef4444 100%);border-radius:50% 50% 40% 40%;width:.7rem;height:1.05rem;margin-left:-.35rem;animation:.35s ease-in-out infinite alternate flame-flicker;position:absolute;bottom:-.15rem;left:50%}.rocket-spark{opacity:.85;background:#fdba74;border-radius:50%;width:.28rem;height:.28rem;animation:.9s linear infinite spark-up;position:absolute}.rocket-spark.s1{animation-delay:0s;bottom:0;left:28%}.rocket-spark.s2{animation-delay:.25s;bottom:.1rem;left:52%}.rocket-spark.s3{animation-delay:.5s;bottom:0;left:68%}.home-orb-worry{color:#f1f5f9;will-change:transform, opacity;touch-action:none;background:radial-gradient(circle at 35% 30%,#8aa0b8 0%,#4b6178 55%,#2f3f52 100%);transition:transform .12s linear,opacity .45s,box-shadow .2s;box-shadow:0 14px 32px #2f3f5252,inset 0 -10px 22px #0003}.home-orb-worry.is-dragging{z-index:5;transition:none;box-shadow:0 22px 40px #2f3f5266}.home-orb-worry.is-tossing{pointer-events:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s}.worry-svg{color:#e2e8f0}.worry-swirl{border:1px dashed #ffffff47;border-radius:50%;animation:6s linear infinite swirl;position:absolute;inset:8%}.home-look-around{color:var(--muted);text-underline-offset:.22em;cursor:pointer;background:0 0;border:0;margin:.15rem auto 0;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:underline;display:inline-flex}.home-look-around:hover{color:var(--ink)}.home-explore .home-orb-lede{text-align:left}.home-explore .home-orbs{justify-content:flex-start}.home-explore .home-look-around{margin-left:0}@keyframes rocket-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes flame-flicker{0%{opacity:.85;transform:scaleY(.85)translateY(0)}to{opacity:1;transform:scaleY(1.15)translateY(2px)}}@keyframes spark-up{0%{opacity:.9;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(14px)scale(.3)}}@keyframes swirl{to{transform:rotate(360deg)}}.home-guide-cta{flex-direction:column;gap:.75rem;width:min(100%,22.5rem);margin:0 0 1.35rem;display:flex}.guide-btn{text-align:left;cursor:pointer;border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:1.05rem 1.2rem;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.guide-btn-title{letter-spacing:-.02em;font-size:1.12rem;font-weight:750;line-height:1.25}.guide-btn-sub{opacity:.85;font-size:.84rem;line-height:1.4}.guide-btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 28px #1d6fd847}.guide-btn-primary:hover{filter:brightness(1.04);transform:translateY(-2px)}.guide-btn-secondary{color:var(--ink);background:#ffffffeb;border-color:#0f27441f;box-shadow:0 8px 20px #2563a014}.guide-btn-secondary:hover{border-color:#1d6fd859;transform:translateY(-1px);box-shadow:0 12px 24px #2563a01f}.guide-btn:active{transform:translateY(0)scale(.99)}.home-primary-cta .btn-launch{min-width:min(100%,14rem);padding:.95rem 1.4rem;font-size:1.05rem}.worry-entry{width:100%;max-width:22rem;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffe0;border:1px solid #0f27442e;border-radius:14px;flex-direction:column;align-items:stretch;gap:.25rem;margin:0 0 1.15rem;padding:.95rem 1.1rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 8px 22px #2563a01f}.worry-entry:hover{border-color:#1d6fd873;transform:translateY(-2px);box-shadow:0 12px 28px #2563a02e}.worry-entry:active{transform:translateY(0)scale(.99)}.worry-entry-main{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.worry-entry-label{letter-spacing:-.01em;font-size:1rem;font-weight:750}.worry-entry-arrow{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.95rem;font-weight:700;display:inline-flex}.worry-entry-hint{color:var(--muted);font-size:.8rem}.pet-dock-secondary{margin-top:0;margin-bottom:1rem}html[data-theme=storm] .worry-entry{background:#1c222ce0;border-color:#e8eef629;box-shadow:0 8px 22px #00000059}.poster-toggle{background:var(--accent-soft);width:100%;max-width:100%;color:var(--accent-text);letter-spacing:-.01em;cursor:pointer;border:1px solid #1d6fd859;border-radius:14px;align-items:center;gap:.55rem;margin-top:.85rem;padding:.85rem 1rem;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 0 0 1px #1d6fd814,0 8px 20px #2563a01a}.poster-toggle:hover{background:#1d6fd82e;transform:translateY(-2px);box-shadow:0 0 0 1px #1d6fd840,0 12px 28px #2563a024}.poster-toggle:active{transform:scale(.98)}.poster-toggle.is-open{border-color:var(--line-strong);background:var(--panel);color:var(--ink)}.poster-toggle-icon{background:var(--accent);color:#18181b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:1.15rem;font-weight:700;line-height:1;display:inline-flex}.poster-toggle.is-open .poster-toggle-icon{background:var(--ink);color:var(--bg)}.poster-toggle-text{text-align:left;flex:1}.poster-toggle-chevron{opacity:.85;flex-shrink:0;font-size:.75rem}.poster-collapsed{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel);margin-top:.75rem;padding:1.1rem}.poster-collapsed p{color:var(--muted);margin:0 0 .75rem;font-size:.9rem;line-height:1.55}.poster-mini-row{flex-wrap:wrap;gap:.45rem;display:flex}.companion-line{color:var(--accent-text);margin:.65rem 0 0;font-size:.88rem}.milestone-list{color:var(--muted);flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.milestone-list li.done{color:var(--success)}.milestone-checks{flex-direction:column;gap:.55rem;display:flex}.check-row{color:var(--ink);align-items:flex-start;gap:.55rem;font-size:.92rem;display:flex}.check-row input{margin-top:.2rem}.fieldset-hint{color:var(--muted);margin:0 0 .35rem;font-size:.82rem}.stats-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.stats-list li{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-bottom:.45rem;display:flex}.stats-list strong{color:var(--ink)}.hero{max-width:40rem}.brand-kicker{border:1px solid var(--line-strong);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:.45rem;margin:0 0 .75rem;padding:.28rem .7rem;font-size:.78rem;font-weight:500;display:inline-flex}.brand{font-family:var(--font-display);letter-spacing:-.05em;color:var(--ink);margin:0 0 1rem;font-size:clamp(2.6rem,8vw,4.2rem);font-weight:700}.hero-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0 0 .9rem;font-size:clamp(1.2rem,2.6vw,1.5rem);font-weight:600;line-height:1.5}.hero-sub{color:var(--muted);max-width:34rem;margin:0 0 2rem;font-size:1.02rem;line-height:1.75}.hero-cta{flex-wrap:wrap;gap:.7rem;display:flex}.home-links{flex-direction:column;gap:.75rem;margin-top:1.75rem;display:flex}.home-test-link{border:1px solid var(--line-strong);background:var(--panel);width:fit-content;color:var(--accent-text);border-radius:999px;align-items:center;padding:.45rem .85rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.home-test-link:hover{background:var(--accent-soft)}.home-nav-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.home-nav-card{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.75rem .7rem;transition:transform .15s,border-color .15s;display:flex}.home-nav-card:hover{border-color:#f5a52473;transform:translateY(-2px)}.home-nav-icon{color:#fff;border-radius:9px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.home-nav-icon svg{width:1.05rem;height:1.05rem}.home-nav-sea .home-nav-icon{background:linear-gradient(145deg,#38bdf8,#0369a1)}.home-nav-harbor .home-nav-icon{background:linear-gradient(145deg,#34d399,#047857)}.home-nav-wreck .home-nav-icon{background:linear-gradient(145deg,#fb7185,#be123c)}.home-nav-sync .home-nav-icon{background:linear-gradient(145deg,#a78bfa,#6d28d9)}.home-nav-retrieve .home-nav-icon{background:linear-gradient(145deg,#fbbf24,#b45309)}.home-nav-label{letter-spacing:-.01em;font-size:.86rem;font-weight:700}.home-nav-hint{color:var(--muted);font-size:.72rem;line-height:1.35}.pet-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.5rem;display:grid}.pet-btn{border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .45rem .85rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.pet-btn:hover{border-color:#f5a52473;transform:translateY(-4px);box-shadow:0 12px 28px #00000047}.pet-btn:hover .pet-face{animation:.55s pet-bounce}.pet-face{place-items:center;width:64px;height:64px;display:grid}.pet-svg{width:58px;height:58px;overflow:visible}.pet-label{color:var(--ink);font-size:.82rem;font-weight:600}.pet-hint{color:var(--muted);font-size:.7rem}@keyframes pet-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)scale(1.04)}70%{transform:translateY(1px)}}.poster-wall{position:relative}.poster-wall-head{margin-bottom:.9rem}.poster-wall-head h2{letter-spacing:-.02em;margin:.2rem 0 .25rem;font-size:1.15rem}.poster-wall-head p{color:var(--muted);margin:0;font-size:.85rem}.poster-grid{perspective:900px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.poster-credit{margin:.35rem 0 0;font-size:.75rem}.poster-credit a{color:var(--muted)}.mbti-poster{text-align:left;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-height:220px;padding:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000059}.mbti-poster:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 28%,#000000b8 100%);position:absolute;inset:0}.poster-main{z-index:2;text-align:left;color:inherit;background:0 0;border:none;flex-direction:column;flex:1;gap:.15rem;min-height:0;padding:.7rem .7rem .35rem;display:flex;position:relative}.poster-avatar{pointer-events:none;opacity:.95;filter:drop-shadow(0 8px 16px #00000059);z-index:0;width:72%;max-width:150px;height:auto;position:absolute;top:4%;right:-6%}.poster-main>:not(.poster-avatar){z-index:1;max-width:62%;position:relative}.mbti-poster:hover{z-index:2;box-shadow:0 16px 36px #00000073;transform:translateY(-6px)scale(1.03)rotate(0)!important}.poster-intro{z-index:2;color:var(--accent-text);text-align:center;background:#00000059;border:1px solid #ffffff24;border-radius:8px;margin:0 .55rem .55rem;padding:.35rem .55rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:block;position:relative}.poster-intro:hover{background:#f5a52429;border-color:#f5a52466}.tilt-1{transform:rotate(-2.2deg)}.tilt-2{transform:rotate(1.6deg)}.tilt-3{transform:rotate(-1deg)}.tilt-4{transform:rotate(2deg)}.tilt-5{transform:rotate(-1.5deg)}.tone-analysts{background:linear-gradient(155deg,#2a4a5c 0%,#132028 55%,#0c1216 100%)}.tone-diplomats{background:linear-gradient(155deg,#2f5d3a 0%,#15261a 55%,#0d1610 100%)}.tone-sentinels{background:linear-gradient(155deg,#3a4f72 0%,#172033 55%,#0e1320 100%)}.tone-explorers{background:linear-gradient(155deg,#7a4a28 0%,#2c1a10 55%,#160e09 100%)}.poster-group{color:#ffffffa6;letter-spacing:.08em;font-size:.68rem}.poster-code{letter-spacing:-.02em;margin-top:.15rem;font-size:1.15rem;font-weight:700}.poster-name{color:var(--accent-text);font-size:.86rem;font-weight:600}.poster-tag{color:#ffffffb8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.15rem;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.poster-cta{color:#fffc;margin-top:auto;padding-top:.45rem;font-size:.72rem}.goal-section{margin-bottom:1.5rem}.goal-section h2{color:var(--muted);margin:0 0 .7rem;font-size:.9rem;font-weight:600}.goal-list{flex-direction:column;gap:.55rem;display:flex}.goal-row{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);align-items:center;gap:.65rem;width:100%;padding:.9rem 1rem;transition:border-color .15s,background .15s;display:flex}.goal-row:hover{background:#1c1c1f;border-color:#f5a52466}.goal-row-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.goal-row-body strong{font-size:.98rem;font-weight:550;line-height:1.45}.goal-row-body span{color:var(--muted);font-size:.8rem}.step-bar{flex-wrap:wrap;align-items:center;gap:.55rem;margin:.2rem 0 1rem;display:flex}.step-item{color:var(--muted);border:1px solid var(--line);background:#ffffff05;border-radius:999px;padding:.28rem .7rem;font-size:.8rem;font-weight:600}.step-item.active{color:#09090b;background:#fafafa;border-color:#fafafa}.step-item.done{color:var(--accent-text);background:var(--accent-soft);border-color:#f5a52466}.step-line{background:var(--line-strong);width:1.4rem;height:1px}.select-banner{border-radius:var(--radius);background:var(--accent-soft);color:#e4e4e7;border:1px solid #f5a52459;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin:-.5rem 0 1.5rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.5;display:flex}.select-banner strong{color:var(--accent-text);font-weight:700}.mbti-group{margin-bottom:2rem}.mbti-group h2{color:var(--muted);letter-spacing:.02em;margin:0 0 .85rem;font-size:.85rem;font-weight:600}.mbti-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.mbti-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:1rem;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative;overflow:hidden}.mbti-card-avatar{opacity:.9;pointer-events:none;filter:drop-shadow(0 6px 12px #00000059);width:88px;height:auto;position:absolute;top:8%;right:-4%}.mbti-card .mbti-code,.mbti-card .mbti-name,.mbti-card .mbti-cta,.mbti-card .mbti-more{z-index:1;max-width:calc(100% - 72px);position:relative}.mbti-card:hover{background:#1c1c1f;border-color:#f5a5248c;transform:translateY(-2px)}.mbti-card:hover .mbti-cta{color:#09090b;background:#fff}.mbti-code{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.mbti-name{color:var(--accent-text);font-size:.9rem;font-weight:500}.mbti-tag{color:var(--muted);min-height:2.4em;font-size:.8rem;line-height:1.45}.mbti-cta{color:var(--ink);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;margin-top:.45rem;padding:.45rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.mbti-more{color:#71717a;align-self:flex-start;margin-top:.35rem;font-size:.75rem}.mbti-more:hover{color:var(--muted)}.write-form{flex-direction:column;gap:1.2rem;max-width:36rem;display:flex}.write-form label,.write-form fieldset{color:var(--muted);border:none;flex-direction:column;gap:.55rem;margin:0;padding:0;font-size:.9rem;display:flex}.write-form legend{color:var(--muted);margin-bottom:.3rem}.write-form input,.write-form textarea,.write-form select,.filters select,.shared-note textarea,.worry-form select{background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);outline:none;padding:.8rem .95rem}.write-form input:focus,.write-form textarea:focus,.write-form select:focus,.filters select:focus,.shared-note textarea:focus,.worry-form select:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:#f5a5248c}.write-form textarea,.shared-note textarea{resize:vertical;line-height:1.6}.char-count{align-self:flex-end;font-size:.78rem}.chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--line-strong);color:var(--muted);background:0 0;border-radius:999px;padding:.42rem .85rem;font-size:.86rem}.chip.active{color:var(--ink);background:var(--accent-soft);border-color:#f5a5248c}.inline-extra{margin-top:.5rem}.preview-date{color:var(--accent-text);margin:.35rem 0 0;font-size:.88rem;font-weight:500}.contact-grid{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.seal-note{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffff05;padding:1rem 1.1rem;font-size:.9rem;line-height:1.65}.seal-note strong{color:var(--ink);margin-bottom:.4rem;font-weight:600;display:block}.seal-note p{margin:0 0 .55rem}.code-hint{color:#d4d4d8!important}.form-error{color:var(--danger);margin:0;font-size:.88rem}.shared-note{color:var(--muted);flex-direction:column;gap:.5rem;margin-bottom:1.25rem;font-size:.9rem;display:flex}.capsule-seal{background:var(--panel);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:18px;margin-bottom:1.1rem;padding:2rem 1.5rem}.seal-ring{background:var(--accent-soft);border:1px solid #f5a52473;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:112px;height:112px;margin:0 auto 1.2rem;display:flex}.seal-code{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.seal-name{color:var(--accent-text);font-size:.78rem;font-weight:500}.capsule-goal{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.15rem,2.8vw,1.4rem);font-weight:500;line-height:1.55}.capsule-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.45rem;margin-bottom:1rem;font-size:.88rem;display:flex}.countdown{color:var(--muted);margin:0}.countdown.ready{color:var(--success);font-weight:600}.code-box{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--panel);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.9rem;padding:.9rem 1.1rem;display:flex}.code-box strong{letter-spacing:.12em;color:var(--accent-text);font-size:1.05rem;font-weight:700}.code-box .text-link{color:var(--ink);margin:0 0 0 auto}.notify-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);margin-bottom:.5rem;padding:1rem 1.1rem;font-size:.9rem}.notify-head{color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem;font-size:.88rem;font-weight:600;display:flex}.notify-head .text-link{margin:0;font-weight:500}.notify-preview{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem}.notify-preview h3{color:var(--accent-text);margin:.7rem 0 .35rem;font-size:.82rem;font-weight:600}.notify-preview p,.notify-preview pre{white-space:pre-wrap;color:#d4d4d8;line-height:1.55;font-family:var(--font-body);margin:0;font-size:.88rem}.dev-unlock{border:1px dashed var(--line-strong);color:var(--muted);border-radius:var(--radius-sm);background:0 0;margin-top:2rem;padding:.4rem .7rem;font-size:.78rem}.open-choice{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:.85rem;padding:1.15rem}.open-choice.glow{background:#34d3990d;border-color:#34d39959}.open-choice.muted{background:0 0}.open-choice h2{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.05rem}.open-choice p{color:var(--muted);margin:0 0 1rem;line-height:1.6}.sealed-quote{color:#e4e4e7!important;font-size:1.12rem!important}.archive-tabs{flex-wrap:wrap;gap:.45rem;margin-top:1.15rem;margin-bottom:.25rem;display:flex}.archive-tabs button{border:1px solid var(--line-strong);color:var(--muted);background:0 0;border-radius:999px;padding:.42rem .85rem;font-size:.84rem;font-weight:500}.archive-tabs button.active{color:var(--ink);background:var(--accent-soft);border-color:#f5a52473}.page-board .type-badge{color:#fff;background:#1d4ed8}.page-board.page-sea .type-badge{color:#fff;background:#9f1239}.page-board.page-harbor .type-badge{color:#fff;background:#9a3412}.page-board.page-wreck .type-badge{color:#fff;background:#27272a}.wreck-remain{color:var(--accent-text);margin:0 0 .4rem;font-size:.9rem;font-weight:500}.filters{flex-wrap:wrap;gap:1rem;margin:1.25rem 0 1.5rem;display:flex}.filters label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.82rem;display:flex}.filters select{min-width:140px}.board-list{flex-direction:column;display:flex}.board-item{border-bottom:1px solid var(--line);padding:1.15rem .15rem 1.2rem}button.board-item{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;display:block}.board-item.clickable:hover,.board-item.is-open{background:#f5a5240f}html[data-theme=sky] .board-item.clickable:hover,html[data-theme=sky] .board-item.is-open{background:#d9770612}.board-advice-preview{color:var(--accent-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0 .45rem;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.board-item-wrap{border-bottom:1px solid var(--line)}.board-item-wrap .board-item{border-bottom:none}.board-item-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .85rem;margin-top:.45rem;display:flex}.board-item-foot time{color:var(--muted);font-size:.82rem}.board-open-hint{color:var(--accent-text);margin-top:0;font-size:.78rem;font-weight:600;display:inline-block}.board-detail-inline{margin:0 0 .85rem}.board-detail{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);margin:0 0 1.25rem;padding:1.1rem 1rem}.board-detail-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.board-detail-head .eyebrow{margin:0}.detail-goal{margin:.35rem 0 .9rem;font-size:1.15rem;line-height:1.55}.detail-block{background:var(--accent-soft);border-radius:10px;margin:.75rem 0;padding:.75rem .85rem}.detail-block h3{color:var(--accent-text);margin:0 0 .35rem;font-size:.82rem;font-weight:600}.detail-block p{color:var(--ink);margin:0;line-height:1.55}.detail-sealed{color:var(--muted);margin:.35rem 0 0;font-size:.82rem}.advice-audience{border:none;margin:.75rem 0 1rem;padding:0}.advice-audience legend{color:var(--muted);margin-bottom:.45rem;font-size:.88rem}.board-meta{color:var(--muted);flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;min-width:0;margin-bottom:.5rem;font-size:.84rem;display:flex}.board-item-top{justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.15rem;display:flex}.board-item-top .board-meta{margin-bottom:0}.mbti-avatar-round{object-fit:cover;object-position:center top;background:#e8eef6;border:1.5px solid #17171714;border-radius:50%;flex-shrink:0;width:30px;height:30px;box-shadow:0 1px 4px #0f274414}.like-btn{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--muted);border-radius:999px;flex-shrink:0;align-items:center;gap:.28rem;margin:0;padding:.28rem .55rem;font-size:.78rem;font-weight:600;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.like-btn:hover{color:#be123c;border-color:#e11d4859}.like-btn.is-liked{color:#be123c;background:#e11d4814;border-color:#e11d4859}.resonance-btn:hover{color:#1d4ed8;border-color:#2563eb66}.resonance-btn.is-liked{color:#1d4ed8;background:#2563eb1a;border-color:#2563eb66}.like-icon{font-size:.92rem}.like-count{font-variant-numeric:tabular-nums;min-width:1.1em}.type-badge{color:#fff;letter-spacing:.02em;opacity:1;-webkit-font-smoothing:antialiased;background:#1d4ed8;border-radius:6px;justify-content:center;align-items:center;min-width:3.1rem;padding:.22rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.board-goal{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.08rem;font-weight:500;line-height:1.5}.board-note{color:var(--muted);margin:0 0 .4rem;line-height:1.55}.board-item time{color:#71717a;font-size:.8rem}.board-worry-time{color:var(--muted);margin:.15rem 0 0;font-size:.78rem;display:block}.empty{color:var(--muted)}.worry-form{margin-top:1.1rem}.worry-stats{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.15rem 0;display:grid}.stat-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);text-align:center;flex-direction:column;gap:.3rem;padding:1rem .75rem;display:flex}.stat-card strong{color:var(--ink);letter-spacing:-.03em;font-size:1.65rem;font-weight:700}.stat-card span{color:var(--muted);font-size:.78rem}.stat-card.glow{background:var(--accent-soft);border-color:#f5a52466}.stat-card.glow strong{color:var(--accent-text)}.comfort-line{border-radius:var(--radius);border:1px solid var(--line);color:var(--muted);background:var(--accent-soft);margin:0 0 1.2rem;padding:.95rem 1rem;line-height:1.65}.worry-browse-block{margin:1.25rem 0 .5rem}.worry-browse-hint{opacity:.72;margin:0 0 .55rem;font-size:.86rem}.worry-echo-tabs{margin:1.1rem 0 .4rem}.worry-echo-tabbar{flex-wrap:wrap;align-items:stretch;gap:.45rem;display:flex}.worry-echo-tab{border:1px solid var(--line-strong);min-width:6.5rem;color:var(--ink);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .7rem;font-size:.86rem;font-weight:650;display:inline-flex}.worry-echo-tab:hover{border-color:color-mix(in srgb, var(--accent,#31bdaf) 55%, var(--line-strong));background:#ffffff12}.worry-echo-tab.is-active{border-color:color-mix(in srgb, var(--accent,#31bdaf) 75%, transparent);background:color-mix(in srgb, var(--accent,#31bdaf) 18%, transparent)}.worry-echo-tab-count{text-align:center;background:#ffffff1a;border-radius:999px;min-width:1.35rem;padding:.08rem .4rem;font-size:.72rem;font-weight:700}.worry-echo-panel{border-top:1px solid var(--line);min-height:3rem;margin-top:.75rem;padding:.75rem .35rem .4rem}.worry-echo-panel-title{color:var(--ink);margin:0 0 .65rem;font-size:.9rem;font-weight:700}.worry-echo-empty{color:var(--ink);opacity:.8;margin:.55rem 0 .4rem;font-size:.92rem;line-height:1.5}.worry-echo-list .worry-echo-item{border-bottom:1px solid var(--line);padding:.85rem .15rem 1rem}.worry-echo-item .board-goal{color:var(--ink)}.board-item.clickable{text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;width:100%;padding:1.15rem .15rem 1.2rem}.board-item.clickable:hover{background:#ffffff05}.qr-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:.9rem;padding:1.25rem}.qr-card-head h2{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.05rem}.qr-card-head p{color:var(--muted);margin:0 0 1rem;font-size:.9rem;line-height:1.6}.qr-frame{border:1px solid var(--line);background:#fff;border-radius:14px;width:fit-content;margin:0 auto 1rem;padding:.75rem}.qr-frame canvas{width:220px;height:220px;display:block}.qr-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.qr-actions a.btn{text-decoration:none}.qr-save-hint{text-align:center;color:var(--accent-text);margin:.5rem 0 0;font-size:.88rem;line-height:1.5}.qr-preview-overlay{z-index:2000;-webkit-overflow-scrolling:touch;background:#090e16c7;justify-content:center;align-items:flex-end;padding:.75rem;display:flex;position:fixed;inset:0}.qr-preview-sheet{color:#0f2744;background:#fff;border-radius:20px 20px 14px 14px;width:min(440px,100%);max-height:min(94vh,920px);padding:1rem 1rem 1.25rem;overflow:auto;box-shadow:0 24px 60px #0006}.qr-preview-title{color:#0f2744;margin:0;font-size:1.08rem;font-weight:700}.qr-preview-lede{color:#4a6580;margin:.4rem 0 .9rem;font-size:.9rem;line-height:1.55}.qr-preview-img{-webkit-touch-callout:default;-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:manipulation;background:#e8eef6;border-radius:12px;width:100%;height:auto;display:block}.qr-preview-actions{flex-wrap:wrap;gap:.55rem;margin-top:.95rem;display:flex}.qr-preview-actions .btn.primary{color:#fff;background:#1d4ed8}.qr-preview-actions .btn.ghost{color:#0f2744;border-color:#0f274433}.page-countdown{flex-direction:column;justify-content:center;min-height:min(70vh,640px);display:flex}.countdown-head .capsule-meta{margin-top:.75rem}.clock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.5rem 0 1.5rem;display:grid}.clock-merged{text-align:center;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin:.5rem 0 1.5rem;padding:1.15rem 1rem 1rem}.clock-merged strong{letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(1.85rem,7.5vw,2.75rem);font-weight:800;line-height:1.15;display:block}.clock-merged-unit{letter-spacing:0;color:var(--muted);vertical-align:.12em;margin:0 .12em 0 .06em;font-size:.48em;font-weight:700}.clock-merged-sep{color:color-mix(in srgb, var(--ink) 35%, transparent);margin:0 .06em;font-weight:500}.clock-merged-hint{color:var(--muted);letter-spacing:.06em;margin-top:.55rem;font-size:.82rem;display:block}.clock-unit{background:var(--panel);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:14px;padding:1rem .5rem}.clock-unit strong{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:700;line-height:1.1;display:block}.clock-unit span{color:var(--muted);margin-top:.35rem;font-size:.82rem;display:block}.countdown-done{border-radius:var(--radius);background:#34d39914;border:1px solid #34d39959;margin-bottom:1.25rem;padding:1.25rem}.countdown-done p{color:#d4d4d8;margin:0 0 1rem;line-height:1.6}.countdown-foot{color:var(--muted);font-size:.88rem;line-height:1.7}.countdown-foot p{margin:.15rem 0}.countdown-foot .muted{color:#71717a;margin-top:.55rem}@media (width<=960px){.home-split{grid-template-columns:1fr}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.app-topbar{flex-wrap:wrap;justify-content:flex-end;top:.55rem;left:.65rem;right:.65rem}.theme-toggle span,.home-quick span{display:none}.app-main{padding-top:3.25rem}.contact-grid{grid-template-columns:1fr}.capsule-seal{padding:1.5rem 1rem}.code-box .text-link{margin-left:0}.notify-head{flex-direction:column;align-items:flex-start}.worry-stats{grid-template-columns:1fr}.pet-dock,.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mbti-poster{min-height:200px}.home-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.qr-tip{background:var(--accent-soft);border-radius:8px;padding:.65rem .75rem;color:var(--accent-text)!important;margin:.65rem 0 0!important;font-size:.82rem!important}.reveal-panel{flex-direction:column;gap:1rem;margin-top:.75rem;animation:.35s both fade-up;display:flex}.goal-first textarea{min-height:7.5rem;font-size:1.05rem}.auto-tags-label{color:var(--muted);margin:0 0 .45rem;font-size:.82rem;font-weight:600}.tag-chip{pointer-events:none}html[data-theme=white] .write-form,html[data-theme=grey] .write-form{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem}.page-board .board-list{border:1px solid var(--line);border-radius:16px;padding:.15rem 1rem}.page-board.page-sea .board-list,.page-board:not(.page-harbor):not(.page-wreck):not(.page-sea) .board-list{background:#fff}.page-board.page-harbor .board-list,.page-board.page-wreck .board-list{background:#e8eaee}html[data-theme=white] .mbti-card,html[data-theme=white] .select-banner,html[data-theme=white] .write-form,html[data-theme=white] .capsule-card{background:#fff;border:1px solid #1717171a;box-shadow:0 8px 24px #1717170a}html[data-theme=white] .select-banner{color:var(--ink);background:#2563eb0f;border-color:#2563eb47}html[data-theme=white] .mbti-card:hover{background:#f8fafc;border-color:#2563eb73}html[data-theme=white] .mbti-card:hover .mbti-cta{color:#fff;background:#2563eb}html[data-theme=white] .mbti-card-avatar{filter:drop-shadow(0 4px 10px #1717171f);opacity:.85}html[data-theme=white] .app-footer,html[data-theme=grey] .app-footer{border-top-color:var(--line);background:0 0}html[data-theme=grey] .page-head .lede,html[data-theme=white] .page-head .lede{color:var(--muted)}.write-wizard{flex-direction:column;max-width:520px;min-height:calc(100vh - 5rem);margin:0 auto;display:flex}.wizard-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.wizard-type{color:var(--muted);align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;display:inline-flex}.wizard-pane{flex-direction:column;flex:1;gap:1rem;padding:.25rem 0 2rem;display:flex}.wizard-pane h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.55rem,4vw,2rem)}.wizard-sub,.wizard-warn{color:var(--muted);margin:0;line-height:1.55}.wizard-warn{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b47;border-radius:10px;padding:.7rem .85rem;font-size:.9rem}.wizard-goal-input,.wizard-input{border:1px solid var(--line-strong);background:var(--bg-elevated);width:100%;font:inherit;color:var(--ink);resize:vertical;border-radius:14px;padding:1rem 1.1rem}.wizard-goal-input{min-height:42vh;font-size:1.15rem;line-height:1.6}.wizard-input{font-size:1.05rem}.wizard-days-value{align-items:baseline;gap:.4rem;margin:.5rem 0 0;display:flex}.wizard-days-value strong{letter-spacing:-.04em;font-size:3rem;line-height:1}.wizard-days-value span{color:var(--muted);font-size:1.1rem}.wizard-slider{width:100%;accent-color:var(--accent)}.wizard-slider-ends{color:var(--muted);justify-content:space-between;margin-top:-.35rem;font-size:.82rem;display:flex}.wizard-custom-days{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.88rem;display:flex}.wizard-custom-days input{border:1px solid var(--line-strong);background:var(--bg-elevated);max-width:8rem;color:var(--ink);font:inherit;border-radius:10px;padding:.55rem .7rem}.wizard-rocket-ready,.wizard-launching{text-align:center;justify-content:center;align-items:center;min-height:60vh}.rocket-btn{background:linear-gradient(160deg,#60a5fa,#1d4ed8);border:none;border-radius:50%;place-items:center;width:7.5rem;height:7.5rem;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 16px 40px #1d4ed859}.rocket-btn:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 20px 48px #1d4ed873}.rocket-emoji{font-size:3rem;line-height:1;display:inline-block}.wizard-rocket-cta{color:var(--muted);margin:0}.rocket-flight{justify-content:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.rocket-emoji.flying{animation:1.5s ease-in forwards rocket-launch}.rocket-trail{background:linear-gradient(#0000,#fb923ccc);border-radius:999px;width:4px;height:0;animation:1.5s ease-in forwards rocket-trail;position:absolute;bottom:40px}.wizard-launching-text{color:var(--muted);margin-top:1rem}@keyframes rocket-launch{0%{opacity:1;transform:translateY(80px)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-220px)scale(.7)}}@keyframes rocket-trail{0%{opacity:.9;height:0}50%{opacity:.7;height:90px}to{opacity:0;height:140px}}