:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#04050c;--ink:#ece8f6;--ink-2:#b6b4cc;--ink-3:#82819c;--line:#ffffff17;--glass:#0e0f1eb8;--glass-strong:#101122e6;--gold:#f3cf8b;--rose:#ff9dba;--danger:#ff8a8a;--radius:14px;--sans:-apple-system, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--serif:"Songti SC", "Noto Serif SC", "Source Han Serif SC", "STSong", serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}.stage{touch-action:none;position:absolute;inset:0}.stage canvas{outline:none;width:100%;height:100%;display:block}.labels,.overlay,.fx,.toasts{pointer-events:none;position:absolute;inset:0}.fx-dust{position:absolute;top:0;left:0}.fx-dust[hidden]{display:none}.overlay>*,.toasts>*{pointer-events:auto}.label{white-space:nowrap;font:12px/1 var(--sans);letter-spacing:.12em;color:#c6cdff9e;text-shadow:0 0 12px #04050ce6;will-change:transform, opacity;position:absolute;top:0;left:0}.label-since{color:#ffd6a0d1}.label-month{letter-spacing:.08em;color:#c6cdff8c;font-size:11px}.label-anniv{font-family:var(--serif);letter-spacing:.2em;color:#f3cf8bd9;font-size:12px}.label-title{font:13px/1.3 var(--serif);letter-spacing:.06em;color:#ece8f6e0;text-shadow:0 0 10px #04050cf2,0 0 3px #04050cf2}.label[hidden]{display:none}.label-tail{font-family:var(--serif);letter-spacing:.3em;color:#f2a7bdc7}.btn{appearance:none;border:1px solid var(--line);min-height:36px;color:var(--ink);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;transition:background .2s,border-color .2s,opacity .2s;display:inline-flex}.btn:hover{background:#ffffff1a}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(135deg,#f3cf8b47,#ff9dba38);border-color:#f3cf8b80}.btn-primary:hover{background:linear-gradient(135deg,#f3cf8b66,#ff9dba52)}.btn-ghost{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.btn-danger{color:#ffd2d2;background:#ff8a8a29;border-color:#ff8a8a80}.btn-danger:hover{background:#ff8a8a42}.btn-block{width:100%;min-height:44px}.btn-icon{width:36px;padding:0}.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-off{display:none}.btn[aria-pressed=false]{color:var(--ink-3)}.btn[aria-pressed=false] .icon-off{display:inline}.hud{top:calc(14px + var(--safe-t));left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.hud>*{pointer-events:auto}.hud-name-row{align-items:center;gap:10px;display:flex}.hud-name{font:500 22px/1.25 var(--serif);letter-spacing:.08em;text-shadow:0 0 18px #ffd2a040;margin:0}.hud-name-btn{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.hud-name-btn:hover{text-underline-offset:6px;-webkit-text-decoration:underline dotted #ffffff59;text-decoration:underline dotted #ffffff59}.hud-name-btn:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}.hud-sub{color:var(--ink-2);letter-spacing:.04em;margin:4px 0 0;font-size:13px}.hud-conn{background:#7be3a6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #7be3a6}.hud-conn-wrap{position:relative}.hud-conn-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;margin:-10px -8px;padding:0;display:grid}.hud-conn-btn:focus-visible{outline:2px solid var(--gold)}.conn-pop{z-index:3;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);width:min(300px,100vw - 32px);padding:14px 16px 12px;animation:.25s ease-out rise;position:absolute;top:calc(100% + 12px);left:-12px;box-shadow:0 16px 40px #00000073}.conn-pop[hidden]{display:none}.conn-state{margin:0;font-size:14px}.conn-stats{color:var(--ink-2);margin:6px 0 0;font-size:13px}.conn-pop .btn{min-height:32px;font-size:13px}.hud-conn[data-state=retrying]{background:#f1b26a;animation:1.2s infinite blink;box-shadow:0 0 8px #f1b26a}@keyframes blink{50%{opacity:.3}}.hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:relative}.music-pop,.ta-pop{z-index:3;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);width:min(280px,100vw - 32px);padding:14px 16px 12px;animation:.25s ease-out rise;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000073}.music-pop[hidden],.ta-pop[hidden]{display:none}.ta-pop{width:min(260px,100vw - 32px);padding:6px}.ta-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.ta-item:hover,.ta-item:focus-visible{background:#ffffff12;outline:none}.ta-item .icon{width:20px;height:20px;color:var(--gold);flex:none}.ta-item-text{flex-direction:column;gap:2px;display:flex}.ta-item-title{font-size:14px}.ta-item-hint{color:var(--ink-3);font-size:12px}.music-switch{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.music-switch input{width:18px;height:18px;accent-color:var(--rose);margin:0}.music-name{font:14px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere;margin:10px 0 0}.music-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.music-row .btn{min-height:32px;font-size:13px}.music-status{color:var(--rose);margin:8px 0 0;font-size:12px}.music-status:empty{display:none}.music-note{color:var(--ink-3);margin:8px 0 0;font-size:12px}.hud-stats{left:calc(16px + var(--safe-l));bottom:calc(12px + var(--safe-b));color:var(--ink-3);margin:0;font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace;position:absolute;pointer-events:none!important}.hud-hint{right:calc(16px + var(--safe-r));bottom:calc(12px + var(--safe-b));color:var(--ink-3);letter-spacing:.06em;margin:0;font-size:12px;position:absolute;pointer-events:none!important}.panel{top:calc(84px + var(--safe-t));right:calc(16px + var(--safe-r));width:min(380px,100vw - 32px);max-height:calc(100% - 84px - 52px - var(--safe-t) - var(--safe-b));border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);border-radius:18px;flex-direction:column;animation:.35s ease-out rise;display:flex;position:absolute;overflow:auto;box-shadow:0 20px 60px #00000073}.panel[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.panel-close{z-index:1;width:32px;height:32px;color:var(--ink);cursor:pointer;background:#04050c8c;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:8px;right:8px}.panel-photo{background:#0b0d1a;border-radius:18px 18px 0 0;flex-shrink:0;width:100%;margin:0 auto;position:relative;overflow:hidden}.panel-photo img{object-fit:cover;width:100%;height:100%;display:block}.flip{perspective:1200px;flex-shrink:0;position:relative}.flip-tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out}.flip-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:relative}.flip-flipped .flip-inner{transform:rotateY(180deg)}.flip-instant .flip-inner{transition:none}.flip-face{backface-visibility:hidden}.flip-photo{position:relative}.flip-back{background:#0b0d1a;border-radius:18px 18px 0 0;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)}.flip-back-bg{filter:blur(28px)brightness(.25);background-position:50%;background-size:cover;position:absolute;inset:-40px}.flip-back-body{flex-direction:column;flex:1;gap:10px;padding:22px 20px 54px;display:flex;position:relative;overflow:auto}.flip-back-who,.flip-by{font:13px/1.5 var(--serif);letter-spacing:.06em;color:var(--gold);margin:0}.flip-back-text{font:16px/1.9 var(--serif);color:#fff6ec;white-space:pre-wrap;margin:0}.flip-back-note{font:14px/1.8 var(--serif);color:var(--ink-2);text-align:center;margin:auto 0}.flip-back-edit{color:var(--ink-3);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;-webkit-text-decoration:underline dashed #ffffff40;text-decoration:underline dashed #ffffff40}.flip-said-wrap{padding:12px 18px 2px}.flip-said{font:15px/1.75 var(--serif);color:var(--ink);white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.flip-said-mine{cursor:text}.flip-note{color:var(--ink-3);font:14px/1.7 var(--serif);text-align:left;cursor:pointer;background:0 0;border:0;margin:2px 0 0;padding:0;display:block}.flip-note:not(:disabled){text-underline-offset:5px;-webkit-text-decoration:underline dashed #fff3;text-decoration:underline dashed #fff3}.flip-note:disabled{cursor:default}.flip-turn{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink-2);font:12px/1.4 var(--sans);letter-spacing:.06em;cursor:pointer;background:#0809149e;border:1px solid #f3cf8b59;border-radius:999px;padding:5px 12px;animation:3.2s ease-in-out infinite turn-glow;position:absolute;bottom:10px;right:10px}.flip-turn-warm{color:var(--gold);border-color:#f3cf8ba6}.flip-turn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@keyframes turn-glow{50%{box-shadow:0 0 14px #f3cf8b52}}.flip-resonance{z-index:2;color:var(--gold);letter-spacing:.1em;text-shadow:0 0 10px #f3cf8bcc;background:#08091480;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:10px;left:12px}.flip-slot:empty{display:none}.flip-editor{flex-direction:column;gap:8px;display:flex}.flip-input{min-height:96px;font:15px/1.8 var(--serif)}.flip-back .flip-input{background:#08091473}.flip-editor-row{gap:8px;display:flex}.flip-error:empty{display:none}.caption{left:16px;right:16px;bottom:calc(22px + var(--safe-b));text-align:center;flex-direction:column;align-items:center;gap:4px;animation:.35s ease-out rise;display:flex;position:absolute}.overlay>.caption{pointer-events:none}.caption[hidden]{display:none}.caption:before{content:"";z-index:-1;background:radial-gradient(closest-side,#04050cc7,#04050c00);width:min(560px,100%);height:170%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.caption p{text-shadow:0 0 14px var(--bg), 0 0 3px var(--bg);margin:0}.caption-date{letter-spacing:.08em;color:var(--gold);font-size:12px}.caption-title{font:500 20px/1.35 var(--serif);letter-spacing:.04em}.caption-meta{color:var(--ink-2);font-size:13px}.caption-hint{letter-spacing:.06em;color:var(--ink-3);font-size:12px}.caption-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-top:2px;display:flex}.caption .btn{pointer-events:auto;min-height:30px;padding:0 12px;font-size:12px}.ring-on .hud-hint{opacity:0}.panel-morph{pointer-events:none;position:absolute;top:0;left:0}.panel-morph[hidden]{display:none}.panel-note{color:var(--ink-2);background:linear-gradient(#0000,#04050cd9);padding:10px 14px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.panel-body{padding:14px 18px 4px}.panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-tools{flex-shrink:0;margin:-6px -10px -6px 0;display:flex}.panel-tool{width:30px;min-height:30px;color:var(--ink-2)}.panel-tool .icon{width:16px;height:16px}.panel-invite{appearance:none;color:var(--ink-3);font:14px/1.7 var(--serif);text-align:left;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;margin:10px 0 0;padding:0;-webkit-text-decoration:underline dashed #fff3;text-decoration:underline dashed #fff3;display:block}.panel-invite:hover{color:var(--ink-2)}.panel-invite:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.panel-date{letter-spacing:.08em;color:var(--gold);margin:0;font-size:12px}.panel-title{font:500 20px/1.35 var(--serif);letter-spacing:.04em;margin:6px 0 0}.panel-place,.panel-by{color:var(--ink-2);margin:6px 0 0;font-size:13px}.panel-story{white-space:pre-wrap;font:15px/1.8 var(--serif);color:var(--ink);margin:10px 0 0}.panel-by{color:var(--ink-3)}.panel-nav{justify-content:space-between;align-items:center;padding:6px 8px 10px;display:flex}.panel-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.screen{padding:calc(24px + var(--safe-t)) 16px calc(24px + var(--safe-b));background:radial-gradient(ellipse at 50% 40%, #3c326e59, transparent 60%), var(--bg);place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.card{border:1px solid var(--line);background:var(--glass-strong);border-radius:20px;width:min(420px,100%);padding:28px 24px 24px;box-shadow:0 30px 80px #00000080}.card-title{font:500 24px/1.3 var(--serif);letter-spacing:.08em;margin:0 0 6px}.card-text{color:var(--ink-2);margin:0 0 18px}.card-quiet{color:var(--ink-3);text-align:center;margin:14px 0 0;font-size:13px}.form{flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{color:var(--ink-2);font-size:13px}.field-hint{color:var(--ink-3);font-size:12px}input,textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);font:inherit;background:#ffffff0a;border-radius:10px;padding:8px 12px;font-size:16px}textarea{resize:vertical;min-height:132px;font:16px/1.75 var(--serif)}input:focus,textarea:focus{background:#ffffff12;border-color:#f3cf8b99;outline:none}input::placeholder,textarea::placeholder{color:var(--ink-3)}input::-webkit-calendar-picker-indicator{filter:invert(.85)}.form-error{min-height:1.2em;color:var(--danger);margin:0 0 10px;font-size:13px}.form-error:empty{margin:0}.editor{flex-direction:column;margin-top:12px;display:flex}.panel-editing .panel-photo{max-width:calc(24vh * var(--ar,1.333));max-height:24vh}.editor>.editor-actions,.editor>.editor-confirm{z-index:1;background:linear-gradient(#10112200,#101122f7 40%);margin:0 -18px;padding:14px 18px 10px;position:sticky;bottom:0}.editor-fields{border:0;min-width:0;margin:0;padding:0}.editor .field{margin-bottom:12px}.shine{border:0;min-width:0;margin:0 0 12px;padding:0}.shine legend{margin-bottom:4px;padding:0}.shine-marks{gap:2px;margin:0 0 2px -6px;display:flex}.shine-mark{width:36px;height:36px;color:var(--ink-3);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid;position:relative}.shine-mark input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.shine-mark .icon{width:22px;height:22px;transition:color .2s,transform .2s}.shine-mark.on{color:var(--gold)}.shine-mark.on .icon{fill:currentColor;filter:drop-shadow(0 0 6px #f3cf8b8c)}.shine-mark:hover .icon{transform:scale(1.12)}.shine-mark:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:-2px}.shine .field-hint{display:block}.editor-note{color:var(--gold);margin:0 0 10px;font-size:12px}.editor-note:empty{display:none}.editor-actions{flex-wrap:wrap;gap:8px;display:flex}.editor-confirm p{color:var(--ink-2);margin:0 0 8px;font-size:13px}.editor-conflict{background:#ff9dba12;border:1px solid #ff9dba59;border-radius:12px;margin:0 0 12px;padding:12px 14px}.editor-conflict-text{margin:0 0 8px;font-size:13px}.editor-conflict dl{margin:0 0 10px}.editor-conflict dt{color:var(--ink-3);font-size:12px}.editor-conflict dd{white-space:pre-wrap;max-height:9em;font:14px/1.7 var(--serif);color:var(--ink-2);margin:2px 0 8px;overflow:auto}.toasts{padding-top:calc(76px + var(--safe-t));flex-direction:column;align-items:center;gap:8px;display:flex}.toast{border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:12px;max-width:min(520px,100vw - 32px);padding:10px 12px 10px 16px;font-size:14px;transition:opacity .3s,transform .3s;animation:.3s ease-out rise;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.toast-out{opacity:0;transform:translateY(-6px)}.toast-action{color:var(--gold);font:inherit;cursor:pointer;background:#f3cf8b33;border:0;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:13px}.toast-bar{background:linear-gradient(90deg, var(--gold), var(--rose));transform-origin:0;width:100%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.dialog{border:1px solid var(--line);background:var(--glass-strong);width:min(440px,100vw - 32px);color:var(--ink);border-radius:20px;padding:24px;box-shadow:0 30px 80px #0009}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02030899}.dialog-title{font:500 20px/1.35 var(--serif);letter-spacing:.06em;margin:0 0 8px}.dialog-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.invite-qr{text-align:center;margin:4px auto 14px}.invite-qr svg{border-radius:12px;width:min(220px,64vw);height:auto;margin:0 auto;display:block}.invite-qr figcaption{color:var(--ink-3);margin-top:8px;font-size:12px}.dialog-section{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:20px;padding-top:16px;display:flex}.dialog-section .field-hint{flex:200px;margin:0}.dialog-trash{width:min(560px,100vw - 32px)}.trash-list{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;max-height:min(56vh,520px);padding:2px;display:grid;overflow:auto}.trash-empty{color:var(--ink-3);text-align:center;grid-column:1/-1;margin:18px 0}.trash-item{flex-direction:column;gap:6px;margin:0;display:flex}.trash-thumb{aspect-ratio:4/3;opacity:.85;border-radius:10px;overflow:hidden}.trash-thumb img{object-fit:cover;width:100%;height:100%;display:block}.trash-item figcaption{flex-direction:column;font-size:12px;display:flex}.trash-date{color:var(--ink)}.trash-meta{color:var(--ink-3)}.trash-actions{gap:4px;display:flex}.trash-actions .btn{min-height:30px;padding:0 10px;font-size:13px}.trash-purge{color:#ffb0b0}.trash-status{min-height:1.2em;color:var(--gold);margin:10px 0 0;font-size:13px}.trash-status:empty{min-height:0;margin:0}.invite-code{letter-spacing:.18em;color:var(--gold);text-align:center;margin:14px 0 0;font:600 22px/1 ui-monospace,SF Mono,Menlo,monospace}@media (max-width:640px){.hud{flex-direction:column;align-items:stretch}.hud-name{font-size:19px}.hud-actions{justify-content:flex-start}.music-pop,.ta-pop{left:0;right:auto}.hud-hint{display:none}.panel{top:auto;right:calc(8px + var(--safe-r));left:calc(8px + var(--safe-l));bottom:calc(8px + var(--safe-b));width:auto;max-height:62%}.panel-photo{max-width:calc(34vh * var(--ar,1.333));max-height:34vh}.panel-editing .panel-photo{max-width:calc(16vh * var(--ar,1.333));max-height:16vh}.toasts{padding-top:calc(118px + var(--safe-t))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.intro-words-wrap{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.intro-veil{opacity:0;background:radial-gradient(46% 30% at 50% 44%,#04050c9e,#04050c00 72%);transition:opacity 1s;position:absolute;inset:0}.intro-words{opacity:0;filter:blur(6px);transition:opacity .8s,filter .8s,transform 1.4s cubic-bezier(.2,.7,.2,1);position:relative;transform:translateY(-6vh)scale(.97)}.intro-words-wrap.on .intro-veil{opacity:1}.intro-words-wrap.on .intro-words{opacity:1;filter:none;transform:translateY(-6vh)}.intro-words-wrap.gone .intro-words{visibility:hidden}.intro-words-wrap.gone .intro-veil,.intro-words-wrap.fade .intro-veil{opacity:0;transition-duration:1.6s}.intro-words-wrap.fade .intro-words{opacity:0;transition:opacity .9s}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.intro{z-index:5;padding:0 16px calc(8vh + var(--safe-b));pointer-events:none;text-align:center;place-items:end center;transition:opacity 1.2s;display:grid;position:absolute;inset:0}.intro.intro-done{opacity:0}.intro-in{flex-direction:column;align-items:center;gap:12px;display:flex}.intro-in p{margin:0}.intro-title{font:400 clamp(30px, 6vw, 56px) / 1.1 var(--serif);letter-spacing:.3em;text-shadow:0 0 40px #f2a7bd66;animation:4s ease-in-out infinite breathe;margin-left:.3em!important}.intro-sub{letter-spacing:.36em;color:var(--ink-2);font-size:14px;margin-left:.36em!important}.intro-tap{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--rose);font:inherit;letter-spacing:.26em;cursor:pointer;pointer-events:auto;will-change:transform;border:1px solid #ff9dba73;border-radius:999px;margin-top:16px;padding:11px 22px;font-size:13px}.intro-skip{right:calc(22px + var(--safe-r));bottom:calc(22px + var(--safe-b));color:var(--ink-3);font:inherit;letter-spacing:.2em;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute}.intro-skip:hover{color:var(--ink-2)}.intro-tap:focus-visible,.intro-skip:focus-visible{outline:2px solid var(--rose);outline-offset:3px}@keyframes breathe{50%{opacity:.78}}.intro-banner{top:calc(84px + var(--safe-t));z-index:4;text-align:center;width:max-content;max-width:min(560px,100vw - 48px);font:400 15px/1.75 var(--serif);letter-spacing:.16em;color:#fff6ec;text-shadow:0 0 18px #ffbad28c,0 0 2px #04050ccc;opacity:0;filter:blur(5px);pointer-events:none;margin:0;transition:opacity .6s,filter .6s,transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;left:50%;transform:translate(-50%,8px)}.intro-banner p{margin:0}.intro-banner .intro-banner-by{letter-spacing:.12em;color:#ffe4d6c7;margin-top:4px;font-size:12px}.intro-banner.on{opacity:1;filter:none;transform:translate(-50%)}.intro-banner.off{opacity:0;filter:blur(12px);transition-duration:1.8s;transform:translate(-50%,-16px)scale(1.05)}@media (max-width:640px){.intro-banner{top:calc(128px + var(--safe-t));font-size:14px}}.hud-name-btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.disguise .hud,.disguise .hud-stats,.disguise .hud-hint,.disguise .panel,.disguise .caption,.disguise .labels,.disguise .toasts,.disguise .intro-banner{transition:opacity .25s;opacity:0!important;pointer-events:none!important}.disguise .hud *{pointer-events:none!important}.hud,.hud-stats,.hud-hint{transition:opacity 1.2s}.intro-on .hud,.intro-on .hud-stats,.intro-on .hud-hint{opacity:0}.intro-on .hud,.intro-on .hud *{pointer-events:none!important}.capsule-panel{gap:10px;padding:22px 20px 18px}.capsule-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-right:36px;display:flex}.capsule-kind{color:var(--gold);letter-spacing:.12em;border:1px solid #f3cf8b73;border-radius:999px;padding:2px 10px;font-size:12px}.capsule-kind[data-kind=pact]{color:#c9bcff;border-color:#b4a0ff80}.capsule-when{font:500 17px/1.4 var(--serif);letter-spacing:.04em;margin:0}.capsule-by{color:var(--ink-3);flex-basis:100%;margin:0;font-size:12px}.capsule-orb{background:radial-gradient(circle,#120e22f2 0 40%,#9678ff8c 46%,#9678ff00 70%);border-radius:50%;width:112px;height:112px;margin:8px auto 2px;animation:4s ease-in-out infinite orb-breathe;position:relative}.capsule-orb span{border:1px solid #dcc8ff73;border-top-color:#f3cf8bd9;border-radius:50%;animation:14s linear infinite orb-turn;position:absolute;inset:-8px}.capsule-orb[data-phase=warming]{background:radial-gradient(circle,#281812f2 0 38%,#f3be78b3 46%,#f3be7800 72%);animation:1.1s ease-out infinite orb-beat}.capsule-orb[data-phase=ready]{background:radial-gradient(circle,#ffecbef2 0 30%,#f3be78d9 46%,#f3be7800 74%);animation:1.1s ease-out infinite orb-beat}@keyframes orb-breathe{50%{filter:brightness(1.25);transform:scale(1.04)}}@keyframes orb-beat{8%{filter:brightness(1.5);transform:scale(1.07)}30%{filter:brightness(1.2);transform:scale(1.03)}}@keyframes orb-turn{to{transform:rotate(360deg)}}.capsule-line{font:16px/1.7 var(--serif);text-align:center;margin:0}.capsule-count{color:var(--gold);letter-spacing:.08em;text-align:center;margin:0;font-size:13px}.capsule-privilege{color:var(--gold);font:13px/1.7 var(--serif);background:#f3cf8b0f;border:1px solid #f3cf8b40;border-radius:12px;margin:0;padding:10px 12px}.capsule-photo{background:#0b0d1a;border-radius:12px;margin:0;overflow:hidden}.capsule-photo img{object-fit:cover;width:100%;height:100%;display:block}.capsule-letter{font:16px/1.9 var(--serif);white-space:pre-wrap;margin:0}.capsule-revealing .capsule-letter,.capsule-revealing .capsule-status{animation:2.4s ease-out 1.2s both letter-in}@keyframes letter-in{0%{opacity:0;filter:blur(6px);transform:translateY(6px)}}.capsule-peek{color:var(--ink-3);text-align:center;margin:0;font-size:12px}.capsule-status{color:var(--ink-2);text-align:center;margin:0;font-size:13px}.capsule-hold{--p:0;background:linear-gradient(var(--glass-strong), var(--glass-strong)) padding-box, conic-gradient(var(--gold) calc(var(--p) * 360deg), #f3cf8b2e 0) border-box;color:var(--gold);font:inherit;letter-spacing:.1em;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:1px solid #f3cf8b8c;border-radius:999px;align-self:center;margin-top:6px;padding:12px 22px;font-size:14px}.capsule-holding{box-shadow:0 0 calc(10px + var(--p) * 30px) rgba(243, 207, 139, calc(.2 + var(--p) * .5));border-color:#0000}.capsule-error:empty{display:none}.capsule-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.capsule-slot:empty{display:none}.capsule-form{flex-direction:column;gap:8px;display:flex}.capsule-input{min-height:120px}.capsule-kinds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.capsule-choice{border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.capsule-choice input{opacity:0;pointer-events:none;position:absolute}.capsule-choice:has(input:checked){background:#f3cf8b0f;border-color:#f3cf8b99}.capsule-choice:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.capsule-choice-title{font:500 15px/1.4 var(--serif)}.capsule-choice-text{color:var(--ink-3);font-size:12px;line-height:1.6}.capsule-file-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.capsule-preview{object-fit:contain;border-radius:10px;align-self:flex-start;width:auto;max-width:100%;height:auto;max-height:160px;margin-top:6px;display:block}.chips{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-2);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;padding:4px 10px;font-size:12px}.chip-on{color:var(--gold);border-color:#f3cf8b99}.dialog-actions-wrap{flex-wrap:wrap}@media (max-width:640px){.capsule-kinds{grid-template-columns:1fr}}.note-count{text-align:right;margin-top:-6px}.note-status{margin:0}.dialog-note{max-width:min(420px,100vw - 32px)}.note-kicker{letter-spacing:.14em;color:var(--rose);margin:0 0 14px;font-size:12px}.note-text{font:18px/1.9 var(--serif);letter-spacing:.06em;color:#fff6ec;white-space:pre-wrap;text-shadow:0 0 16px #ffbad259;margin:0}.note-meta{color:var(--ink-3);margin:14px 0 0;font-size:12px}