:root{--c-bg: #0b1d3a;--c-card: rgba(20, 30, 56, .78);--c-card-strong: rgba(15, 22, 42, .88);--c-text: #fdfaf0;--c-muted: rgba(253, 250, 240, .7);--c-accent: #ffd29a;--c-accent-strong: #ffb072;--shadow-card: 0 18px 42px rgba(0, 0, 0, .45);--radius-card: 18px;--radius-btn: 999px;--safe-bottom: env(safe-area-inset-bottom, 12px);--safe-top: env(safe-area-inset-top, 12px)}html,body{background:radial-gradient(circle at 50% 30%,#1f3464,#0b1d3a 65%,#050a18);color:var(--c-text);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.layer{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.aim-dot{position:fixed;left:50%;bottom:calc(28vh + var(--safe-bottom));width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(255,226,122,.95) 0%,rgba(255,122,60,.4) 60%,transparent 100%);pointer-events:none;transform:translate(-50%,-50%);transition:opacity .12s ease;mix-blend-mode:screen}.menu{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:6vw;background:linear-gradient(180deg,#0b1d3a8c,#050a18d9);transition:opacity .28s ease,visibility 0s 0s;z-index:50;visibility:visible}.menu.hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .28s ease,visibility 0s .28s}.menu-card{width:min(92vw,380px);padding:28px 24px 22px;background:var(--c-card-strong);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.menu-title{font-size:36px;font-weight:700;letter-spacing:.2em;background:linear-gradient(180deg,#ffe27a,#ff7a3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.menu-sub{font-size:14px;letter-spacing:.5em;color:var(--c-muted);margin-top:6px}.menu-desc{font-size:14px;line-height:1.7;color:var(--c-muted);margin:18px 0 22px}.menu-btn{display:inline-block;padding:12px 32px;background:linear-gradient(120deg,#ffe27a,#ff7a3c);color:#2a1a0a;font-weight:600;letter-spacing:.15em;border-radius:var(--radius-btn);box-shadow:0 10px 24px #ff7a3c59;transition:transform .12s ease,box-shadow .12s ease}.menu-btn:active{transform:scale(.96);box-shadow:0 4px 14px #ff7a3c59}.menu-qr{display:inline-block;margin-top:12px;padding:8px 18px;font-size:13px;color:var(--c-muted);border-radius:var(--radius-btn);background:#ffffff0f;letter-spacing:.08em;transition:background .16s ease,color .16s ease}.menu-qr:active{background:#ffffff24;color:var(--c-text)}.menu-tip{font-size:11px;color:#fff6;margin-top:14px;letter-spacing:.1em}.qrm{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;z-index:70;opacity:0;transition:opacity .22s ease}.qrm.hidden{display:none}.qrm.show{opacity:1}.qrm-card{width:min(92vw,380px);background:var(--c-card-strong);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.qrm-head{display:flex;justify-content:space-between;align-items:center}.qrm-title{font-size:18px;font-weight:600;letter-spacing:.08em}.qrm-close{width:32px;height:32px;border-radius:50%;background:#ffffff14;font-size:22px;line-height:1}.qrm-body{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:14px}.qrm-img{width:86%;max-width:280px;border-radius:12px;background:#fffaf0;padding:10px}.qrm-hint{font-size:12px;color:var(--c-muted);letter-spacing:.06em;text-align:center;line-height:1.6;margin:0}.qrm-hint code{background:#ffffff14;padding:1px 6px;border-radius:6px;font-size:11.5px}.hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 18px);z-index:20;opacity:1;transition:opacity .28s ease}.hud.hidden{opacity:0}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hud-counter{background:var(--c-card);padding:8px 14px;border-radius:var(--radius-btn);font-size:13px;letter-spacing:.1em;color:var(--c-muted);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-count{color:var(--c-text);font-weight:700;margin-left:6px}.hud-personas{display:flex;gap:6px;background:var(--c-card);padding:6px 8px;border-radius:var(--radius-btn);backdrop-filter:blur(10px)}.hud-persona{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ffffff0f;transition:transform .22s ease,background .22s ease}.hud-persona.locked{background:linear-gradient(120deg,#ffe27a,#ff7a3c);transform:scale(1.18)}.hud-aim{align-self:center;width:min(60vw,260px);height:6px;border-radius:999px;background:#ffffff2e;overflow:hidden;opacity:0;transition:opacity .18s ease}.hud-aim.show{opacity:1}.hud-aim-fill{height:100%;width:0%;background:linear-gradient(90deg,#7affd4,#ffe27a 60%,#ff7a3c);transition:width 80ms linear}.hud-hint{text-align:center;font-size:13px;color:var(--c-muted);letter-spacing:.18em;text-shadow:0 2px 8px rgba(0,0,0,.6)}.letter,.postcard{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:linear-gradient(180deg,#0000,#0000008c);z-index:60;opacity:0;transition:opacity .22s ease}.letter.show,.postcard.show{opacity:1}.letter.hidden,.postcard.hidden{display:none}.letter-card,.postcard-card{width:min(96vw,460px);background:var(--c-card-strong);border-radius:var(--radius-card);padding:16px 18px calc(var(--safe-bottom) + 14px);box-shadow:var(--shadow-card);transform:translateY(40px);transition:transform .28s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.letter.show .letter-card,.postcard.show .postcard-card{transform:translateY(0)}.letter-head,.postcard-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.letter-title,.postcard-title{font-size:18px;font-weight:600;letter-spacing:.08em}.letter-close,.postcard-close{width:32px;height:32px;border-radius:50%;background:#ffffff14;font-size:22px;line-height:1}.letter-sub{font-size:12px;color:var(--c-muted);margin-top:4px;letter-spacing:.1em}.letter-reply{margin-top:12px;padding:12px 14px;border-radius:12px;background:#ffffff0f;font-size:14.5px;line-height:1.7;white-space:pre-wrap;max-height:36vh;min-height:60px;overflow-y:auto;opacity:0;transition:opacity .22s ease}.letter-reply.show{opacity:1}.letter-input{width:100%;margin-top:12px;padding:12px 14px;border-radius:12px;background:#ffffff14;color:var(--c-text);font-size:15px;resize:none;outline:none;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.letter-input:focus{border-color:var(--c-accent)}.letter-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.letter-postcard,.letter-send{flex:1;padding:11px 0;border-radius:var(--radius-btn);font-size:14px;letter-spacing:.1em;font-weight:600;transition:transform .12s ease,opacity .12s ease}.letter-postcard{background:#ffffff14;color:var(--c-text)}.letter-postcard[disabled]{opacity:.45;cursor:not-allowed}.letter-send{background:linear-gradient(120deg,#ffe27a,#ff7a3c);color:#2a1a0a}.letter-send[disabled]{opacity:.6;cursor:not-allowed}.letter-send:active:not([disabled]),.letter-postcard:active:not([disabled]){transform:scale(.97)}.letter-toast{margin-top:10px;font-size:12.5px;color:#ffb6a1;text-align:center;min-height:16px;opacity:0;transition:opacity .2s ease}.letter-toast.show{opacity:1}.postcard-canvas-wrap{margin-top:14px;display:flex;justify-content:center;background:#00000059;border-radius:12px;overflow:hidden;padding:10px}.postcard-canvas{width:100%;height:auto;border-radius:8px;box-shadow:0 12px 26px #0006}.postcard-actions{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:6px}.postcard-download{display:inline-block;padding:11px 28px;border-radius:var(--radius-btn);background:linear-gradient(120deg,#ffe27a,#ff7a3c);color:#2a1a0a;font-weight:600;letter-spacing:.1em;text-decoration:none}.postcard-tip{font-size:12px;color:var(--c-muted);letter-spacing:.1em}.mute{position:fixed;right:14px;bottom:calc(var(--safe-bottom) + 70px);z-index:30;transition:opacity .28s ease}.mute.hidden{opacity:0;pointer-events:none}.mute-btn{width:42px;height:42px;border-radius:50%;background:var(--c-card);font-size:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 16px #0000004d}.hud-progress{margin-left:8px;font-size:12px;color:var(--c-accent);letter-spacing:.05em}.hud-persona.visited{background:linear-gradient(135deg,#ffe27a73,#ff7a3c59);box-shadow:0 0 0 1px #ffe27a80 inset}.hud-persona.pulse{animation:hud-persona-pulse 1.4s ease-out}@keyframes hud-persona-pulse{0%{transform:scale(1)}30%{transform:scale(1.45);box-shadow:0 0 16px #ffe27ab3}to{transform:scale(1)}}.hud-celebration{position:absolute;top:24%;left:50%;transform:translate(-50%,-10px);pointer-events:none;opacity:0;transition:opacity .32s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.hud-celebration.show{opacity:1;transform:translate(-50%)}.hud-celeb-card{background:linear-gradient(135deg,#ffe27af0,#ff7a3cf0);color:#2a1a0a;padding:14px 22px;border-radius:18px;text-align:center;box-shadow:0 14px 32px #00000059;font-weight:600;letter-spacing:.1em}.hud-celeb-card.hud-celeb-achievement{background:linear-gradient(135deg,#7affd4f0,#7aa9fff0);color:#0b1d3a}.hud-celeb-emoji{font-size:36px;line-height:1}.hud-celeb-text{margin-top:4px;font-size:14px}.tutorial{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:6vw;background:#050a18c7;z-index:65;opacity:0;transition:opacity .24s ease}.tutorial.hidden{display:none}.tutorial.show{opacity:1}.tutorial-card{width:min(86vw,340px);background:var(--c-card-strong);padding:26px 22px 18px;border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tutorial-emoji{font-size:42px;line-height:1}.tutorial-title{margin-top:8px;font-size:18px;font-weight:700;letter-spacing:.18em;background:linear-gradient(180deg,#ffe27a,#ff7a3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tutorial-desc{margin-top:10px;font-size:13.5px;color:var(--c-muted);line-height:1.7;white-space:pre-line}.tutorial-dots{margin-top:14px;display:flex;justify-content:center;gap:6px}.tutorial-dots .dot{width:6px;height:6px;border-radius:50%;background:#ffffff40}.tutorial-dots .dot.active{background:var(--c-accent);box-shadow:0 0 6px #ffd29ab3}.tutorial-cta{margin-top:14px;display:inline-block;padding:11px 26px;border-radius:var(--radius-btn);background:linear-gradient(120deg,#ffe27a,#ff7a3c);color:#2a1a0a;font-weight:600;letter-spacing:.12em}.tutorial-skip{margin-top:8px;font-size:11px;color:#fff6;letter-spacing:.2em}.toast-host{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(var(--safe-top) + 64px);pointer-events:none;z-index:80;gap:8px}.toast{pointer-events:none;padding:9px 18px;border-radius:var(--radius-btn);font-size:13px;letter-spacing:.08em;background:#141e38db;color:var(--c-text);box-shadow:0 12px 24px #0006;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.toast.show{opacity:1;transform:translateY(0)}.toast-info{border:1px solid rgba(255,226,122,.3)}.toast-error{background:#781e1ee6;border:1px solid rgba(255,122,100,.4)}.toast-success{background:#14503ce6;border:1px solid rgba(122,255,212,.4)}.toast-fatal{pointer-events:auto;margin:auto;padding:20px 24px;background:var(--c-card-strong);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card);max-width:80vw}.toast-fatal-icon{font-size:32px}.toast-fatal-text{margin-top:8px;font-size:13.5px;color:var(--c-muted);line-height:1.6;letter-spacing:.05em}.letter-reply.flash{animation:letter-reply-flash .7s ease-out}@keyframes letter-reply-flash{0%{box-shadow:0 0 #ffe27a00}30%{box-shadow:0 0 0 4px #ffe27a73}to{box-shadow:0 0 #ffe27a00}}