:root{color-scheme:light;--bg0: #eef6f0;--bg1: #fafcf8;--sky: #c5e8f0;--accent: #2d7a5e;--accent2: #3a7ab8;--coral: #e07a5f;--sakura: #ffb7c5;--sakura-soft: rgba(255, 190, 205, .35);--text: #1e2d33;--muted: #5a6b73;--card: rgba(255, 255, 255, .92);--stroke: rgba(30, 90, 70, .14);--radius: 20px;--font: "Noto Sans SC", system-ui, sans-serif;--font-display: "ZCOOL KuaiLe", "ZCOOL XiaoWei", "Noto Sans SC", cursive;--line-paper: rgba(60, 120, 100, .055);--notebook-margin: rgba(255, 150, 165, .42);--tape-yellow: linear-gradient(180deg, #fff9e8, #fff3d6)}*,*:before,*:after{box-sizing:border-box}html{margin:0;height:auto;min-height:100%;min-height:100dvh}body{margin:0;min-height:100%;min-height:100dvh;height:auto;font-family:var(--font);background:linear-gradient(168deg,var(--bg0) 0%,var(--bg1) 48%,#e8f4ef 100%);color:var(--text);-webkit-font-smoothing:antialiased;overflow-y:auto;-webkit-overflow-scrolling:touch}#root{min-height:100%;min-height:100dvh;height:auto}.campus-root{min-height:100%;min-height:100dvh;position:relative}.campus-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(520px 280px at 50% -8%,rgba(255,248,220,.55),transparent 60%),radial-gradient(900px 520px at 10% -10%,rgba(197,232,240,.7),transparent 55%),radial-gradient(700px 400px at 100% 18%,rgba(255,228,210,.4),transparent 52%),repeating-linear-gradient(0deg,transparent,transparent 27px,var(--line-paper) 27px,var(--line-paper) 28px);opacity:.95}.campus-sky:after{content:"";position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;background-image:radial-gradient(ellipse 14px 22px at 14% 22%,var(--sakura-soft),transparent),radial-gradient(ellipse 11px 18px at 88% 28%,rgba(255,200,215,.32),transparent),radial-gradient(ellipse 12px 19px at 42% 12%,rgba(255,185,200,.22),transparent),radial-gradient(ellipse 10px 16px at 72% 72%,rgba(255,195,210,.28),transparent),radial-gradient(ellipse 9px 14px at 28% 58%,rgba(255,210,220,.2),transparent);animation:campus-petals 22s ease-in-out infinite alternate;pointer-events:none}@keyframes campus-petals{0%{opacity:.88;transform:translateY(0) rotate(0)}to{opacity:1;transform:translateY(10px) rotate(1deg)}}.campus-shell{position:relative;z-index:1}.scene-heading{margin-bottom:12px;padding:10px 14px 12px 16px;border-radius:14px;background:linear-gradient(135deg,#fffcf0fa,#ffffffe0);border:1px solid rgba(45,122,94,.12);border-left:4px solid var(--coral);box-shadow:0 3px 14px #2d7a5e0f}.scene-heading-kicker{font-size:.72rem;color:var(--muted);letter-spacing:.12em}.scene-heading-title{font-family:var(--font-display);font-size:1.08rem;font-weight:400;color:var(--accent);margin-top:4px;line-height:1.35;letter-spacing:.02em}.ambient-event{position:relative;margin:-2px 0 12px;padding:12px 14px 13px;border-radius:16px;overflow:hidden;border:1px solid rgba(244,114,182,.16);box-shadow:0 10px 26px #bc6b8f1a,inset 0 1px #ffffffc7;animation:ambient-event-in .52s cubic-bezier(.22,1,.36,1) both}.ambient-event:before{content:"";position:absolute;width:150px;height:150px;right:-48px;top:-84px;border-radius:50%;pointer-events:none;opacity:.75}.ambient-event--rose{background:linear-gradient(135deg,#fff8fcfa,#fff0f6eb);border-color:#f472b62e}.ambient-event--rose:before{background:radial-gradient(circle,rgba(251,207,232,.7),transparent 70%)}.ambient-event--gold{background:linear-gradient(135deg,#fffbf2fa,#fff6e2eb);border-color:#fbbf2438}.ambient-event--gold:before{background:radial-gradient(circle,rgba(253,230,138,.82),transparent 72%)}.ambient-event--sky{background:linear-gradient(135deg,#f4fafffa,#ecf5ffeb);border-color:#60a5fa2e}.ambient-event--sky:before{background:radial-gradient(circle,rgba(191,219,254,.88),transparent 72%)}.ambient-event--mint{background:linear-gradient(135deg,#f5fffbfa,#ecfcf5eb);border-color:#34d3992e}.ambient-event--mint:before{background:radial-gradient(circle,rgba(187,247,208,.86),transparent 72%)}.ambient-event-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffffa3;font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#8f4d63}.ambient-event-icon{font-size:.82rem;line-height:1}.ambient-event-title{position:relative;z-index:1;margin-top:10px;font-size:.96rem;font-weight:700;color:#7c3d4e;letter-spacing:.01em}.ambient-event-detail{position:relative;z-index:1;margin:6px 0 0;font-size:.8rem;line-height:1.58;color:#60424ceb}@keyframes ambient-event-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}button{font:inherit;cursor:pointer;border:none;border-radius:14px}.app-shell{min-height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto;position:relative;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,calc(14px + env(safe-area-inset-left)))}.app-shell:before{content:"";position:absolute;left:max(10px,calc(4px + env(safe-area-inset-left)));top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));width:3px;background:linear-gradient(180deg,var(--notebook-margin),rgba(255,150,165,.22) 40%,rgba(255,150,165,.32) 100%);border-radius:2px;pointer-events:none}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.brand-block{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-row{display:flex;align-items:center;gap:8px;min-width:0}.brand-crest{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;line-height:1;background:linear-gradient(145deg,#fffef8,#e8f4ef);border:2px solid rgba(45,122,94,.2);box-shadow:0 2px 8px #2d7a5e1a,0 1px #ffffffe6 inset}.brand{font-family:var(--font-display);font-size:1.08rem;letter-spacing:.03em;color:var(--accent);text-shadow:0 1px 0 rgba(255,255,255,.75);line-height:1.25}.brand-tagline{font-size:.68rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-left:44px;opacity:.92}.chapter-pill{font-size:.72rem;color:#5c4d38;border:1px solid rgba(220,180,90,.35);padding:5px 12px;border-radius:999px;background:var(--tape-yellow);box-shadow:0 1px #ffffffd9 inset,0 2px 6px #b48c3c14}.progress-row{display:flex;gap:5px;margin-bottom:14px}.progress-dot{flex:1;height:4px;border-radius:99px;background:#2d7a5e1f;overflow:hidden}.progress-dot>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--coral));border-radius:inherit;transition:width .35s ease}.progress-dot.done>i{width:100%}.progress-dot.active:not(.done)>i{width:55%}.stage{flex:1;display:flex;flex-direction:column;min-height:0}.glass{background:linear-gradient(168deg,rgba(255,254,252,.97),var(--card));border:1px solid var(--stroke);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 36px #1e5a4612,0 1px #ffffffe6 inset,0 0 0 1px #ffebc859 inset}.vn-box{flex:1;padding:20px 18px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.time-limit-bar{position:absolute;top:0;left:0;width:100%;height:4px;background:#0000000d;z-index:10}.time-limit-fill{height:100%;background:linear-gradient(90deg,#fb7185,#f472b6);transition:width .05s linear}.time-limit-fill--warning{animation:bar-warning .5s infinite}@keyframes bar-warning{0%,to{background:#fb7185}50%{background:#dc2626}}.vn-box--portrait{padding-top:24px}.vn-portrait-wrap{flex-shrink:0;display:flex;justify-content:center;align-items:flex-end;min-height:168px;max-height:240px;margin:-4px 0 4px;position:relative;z-index:1;transition:opacity .25s ease}.vn-portrait-wrap[data-lit=false]{opacity:.88}.char-img{display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.char-img--vn{max-height:220px;width:auto;max-width:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 24px rgba(30,90,70,.18));transition:opacity .3s ease,filter .3s ease,transform .3s ease}.char-img--vn.char-img--dim{opacity:.55;filter:drop-shadow(0 8px 16px rgba(30,90,70,.12)) saturate(.92) brightness(.96);transform:scale(.98)}.char-img--vn.char-img--lit{opacity:1}.char-img--avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 12px #1e5a4626}.char-img--thumb{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(45,122,94,.35)}.phone-contact-bar{display:flex;align-items:center;gap:10px;padding:4px 8px 10px;border-bottom:1px solid rgba(45,122,94,.12);margin-bottom:4px}.phone-contact-text{flex:1;min-width:0}.phone-contact-name{font-weight:600;font-size:.95rem}.phone-contact-status{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted);margin-top:2px}.phone-contact-status:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,#f59e0b,#fb7185);box-shadow:0 0 0 2px #fb718529;animation:status-pulse 1.8s ease-in-out infinite}@keyframes status-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}}.bubble-row{display:flex;align-items:flex-end;gap:8px;width:100%}.bubble-row--them{justify-content:flex-start}.bubble-row--me{justify-content:flex-end}.bubble-side-spacer{width:40px;flex-shrink:0}.bubble-side-avatar{width:36px!important;height:36px!important;flex-shrink:0;align-self:flex-end;margin-bottom:2px}.bubble-row .bubble{max-width:calc(100% - 48px)}.vn-box:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 20%,rgba(45,122,94,.08),transparent 45%);pointer-events:none}.vn-speaker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent2);opacity:.95}.vn-line{font-size:1.05rem;line-height:1.75;position:relative;z-index:1}.vn-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.btn-primary{padding:14px 16px;background:linear-gradient(135deg,#3d9a72,#2d7a5e);border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:600;box-shadow:0 4px 14px #2d7a5e47}.btn-choice{text-align:left;padding:14px 16px;background:#ffffffb8;border:1px solid var(--stroke);color:var(--text);line-height:1.45;transition:border-color .2s,transform .15s,box-shadow .2s}.btn-choice:hover{border-color:#2d7a5e59;box-shadow:0 4px 12px #2d7a5e1a;transform:translateY(-1px)}.btn-choice.card-pick{font-family:var(--font-display);font-size:1.02rem;padding:18px 16px;border-radius:16px;background:linear-gradient(145deg,#fffcf0f2,#e8f4effa)}.btn-ghost{padding:10px 14px;background:#ffffff73;color:var(--muted);font-size:.85rem;border-radius:999px;border:1px dashed rgba(45,122,94,.25)}.casting-panel{padding:16px 14px 20px;display:flex;flex-direction:column;gap:14px}.casting-lead{margin:0;font-size:.88rem;line-height:1.65;color:var(--muted)}.casting-badge{font-size:.78rem;line-height:1.55;color:var(--accent2);background:#3a7ab814;border:1px solid rgba(58,122,184,.2);border-radius:12px;padding:10px 12px}.casting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (min-width: 400px){.casting-grid{grid-template-columns:repeat(4,1fr)}}.casting-tile{padding:0;border-radius:12px;overflow:hidden;border:2px solid transparent;background:#ffffff8c;aspect-ratio:3 / 4;transition:border-color .2s,transform .15s}.casting-tile img{width:100%;height:100%;object-fit:cover;display:block}.casting-tile--on{border-color:var(--accent);transform:scale(1.02)}.casting-field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted)}.casting-field input{border-radius:12px;border:1px solid var(--stroke);background:#ffffffd9;color:var(--text);padding:12px 14px;font:inherit}.casting-field input::placeholder{color:#6a6178}.casting-start{margin-top:4px}.casting-start:disabled{opacity:.45;cursor:not-allowed}.result-reveal-stage{padding:16px 8px 8px;text-align:center}.result-teaser{margin:0 12px 12px;font-size:.9rem;line-height:1.65;color:var(--muted)}.casting-archetype{margin:0;font-size:.78rem;color:var(--accent2);line-height:1.5}.vn-box--journal{background:linear-gradient(165deg,#fffcebf2,#f8f0dcfa);border-color:#c8aa7859}.vn-box--journal .vn-line{font-family:var(--font-display);letter-spacing:.02em}.binary-panel{padding:22px 16px 20px;display:flex;flex-direction:column;gap:18px}.binary-prompt{margin:0;font-size:1.02rem;line-height:1.7;text-align:center}.binary-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.binary-card{min-height:120px;padding:16px 12px;border-radius:16px;text-align:center;line-height:1.55;font-size:.92rem;border:1px solid var(--stroke);background:#ffffffc7;color:var(--text);transition:border-color .2s,transform .15s}.binary-card--a{border-color:#2d7a5e59}.binary-card--b{border-color:#e07a5f73}.binary-card:hover{transform:translateY(-2px);border-color:#2d7a5e73}@media (max-width: 380px){.binary-row{grid-template-columns:1fr}}.exclusive-wrap{padding:16px 14px 20px;display:flex;flex-direction:column;gap:14px}.exclusive-portrait{display:flex;justify-content:center;margin-bottom:4px}.exclusive-portrait .char-img--vn{max-height:180px}.exclusive-legal{margin:0;font-size:.72rem;line-height:1.55;color:var(--muted)}.exclusive-h{margin:0 0 8px;font-size:.88rem;color:var(--accent2)}.exclusive-chat{max-height:220px;margin-bottom:8px}.exclusive-vn-line{margin-bottom:12px}.result-extra{margin-top:18px;padding:0 14px 8px;border-top:1px solid var(--stroke)}.result-block-title{font-size:.78rem;color:var(--accent);letter-spacing:.06em;margin:14px 0 8px;text-transform:uppercase}.result-axis-grid{display:grid;gap:8px}.result-axis-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;padding:8px 10px;border-radius:10px;background:#ffffffa6;border:1px solid var(--stroke)}.result-axis-row strong{color:var(--accent);font-variant-numeric:tabular-nums}.result-note{margin:12px 0 0;font-size:.75rem;line-height:1.55;color:var(--muted)}.interaction-panel{padding:22px 16px 20px;display:flex;flex-direction:column;gap:16px}.interaction-slider-row{display:flex;align-items:center;gap:10px}.interaction-slider-cap{font-size:.72rem;color:var(--muted);flex:0 0 4.5em;line-height:1.3}.interaction-slider-cap:last-child{text-align:right}.interaction-slider-input{flex:1;height:8px;accent-color:var(--accent)}.interaction-slider-readout{text-align:center;font-size:.85rem;color:var(--muted)}.interaction-hold-hint{margin:0;font-size:.88rem;line-height:1.6;color:var(--muted);text-align:center}.interaction-hold-zone{position:relative;min-height:120px;border-radius:18px;border:2px dashed rgba(45,122,94,.35);background:linear-gradient(165deg,#fffcf5f2,#e8f4efe6);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.interaction-hold-zone--active{border-color:#2d7a5e8c;box-shadow:0 0 0 3px #2d7a5e1f}.interaction-hold-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(90deg,#2d7a5e2e,#e07a5f33);pointer-events:none}.interaction-hold-label{position:relative;z-index:1;display:grid;place-items:center;min-height:120px;font-weight:600;color:var(--accent)}.interaction-pick2-hint{margin:0;font-size:.82rem;color:var(--muted);text-align:center;line-height:1.55}.interaction-pick2-grid{display:flex;flex-direction:column;gap:10px}.interaction-pick2-chip{text-align:left;padding:14px 16px;border-radius:14px;border:2px solid var(--stroke);background:#ffffffbf;color:var(--text);line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}.interaction-pick2-chip--on{border-color:var(--accent);background:#e8f4eff2;box-shadow:0 2px 10px #2d7a5e1f}.phone-frame{flex:1;display:flex;flex-direction:column;border-radius:28px;padding:14px 12px 12px;background:linear-gradient(180deg,#f7fdf9,#e8f2ec);border:1px solid rgba(45,122,94,.18);box-shadow:0 18px 50px #1e5a461f;min-height:360px}.phone-notch{width:120px;height:5px;border-radius:99px;background:#2d7a5e26;margin:4px auto 12px}.phone-chat{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 4px}.bubble{max-width:88%;padding:11px 14px;border-radius:16px;font-size:.95rem;line-height:1.55;animation:pop .35s ease both}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.bubble.them{align-self:flex-start;background:#ffffffeb;border:1px solid rgba(45,122,94,.15)}.bubble.me{align-self:flex-end;background:linear-gradient(135deg,#c5e8f0d9,#fffcebf2);border:1px solid rgba(58,122,184,.2)}.bubble-meta{font-size:.68rem;color:var(--muted);margin-bottom:4px}.bubble--typing{min-width:138px;padding-block:10px 12px}.bubble-row--typing .bubble-meta{margin-bottom:6px}.typing-indicator{display:flex;align-items:center;gap:10px}.typing-dots{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#f5f7faf2,#ffffffc2);box-shadow:0 5px 16px #7884991f,inset 0 1px #ffffffd1}.bubble.me .typing-dots{background:linear-gradient(135deg,#e8f6fff5,#fffaece0)}.typing-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(145deg,#fb7185,#f59e0b);opacity:.35;animation:typing-bounce 1.15s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}.typing-label{font-size:.72rem;color:var(--muted);letter-spacing:.01em}@keyframes typing-bounce{0%,60%,to{transform:translateY(0) scale(.96);opacity:.35}30%{transform:translateY(-4px) scale(1.08);opacity:1}}.interlude{padding:28px 20px;text-align:center;display:flex;flex-direction:column;gap:16px;justify-content:center;flex:1}.interlude h2{font-family:var(--font-display);font-weight:400;font-size:1.35rem;margin:0;color:var(--accent);letter-spacing:.02em}.interlude p{margin:0;color:var(--muted);line-height:1.8;font-size:.95rem}.result-hero{text-align:center;padding:24px 16px 12px}.result-face-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}.result-emoji{font-size:3rem;line-height:1}.result-title{font-family:var(--font-display);font-size:1.6rem;margin:0 0 10px}.radar-wrap{margin:18px 0;display:flex;justify-content:center}.trait-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.trait-tags span{font-size:.78rem;padding:5px 10px;border-radius:999px;border:1px solid var(--stroke);color:var(--muted)}.advice{font-size:.92rem;line-height:1.75;color:#3d4f56;padding:0 6px 8px}.ambient-event--surprise{border:2px solid var(--coral);background:linear-gradient(135deg,#fff5f6,#fff);box-shadow:0 4px 20px #fb718526;animation:surprise-shake .5s ease-in-out}.ambient-event--done{border-color:#3d9a72;background:linear-gradient(135deg,#f0fdf4,#fff);opacity:.9}.surprise-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-left:8px;box-shadow:0 0 #fb718566;animation:pulse-red 1.5s infinite}.surprise-hint{font-size:.65rem;color:var(--coral);font-weight:700;margin-top:6px;text-transform:uppercase;letter-spacing:.05em}@keyframes surprise-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pulse-red{0%{box-shadow:0 0 #fb7185b3}70%{box-shadow:0 0 0 10px #fb718500}to{box-shadow:0 0 #fb718500}}.interruption-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#fff6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.interruption-card-wrap{width:100%;max-width:400px;perspective:1000px}.scene-content{transition:filter .4s ease,opacity .4s ease}.scene-content--paused{filter:blur(8px) grayscale(.2);opacity:.6;pointer-events:none}.enter-anim{animation:card-enter .5s cubic-bezier(.34,1.56,.64,1) forwards}.exit-anim{animation:card-exit .4s cubic-bezier(.36,0,.66,-.56) forwards}@keyframes card-enter{0%{opacity:0;transform:scale(.8) translateY(40px) rotateX(-20deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}@keyframes card-exit{0%{opacity:1;transform:scale(1) translateY(0) rotateX(0)}to{opacity:0;transform:scale(.9) translateY(-20px) rotateX(10deg)}}.btn-ignore{margin-top:12px;padding:8px 20px;background:#0000000d;border-radius:999px;font-size:.8rem;color:var(--muted);font-weight:500;transition:background .2s}.btn-ignore:hover{background:#0000001a}.phone-interruption{padding-top:40px;align-items:flex-start}.phone-interruption .ambient-event{background:#fffffff2;border-radius:20px;box-shadow:0 12px 30px #00000026;border:1px solid rgba(0,0,0,.1);width:92%}.vn-interruption .ambient-event{background:linear-gradient(135deg,#fffffffa,#fffaf0f2);border-radius:24px;padding:24px;text-align:center}.interruption-footer{margin-top:16px;display:flex;justify-content:center}.ambient-event--surprise{cursor:pointer;transition:transform .2s,box-shadow .2s}.ambient-event--surprise:active{transform:scale(.96)}@keyframes body-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px,-2px)}20%,40%,60%,80%{transform:translate(2px,2px)}}.shake-anim{animation:body-shake .4s cubic-bezier(.36,.07,.19,.97) both}.top-bar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex-shrink:0}.btn-ghost--compact{padding:8px 12px;font-size:.8rem}.home-landing{min-height:100%;min-height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.home-landing-glow{position:absolute;top:-22%;right:-32%;bottom:-22%;left:-32%;background:radial-gradient(ellipse 82% 58% at 48% -8%,rgba(255,200,210,.62),transparent 58%),radial-gradient(ellipse 72% 52% at 100% 18%,rgba(233,213,255,.45),transparent 54%),radial-gradient(ellipse 65% 48% at 0% 72%,rgba(254,243,199,.38),transparent 52%);filter:blur(4px);animation:home-glow-shift 20s ease-in-out infinite alternate;pointer-events:none}.home-landing-glow--rose{top:-18%;right:-25%;bottom:-18%;left:-25%;opacity:.85;animation:home-glow-shift 26s ease-in-out infinite alternate-reverse;animation-delay:-6s;background:radial-gradient(ellipse 55% 45% at 15% 35%,rgba(251,207,232,.5),transparent 52%),radial-gradient(ellipse 50% 42% at 85% 65%,rgba(196,181,253,.35),transparent 50%),radial-gradient(ellipse 45% 38% at 50% 95%,rgba(255,237,213,.4),transparent 48%);filter:blur(5px)}@keyframes home-glow-shift{0%{transform:translate(-1.5%) scale(1);opacity:.88}to{transform:translate(2.5%,1.5%) scale(1.04);opacity:1}}.home-landing-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.home-landing-inner{position:relative;z-index:1;width:100%;max-width:400px;margin:auto}.home-romance-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:visible}.home-deco{position:absolute;color:#f472b673;font-size:.75rem;text-shadow:0 0 20px rgba(251,207,232,.8);animation:home-deco-drift 7s ease-in-out infinite}.home-deco--1{top:6%;left:4%;animation-delay:0s}.home-deco--2{top:14%;right:6%;font-size:.55rem;color:#a78bfa80;animation-delay:-2s}.home-deco--3{bottom:32%;left:8%;animation-delay:-3.5s}.home-deco--4{bottom:18%;right:10%;font-size:.6rem;color:#fbbf2466;animation-delay:-1.2s}@keyframes home-deco-drift{0%,to{transform:translateY(0) rotate(-4deg);opacity:.55}50%{transform:translateY(-6px) rotate(4deg);opacity:.95}}.home-landing-card{position:relative;z-index:1;padding:14px 14px 16px;border-radius:26px;background:linear-gradient(168deg,#ffffffc7,#fffafc9e 45%,#fff8fc85);border:1px solid rgba(255,182,193,.42);box-shadow:0 20px 48px #b464821f,0 4px 16px #8b5cf60f,inset 0 1px #ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:stretch;gap:10px}.home-top-compact{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#ffffffb8,#fff1f673);border:1px solid rgba(255,192,203,.38);box-shadow:0 2px 14px #c8789614}.home-live-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(145deg,#fb7185,#f472b6);box-shadow:0 0 0 2px #fb718559;animation:home-pulse 2.4s ease-in-out infinite}@keyframes home-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.88}}.home-top-title{font-size:.76rem;font-weight:700;letter-spacing:.08em;color:#7c3d4e}.home-top-pill{font-size:.65rem;font-weight:600;padding:3px 9px;border-radius:999px;background:linear-gradient(120deg,#fbcfe8a6,#e9d5ff80);color:#7c3d6e;border:1px solid rgba(244,114,182,.2)}.home-top-pill--muted{background:#ffffffb8;color:#8b6b73;border:1px solid rgba(251,182,198,.28)}.home-romance-kicker{margin:0;text-align:center;font-size:.74rem;line-height:1.5;color:#9d6b7a;letter-spacing:.06em;font-weight:500}.home-roster{margin:0}.home-roster-label{margin:0 0 6px;text-align:center;font-size:.7rem;font-weight:600;color:#7d6a72;letter-spacing:.03em;line-height:1.45}.home-roster-heart{color:#f472b6;margin-right:3px;opacity:.85}.home-roster-sep{margin:0 4px;color:#d4a5b8;font-weight:400}.home-roster-count{display:inline-block;padding:1px 7px;border-radius:999px;background:linear-gradient(120deg,#fbcfe8d9,#e9d5ffa6);color:#7c3d6e;font-weight:700}.home-roster-shell{position:relative;margin:0 -4px}.home-roster-fade{position:absolute;top:0;bottom:18px;width:32px;z-index:2;pointer-events:none}.home-roster-fade--left{left:0;background:linear-gradient(90deg,rgba(255,252,254,.98),transparent)}.home-roster-fade--right{right:0;background:linear-gradient(270deg,rgba(255,252,254,.98),transparent)}.home-roster-scroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 8px 10px;margin:0 -8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(244,114,182,.35) transparent}.home-roster-scroll::-webkit-scrollbar{height:4px}.home-roster-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f9a8d4,#e9d5ff);border-radius:999px}.home-roster-cell{flex:0 0 auto;width:68px;display:flex;flex-direction:column;align-items:center;gap:5px;scroll-snap-align:start}.home-roster-photo{width:64px;height:64px;padding:2px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#fecdd3,#f0abfc 45%,#fde68a);box-shadow:0 8px 20px #be648c2e,0 0 0 1px #fff9 inset}.home-roster-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.home-roster-name{font-size:.62rem;font-weight:600;color:#6b4f5a;text-align:center;line-height:1.25;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-hero-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 0;opacity:.75}.home-hero-divider-line{flex:1;max-width:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(244,114,182,.55),transparent)}.home-hero-divider-ico{font-size:.65rem;color:#f472b6;line-height:1}.home-hero-title{margin:0;text-align:center;display:flex;flex-direction:column;gap:4px}.home-hero-line{font-family:var(--font-display);font-size:clamp(1.65rem,6.5vw,2.05rem);font-weight:400;line-height:1.15;color:#3d2c32;text-shadow:0 2px 24px rgba(255,255,255,.9),0 0 40px rgba(255,200,210,.45)}.home-hero-accent{font-family:var(--font-display);font-size:clamp(1.02rem,4vw,1.28rem);background:linear-gradient(105deg,#e11d48,#c026d3 38%,#a855f7 65%,#d97706);background-size:180% 180%;-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.06em;animation:home-shimmer-text 11s ease infinite}@keyframes home-shimmer-text{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.home-hero-lead{margin:0;text-align:center;font-size:.78rem;line-height:1.5;color:#7d6a72;padding:0 4px}.home-cta-block{margin-top:2px;display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:2px}.home-btn-main-wrap{width:100%;max-width:320px;padding:2px;border-radius:20px;background:linear-gradient(125deg,#fda4af,#f0abfc,#fde68a,#fbcfe8,#fda4af);background-size:320% 320%;animation:home-border-flow 10s ease infinite;box-shadow:0 10px 32px #db649647}@keyframes home-border-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.home-btn-main{width:100%;padding:14px 18px;border-radius:18px;border:none;cursor:pointer;background:linear-gradient(155deg,#be185d,#db2777 28%,#c026d3 58%,#7c3aed);color:#fffefb;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000000f;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.home-btn-main:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:inset 0 1px #ffffff4d,0 8px 24px #be185d38}.home-btn-main:active{transform:translateY(0) scale(.99)}.home-btn-main-label{display:block;font-size:1.04rem;font-weight:700;letter-spacing:.12em;text-shadow:0 2px 14px rgba(120,20,60,.25)}.home-btn-main-sub{display:block;margin-top:3px;font-size:.72rem;font-weight:500;opacity:.94;letter-spacing:.04em}.home-hint{margin:0;font-size:.66rem;color:#8b7380;text-align:center;line-height:1.45;max-width:300px}@media (prefers-reduced-motion: reduce){.home-landing-glow,.home-landing-glow--rose,.home-deco,.home-hero-accent,.home-btn-main-wrap,.home-live-dot{animation:none}}@media (max-width: 360px){.home-landing-card{padding:12px 11px 14px}.home-roster-cell{width:62px}.home-roster-photo{width:58px;height:58px}.home-roster-name{max-width:62px;font-size:.58rem}.home-romance-kicker{font-size:.7rem}}