:root{color:#402a35;font-synthesis:none;text-rendering:optimizelegibility;--ink:#402a35;--pink:#ea668d;--pink-deep:#d94f7a;--cream:#fff9f4;--blue:#5f83c4;background:#f7b8cb;font-family:LXGW WenKai,STKaiti,KaiTi,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff}.kicker{color:#a24d69;letter-spacing:.16em;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-weight:800}.confession-shell{background:radial-gradient(circle at 10% 15%,#ffffff8c 0 3px,#0000 4px),radial-gradient(circle at 85% 20%,#ffffff61 0 4px,#0000 5px),linear-gradient(145deg,#f8ced9 0%,#f7b5c9 55%,#f2a9c0 100%);place-items:center;min-height:100dvh;padding:74px 20px 48px;display:grid;position:relative;overflow:hidden}.confession-shell:before{content:"";pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");position:fixed;inset:0}.mini-header{z-index:4;top:max(18px, env(safe-area-inset-top));color:#402a35ad;letter-spacing:.16em;justify-content:space-between;align-items:center;font-family:Georgia,serif;font-size:.72rem;font-weight:800;display:flex;position:absolute;left:22px;right:22px}.mini-header button,.notice-close{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffff73;border:1px solid #402a3521;border-radius:50%;place-items:center;padding:0;display:grid}.ambient-blob{filter:blur(4px);opacity:.52;border-radius:999px;position:absolute}.blob-one{background:#ffffff80;width:300px;height:300px;top:-120px;right:-85px}.blob-two{background:#de5b8b38;width:260px;height:260px;bottom:-110px;left:-60px}.question-card{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fff9f4c7;border:1px solid #ffffffa6;border-radius:46px;align-content:center;justify-items:center;width:min(94vw,840px);min-height:min(780px,100dvh - 125px);padding:clamp(25px,4vw,48px);display:grid;position:relative;box-shadow:0 34px 80px #752b482e,inset 0 1px #fff}.question-card:before,.question-card:after{content:"♥";color:#e65c8538;font-family:Georgia,serif;font-size:clamp(70px,10vw,125px);line-height:1;position:absolute}.question-card:before{top:18px;left:30px;transform:rotate(-16deg)}.question-card:after{bottom:18px;right:26px;transform:rotate(14deg)}.batiao-stage{aspect-ratio:1;filter:drop-shadow(0 18px 14px #482c3b1f);width:clamp(214px,34vw,330px);position:relative}.batiao-sprite{z-index:1;background-image:url(/assets/batiao-sticker-sheet.webp);background-repeat:no-repeat;background-size:300% 300%;width:100%;height:100%;animation:.62s cubic-bezier(.2,.9,.25,1.25) both cat-arrive;position:relative}.batiao-shadow{filter:blur(7px);background:#4f364824;border-radius:50%;height:9%;position:absolute;bottom:5%;left:24%;right:24%}@keyframes cat-arrive{0%{opacity:.25;transform:translateY(18px)rotate(-2deg)scale(.92)}62%{transform:translateY(-5px)rotate(1deg)scale(1.02)}to{opacity:1;transform:none}}.question-copy{z-index:2;text-align:center;max-width:640px;position:relative}.question-copy h1{color:#3d2732;letter-spacing:-.055em;margin:0;font-family:STKaiti,KaiTi,serif;font-size:clamp(2rem,5.6vw,4.15rem);font-weight:700;line-height:1.08}.question-copy>p:last-child{color:#80616f;margin:13px 0 0;font-size:clamp(.9rem,2vw,1.02rem)}.choice-arena{z-index:3;justify-content:center;align-items:center;gap:clamp(14px,4vw,34px);width:min(100%,570px);min-height:125px;padding:28px 10px;display:flex;position:relative}.choice-button{color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;min-height:54px;padding:14px 25px;font-weight:700;transition:transform .45s cubic-bezier(.2,.9,.28,1.2),box-shadow .25s,filter .25s;display:inline-flex;box-shadow:0 12px 26px #5330442e}.choice-button:hover{filter:brightness(1.04);box-shadow:0 16px 34px #5330443d}.yes-button{background:linear-gradient(135deg,#f2759a,#d94f7a)}.no-button{white-space:normal;background:linear-gradient(135deg,#7093cf,#587bb7);max-width:245px;line-height:1.35}.quiet-exit{transition:transform .25s,background .25s}.quiet-exit:hover{background:#ffffffb8;transform:rotate(6deg)}.music-controls{z-index:49;right:18px;bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#3019314d;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:5px;min-height:40px;padding:5px;display:flex;position:fixed;box-shadow:0 10px 34px #16081826}.music-controls button{color:#ffffffe0;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.volume-control{color:#ffffffd1;align-items:center;gap:7px;padding-right:8px;display:flex}.volume-control input{accent-color:#f08aaa;cursor:pointer;width:86px}.volume-control output{font-variant-numeric:tabular-nums;width:31px;font-size:.63rem}.music-unavailable{color:#ffffffc2;padding:5px 9px;font-size:.67rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.confession-shell~.music-controls button{color:var(--ink)}.confession-shell~.music-controls{background:#fffafa94}.confession-shell~.music-controls .volume-control,.confession-shell~.music-controls .music-unavailable{color:var(--ink)}.admin-login~.music-controls,.admin-shell~.music-controls,.admin-center~.music-controls{display:none}.session-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 18px;display:grid}.session-metadata div{background:#211923;border:1px solid #382b3c;border-radius:9px;padding:9px}.session-metadata dt{color:#a995ad;font-size:.68rem}.session-metadata dd{overflow-wrap:anywhere;color:#f0e7f2;margin:3px 0 0;font-size:.78rem}.privacy-notice{z-index:20;color:#432e38;background:#fffbf8f5;border:1px solid #ffffffd9;border-radius:28px;width:min(100vw - 32px,420px);padding:28px;animation:.5s cubic-bezier(.2,.9,.28,1.08) both notice-in;position:fixed;bottom:clamp(16px,4vw,44px);right:clamp(16px,4vw,44px);box-shadow:0 24px 80px #53273a40}.privacy-notice h2{margin:0 35px 12px 0;font-family:Georgia,STKaiti,serif;font-size:1.55rem}.privacy-notice>p:not(.kicker){color:#725966;font-size:.88rem;line-height:1.75}.notice-close{position:absolute;top:16px;right:16px}.understand-button,.admin-login-card button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:14px;width:100%;margin-top:8px;padding:13px 18px;font-weight:700}@keyframes notice-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}.respectful-exit{min-height:100dvh;color:var(--ink);text-align:center;background:linear-gradient(145deg,#f8ced9,#f3b1c7);place-content:center;justify-items:center;padding:32px;display:grid}.respectful-exit .batiao-stage{width:245px}.respectful-exit h1{margin:0;font-family:Georgia,STKaiti,serif;font-size:clamp(2rem,5vw,3.5rem)}.respectful-exit>p:not(.kicker){color:#725966}.respectful-copy{text-align:left;background:#fff8f861;border:1px solid #ffffff73;border-radius:26px;width:min(92vw,680px);margin-top:18px;padding:24px clamp(20px,5vw,42px);box-shadow:0 20px 60px #6b354e1f}.respectful-copy p{color:#684b59;margin:0 0 14px;line-height:1.85}.respectful-copy p:last-child{margin-bottom:0}.ghost-button{color:var(--ink);cursor:pointer;background:#ffffff73;border:1px solid #402a352e;border-radius:999px;padding:11px 20px}.love-experience{background:radial-gradient(circle at 21% 27%,#7f2a696b,#0000 31%),radial-gradient(circle at 74% 65%,#6f22624d,#0000 35%),linear-gradient(145deg,#30123e 0%,#43184b 52%,#24102f 100%);min-height:200dvh;position:relative;overflow:clip}.love-experience:not(.is-scroll-ready){height:100dvh;min-height:100dvh;overflow:hidden}.love-experience.is-scroll-ready{overflow:visible}.heart-chapter{height:100dvh;position:relative;overflow:hidden}.love-canvas{touch-action:none;cursor:crosshair;background:0 0;width:100vw;height:100dvh;display:block}.scroll-cue{z-index:4;bottom:max(24px, env(safe-area-inset-bottom));color:#f6dfefc7;letter-spacing:.18em;pointer-events:none;justify-items:center;font-size:.72rem;animation:.8s both cue-in,2.2s ease-in-out .8s infinite cue-float;display:grid;position:absolute;left:50%;transform:translate(-50%)}.scroll-cue svg{margin-top:6px}@keyframes cue-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes cue-float{50%{opacity:.58;transform:translate(-50%,7px)}}.envelope-chapter{background:radial-gradient(circle at 50% 42%,#77306f4d,#0000 34%),linear-gradient(160deg,#1c10282e,#2c163d 55%,#120c1e);min-height:100dvh;position:relative}.replay-button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:10px 15px;display:inline-flex}.letter-scene{background:0 0;place-items:center;min-height:100dvh;padding:40px 20px 100px;display:grid;position:relative;overflow:hidden}.stars,.stars:before,.stars:after{content:"";opacity:.64;background-image:radial-gradient(circle at 12% 18%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 72% 14%,#ffd6e4 0 1px,#0000 1.7px),radial-gradient(circle at 86% 66%,#fff 0 1.2px,#0000 1.8px),radial-gradient(circle at 30% 78%,#e9c8ff 0 1px,#0000 1.5px),radial-gradient(circle at 56% 42%,#fff 0 .8px,#0000 1.4px);background-size:270px 230px;animation:5s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.stars:before{opacity:.55;transform:translate(80px,60px)scale(.78)}.stars:after{opacity:.28;animation-delay:-2s;transform:translate(-70px,35px)scale(1.25)}@keyframes twinkle{to{opacity:.28;transform:translateY(-5px)}}.envelope-wrap{z-index:2;perspective:1500px;width:min(86vw,560px);position:relative}.envelope-host{width:100%;position:relative}.envelope-button{z-index:12;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:22px;padding:0;position:absolute;inset:0}.envelope-button:disabled{cursor:default}.envelope-button:focus-visible{outline-offset:15px;border-radius:22px;outline:2px solid #ffdcebe6}@keyframes envelope-float{50%{transform:translateY(19px)rotate(.25deg)scale(1)}}.envelope{aspect-ratio:1.55;opacity:0;filter:drop-shadow(0 28px 42px #08020f3d);width:100%;transform-style:preserve-3d;transition:transform 1.35s cubic-bezier(.16,.84,.2,1),opacity .85s,filter .8s;position:relative;transform:translateY(112px)rotate(-2.2deg)scale(.44)}.envelope-back{background:linear-gradient(145deg,#f3a7bd,#dc6e96);border-radius:12px 12px 20px 20px;position:absolute;inset:0;box-shadow:0 35px 90px #00000061}.envelope-front{z-index:4;border-radius:0 0 20px 20px;position:absolute;inset:0;overflow:hidden}.envelope-front:before,.envelope-front:after{content:"";background:#f18eac;width:78%;height:120%;position:absolute;bottom:-39%}.envelope-front:before{left:-30%;transform:rotate(35deg)}.envelope-front:after{right:-30%;transform:rotate(-35deg)}.envelope-flap{z-index:5;transform-origin:top;backface-visibility:hidden;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(165deg,#ffc0d1,#e886a6);width:100%;height:62%;transition:transform 1.05s cubic-bezier(.34,.02,.2,1),filter .8s,z-index 10ms .56s;position:absolute;top:0;left:0;transform:rotateX(0)}.wax-seal{z-index:7;color:#ffd7e4;background:radial-gradient(circle at 35% 28%,#f2759a,#c83265 72%);border-radius:50%;place-items:center;width:50px;height:50px;transition:opacity .42s,transform .62s cubic-bezier(.18,.9,.3,1.35),box-shadow .45s;animation:1.45s ease-in-out infinite seal-pulse;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 5px 12px #5c153352,0 0 #ff76a600}@keyframes seal-pulse{50%{transform:translate(-50%,-50%)scale(1.07);box-shadow:0 7px 18px #5c153347,0 0 28px #ff76a65c}}.envelope-recipient{z-index:6;color:#6b3249b8;letter-spacing:.14em;font-family:Georgia,STKaiti,serif;font-size:.78rem;font-weight:700;transition:opacity .35s;position:absolute;top:64%;left:50%;transform:translate(-50%)}.letter-paper{z-index:3;color:#4b3341;transform-origin:bottom;background:linear-gradient(165deg,#fffdf7fc,#fbf0e5);border-radius:8px;width:86%;height:84%;min-height:0;max-height:76dvh;padding:clamp(26px,5vw,48px);transition:transform 1.5s cubic-bezier(.16,.82,.2,1),width 1.05s,left 1.05s,height 1.05s,max-height .8s;position:absolute;top:8%;left:7%;overflow:hidden;transform:translateY(5%)rotate(.8deg)scale(.96);box-shadow:0 18px 45px #14091c33}.letter-paper:before{content:"";pointer-events:none;border:1px solid #c980973d;border-radius:3px;position:absolute;inset:13px}.letter-paper>*{opacity:0;transition:opacity .75s,transform .75s;position:relative;transform:translateY(10px)}.letter-paper h1{margin:0 0 20px;font-family:Georgia,STKaiti,serif;font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.2}.letter-paper p{margin:0 0 15px;line-height:1.88}.letter-body{position:relative}.letter-emphasis{color:#a94769;letter-spacing:.08em;font-size:1.12em;font-weight:700}.letter-eyebrow{color:#b3627e;letter-spacing:.12em;font-family:Georgia,serif;font-size:.66rem;font-weight:700}.signature{color:#c95f82;text-align:right;margin:28px 10px 8px 0;font-family:Georgia,STKaiti,KaiTi,serif;font-weight:700}.letter-scene.is-visible.stage-envelope-enter .envelope,.stage-envelope-open .envelope,.stage-letter-reveal .envelope,.stage-letter-reading .envelope{opacity:1;filter:drop-shadow(0 38px 58px #08020f6b);transform:translateY(28px)rotate(0)scale(1)}.letter-scene.is-visible.stage-envelope-enter .envelope{animation:4s ease-in-out 1.2s infinite envelope-float}.stage-envelope-open .envelope{animation:.55s cubic-bezier(.2,.9,.25,1.18) both envelope-feedback}@keyframes envelope-feedback{42%{transform:translateY(28px)scale(.94)}to{transform:translateY(28px)scale(1.035)}}.stage-envelope-open .wax-seal,.stage-letter-reveal .wax-seal,.stage-letter-reading .wax-seal{opacity:0;animation:none;transform:translate(-50%,-80%)scale(.56)rotate(10deg)}.stage-envelope-open .envelope-flap,.stage-letter-reveal .envelope-flap,.stage-letter-reading .envelope-flap{z-index:1;filter:brightness(.88);transform:rotateX(-180deg)}.stage-letter-reveal .envelope,.stage-letter-reading .envelope{transform:translateY(96px)scale(.96)}.stage-envelope-open .envelope-recipient,.stage-letter-reveal .envelope-recipient,.stage-letter-reading .envelope-recipient{opacity:0}.stage-letter-reveal .letter-paper{z-index:3;transform:translateY(-48%)rotate(-.35deg)scale(1)}.stage-letter-reading .letter-paper{z-index:6;scrollbar-width:thin;width:98%;height:min(650px,76dvh);left:1%;overflow:auto;transform:translateY(-56%)rotate(0)scale(1.04)}.stage-letter-reading .letter-paper>*,.stage-letter-reading .letter-body>*{opacity:1;transition-delay:calc(.12s + var(--paragraph-index,0) * .13s);transform:none}.letter-body>*{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(10px)}.stage-envelope-open .stars,.stage-letter-reveal .stars,.stage-letter-reading .stars{opacity:.42;filter:blur(1px)}.envelope-invitation{z-index:5;color:#f8e1efd1;text-align:center;width:min(90vw,520px);animation:.7s .25s both invitation-in;position:absolute;top:calc(50% + min(29vw,205px));left:50%;transform:translate(-50%)}.envelope-invitation p{letter-spacing:.08em;margin:0 0 10px;font-size:1rem}.envelope-invitation span{color:#f8e1ef8f;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}@keyframes invitation-in{0%{opacity:0;transform:translate(-50%,8px)}}.letter-actions{z-index:8;bottom:max(20px, env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.admin-center,.admin-login{color:#eadfea;text-align:center;background:#16111c;place-content:center;min-height:100dvh;display:grid}.admin-center{gap:15px}.loader{border:3px solid #ffffff29;border-top-color:#f08aac;border-radius:50%;width:34px;height:34px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-login-card{color:#2e202a;text-align:left;background:#fffaf7;border-radius:28px;width:min(100vw - 32px,430px);padding:38px;box-shadow:0 30px 90px #00000059}.admin-login-card h1{margin:10px 0;font-family:Georgia,STKaiti,serif;font-size:2rem}.admin-login-card>p:not(.kicker):not(.form-error){color:#705a66;line-height:1.65}.admin-login-card label{gap:8px;margin-top:25px;font-size:.85rem;font-weight:700;display:grid}.admin-login-card input{color:#2e202a;background:#fff;border:1px solid #dccbd3;border-radius:12px;width:100%;padding:13px}.form-error{color:#b5274e;font-size:.82rem}.admin-shell{color:#ebe1ea;background:#151019;min-height:100dvh;padding:clamp(24px,5vw,66px)}.admin-header{justify-content:space-between;align-items:end;gap:20px;display:flex}.admin-header h1{margin:0;font-family:Georgia,STKaiti,serif;font-size:clamp(2rem,4vw,3.6rem)}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-actions button,.admin-actions a{color:#e9dfe8;cursor:pointer;background:#211a25;border:1px solid #403244;border-radius:10px;align-items:center;gap:6px;padding:10px 13px;text-decoration:none;display:inline-flex}.admin-privacy{color:#af9dab;background:#1e1722;border-left:3px solid #d8668c;padding:12px 16px;font-size:.78rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0;display:grid}.stat-grid article{background:#1d1721;border:1px solid #382b3c;border-radius:16px;padding:22px}.stat-grid span{color:#9e8b9b;font-size:.72rem;display:block}.stat-grid strong{margin-top:8px;font-family:Georgia,serif;font-size:2.2rem;display:block}.stat-grid small{color:#d8c7d4;margin-top:11px;font-size:.78rem;line-height:1.5;display:block}.admin-tools{grid-template-columns:1.4fr 1fr;gap:12px;margin:0 0 14px;display:grid}.admin-tools>div{background:#1d1721;border:1px solid #382b3c;border-radius:16px;padding:18px}.admin-tools h2{align-items:center;gap:7px;margin:0 0 12px;font-size:.92rem;display:flex}.admin-tools button,.invite-output button,.icon-danger{color:#eadfea;cursor:pointer;background:#2a202d;border:1px solid #49384d;border-radius:9px;padding:9px 12px}.admin-tools small{color:#8f7d8b;margin-top:9px;font-size:.7rem;display:block}.admin-tools label{color:#b9a7b5;margin-right:10px;font-size:.78rem}.admin-tools input{color:#eadfea;background:#151019;border:1px solid #49384d;border-radius:8px;padding:8px}.invite-output{gap:7px;margin-top:10px;display:flex}.invite-output input{flex:1;min-width:0}.invite-output button,.icon-danger{align-items:center;gap:5px;display:inline-flex}.danger-button,.icon-danger{color:#ffb5c9!important}.admin-filters{background:#1b151f;border:1px solid #382b3c;border-radius:14px;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 14px;padding:13px 15px;display:flex}.admin-filters label{color:#9e8b9b;gap:5px;font-size:.7rem;display:grid}.admin-filters input,.admin-filters select{color:#e5d9e3;background:#211a25;border:1px solid #403244;border-radius:8px;min-height:36px;padding:6px 9px}.admin-filters>span{color:#9e8b9b;margin-left:auto;font-size:.75rem}.admin-grid{background:#1a141e;border:1px solid #382b3c;border-radius:20px;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);min-height:420px;display:grid;overflow:hidden}.session-list,.event-timeline{padding:22px}.session-list{border-right:1px solid #382b3c}.session-list h2,.event-timeline h2{margin:0 0 18px;font-size:1rem}.session-list>button{color:#d9cbd6;cursor:pointer;text-align:left;background:#211a25;border:1px solid #0000;border-radius:11px;grid-template-columns:1fr auto;gap:6px 12px;width:100%;margin-bottom:7px;padding:13px;display:grid}.session-list>button.active{background:#2b1c28;border-color:#d8668c}.session-list small{color:#877684;grid-column:1/-1}.session-id{font-family:Consolas,monospace}.event-timeline article{border-left:1px solid #453447;grid-template-columns:1fr;padding:0 0 24px 28px;display:grid;position:relative}.timeline-dot{background:#eb709b;border:2px solid #1a141e;border-radius:50%;width:9px;height:9px;position:absolute;top:2px;left:-5px;box-shadow:0 0 0 3px #eb709b33}.event-timeline p{color:#beaaba;margin:5px 0}.event-timeline small,.empty-state{color:#877684}.timeline-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.timeline-heading h2{margin:0}@media (width<=680px){.confession-shell{padding:62px 12px 43px}.question-card{border-radius:32px;width:100%;min-height:calc(100dvh - 112px);padding:25px 16px}.question-card:before,.question-card:after{font-size:62px}.batiao-stage{width:min(66vw,258px)}.choice-arena{flex-direction:column;gap:11px;min-height:145px;padding:22px 0}.choice-button{min-width:min(74vw,245px);min-height:51px}.letter-scene{padding-inline:10px}.envelope-wrap{width:min(94vw,520px)}.letter-paper{width:94%;padding:25px 22px;font-size:.88rem;left:3%}.stage-letter-reveal .letter-paper{transform:translateY(-40%)rotate(-.35deg)}.stage-letter-reading .letter-paper{width:98%;left:1%;transform:translateY(-44%)scale(1)}.letter-paper{max-height:69dvh}.letter-actions{width:max-content;max-width:94vw}.replay-button{padding:9px 12px;font-size:.74rem}.music-controls{right:12px;bottom:max(12px, env(safe-area-inset-bottom))}.volume-control input{width:68px}.session-metadata{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:start}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-tools,.admin-grid{grid-template-columns:1fr}.session-list{border-bottom:1px solid #382b3c;border-right:0}}@media (height<=720px) and (width>=681px){.question-card{grid-template-columns:.78fr 1.22fr;align-items:center;min-height:calc(100dvh - 105px)}.batiao-stage{grid-row:1/4;width:260px}.choice-arena{min-height:100px;padding:12px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}