@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/noto-sans-sc-400.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/noto-sans-sc-600.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/noto-sans-sc-700.woff2) format("woff2")}:root{--bg: #0a0e17;--surface: #141b2d;--surface2: #1c2640;--border: #2a3655;--text: #e8ecf4;--muted: #8b95a8;--accent: #6ee7b7;--accent2: #818cf8;--warn: #fbbf24;--danger: #f87171;--score: #34d399;--radius: 14px;--font: "Noto Sans SC", system-ui, sans-serif;--dual-qr-size: 118px;--dual-qr-gap: 64px;--dual-qr-inner-pad: 6px;--dual-qr-block-pad: 20px 24px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(129,140,248,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(110,231,183,.08),transparent),var(--bg);padding-bottom:calc(36px + env(safe-area-inset-bottom,0px))}.site-icp-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;text-align:center;font-size:.65rem;line-height:1.4;color:var(--muted);padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));background:#0a0e17f0;border-top:1px solid var(--border)}.site-icp-bar a{color:var(--muted);text-decoration:none}.site-icp-bar a:hover,.site-icp-bar a:focus-visible{color:var(--text);text-decoration:underline}#app{min-height:100%;max-width:480px;margin:0 auto;padding:16px 16px 32px}#app:has(.hub-screen),#app:has(.hub-route-screen),#app:has(.hub-route-pitch-screen){padding:0;max-width:none}.screen{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:20px}.header-compact{margin-bottom:10px}.header-compact h1{font-size:1.1rem}.header h1{font-size:1.35rem;font-weight:700;line-height:1.4;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:var(--muted);font-size:.875rem;margin-top:6px}.quiz-status{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:10px 12px;margin-bottom:10px}.quiz-status.option-d{border-left-color:var(--danger)}.quiz-status.option-c{border-left-color:var(--warn)}.quiz-status.option-a{border-left-color:var(--accent)}.quiz-status-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.quiz-status-score{font-size:1.35rem;font-weight:700;color:var(--score);line-height:1;flex-shrink:0}.quiz-status-score span{font-size:.75rem;color:var(--muted);font-weight:400}.quiz-status-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.quiz-status-body{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.quiz-status-body .feedback-option{margin-bottom:4px}.quiz-status-body .feedback-progress{font-size:.75rem;line-height:1.45}.quiz-top-zone{position:relative;margin-bottom:10px}.quiz-top-zone.has-bubble .header-compact{margin-bottom:8px}.quiz-top-zone.has-bubble .quiz-status{margin-bottom:0}.quiz-top-zone .bubble-overlay{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;margin:0;padding:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;touch-action:none;z-index:3;pointer-events:none}.quiz-top-zone .bubble-pop-btn{pointer-events:auto}.feedback-placeholder{font-size:.72rem;color:var(--muted)}.chip{font-size:.7rem;padding:4px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.chip.tier{color:var(--accent2);border-color:#818cf859}.chip.warn{color:var(--warn);border-color:#fbbf2459}.progress-bar-wrap{height:4px;background:var(--surface2);border-radius:2px;margin-bottom:10px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:2px;transition:width .4s ease}.feedback-option{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:6px;line-height:1.5}.feedback-progress{font-size:.8rem;color:var(--muted);line-height:1.6;white-space:pre-line}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px}.question-num{font-size:.7rem;color:var(--accent2);font-weight:600;margin-bottom:8px}.question-dim{font-size:.65rem;color:var(--muted);margin-bottom:4px}.question-text{font-size:1.05rem;font-weight:600;line-height:1.55;margin-bottom:16px}.options{display:flex;flex-direction:column;gap:10px}.option-btn{display:block;width:100%;text-align:left;padding:14px 14px 14px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--font);font-size:.9rem;line-height:1.45;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;position:relative}.option-btn:active{transform:scale(.98)}.option-btn:hover{border-color:var(--accent2);background:#818cf814}.option-btn.selected{border-color:var(--accent);background:#6ee7b71a}.option-btn.disabled{pointer-events:none;opacity:.55}.option-key{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:6px;background:var(--border);font-size:.75rem;font-weight:700;margin-right:10px;vertical-align:middle}.option-btn.selected .option-key{background:var(--accent);color:var(--bg)}.btn-primary{display:block;width:100%;margin-top:16px;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent2),#6366f1);color:#fff;font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--muted);font-family:var(--font);font-size:.875rem;cursor:pointer}.btn-share{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid rgba(110,231,183,.4);border-radius:12px;background:#6ee7b714;color:var(--accent);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer}.btn-share:active{transform:scale(.98)}.share-hint{text-align:center;font-size:.7rem;color:var(--muted);margin-top:8px}.score-legend{text-align:center;font-size:.72rem;color:var(--accent2);margin:10px 0 0;line-height:1.45}.result-score-hint{margin:4px 0 12px}.avg-compare{font-size:.85rem;line-height:1.45;margin:0 0 8px;padding:8px 10px;border-radius:8px}.avg-compare--above{color:#6ee7b7;background:#6ee7b71a;border:1px solid rgba(110,231,183,.25)}.avg-compare--below{color:var(--muted);background:#8b95a814;border:1px solid rgba(139,149,168,.15)}.avg-compare--neutral{color:var(--accent2);background:#818cf81a;border:1px solid rgba(129,140,248,.2)}.share-actions--highlight .btn-primary{box-shadow:0 0 0 2px #6ee7b759}.share-actions{margin-top:4px}.challenge-banner{background:#818cf81f;border:1px solid rgba(129,140,248,.35);border-radius:12px;padding:12px 14px;margin-bottom:12px}.challenge-banner p{font-size:.85rem;line-height:1.5;color:var(--accent2);margin:0}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%) translateY(12px);background:#141b2df2;color:var(--text);border:1px solid var(--border);padding:10px 16px;border-radius:999px;font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:1000;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.wechat-share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px}.wechat-share-overlay[hidden]{display:none}.wechat-share-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;max-width:320px;width:100%;margin-top:40px;text-align:center}.wechat-share-arrow{font-size:2.5rem;color:var(--accent);margin-bottom:8px}.wechat-share-modal h3{font-size:1.1rem;margin-bottom:10px}.wechat-share-modal p{font-size:.875rem;color:var(--muted);line-height:1.6;margin-bottom:8px}.retry-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;z-index:2100;display:flex;align-items:center;justify-content:center;padding:20px}.retry-confirm-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;max-width:320px;width:100%;text-align:center}.retry-confirm-modal h3{font-size:1.05rem;margin-bottom:10px;color:var(--accent)}.retry-confirm-modal p{font-size:.875rem;color:var(--muted);line-height:1.65;margin-bottom:8px}.retry-confirm-sub{font-size:.8rem!important;opacity:.9}.retry-confirm-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.retry-confirm-actions .btn-primary,.retry-confirm-actions .btn-secondary{width:100%}.chip-paper{color:var(--accent2, #a5b4fc);border-color:#818cf859}.wechat-share-sub{font-size:.75rem!important;color:var(--accent2)!important}.wechat-share-modal .btn-primary{margin-top:12px}.welcome-icon{font-size:3rem;text-align:center;margin:24px 0 16px}.welcome-bubble-tip{margin:0 0 20px;padding:14px 16px;border-radius:14px;background:#f871711a;border:1px solid rgba(248,113,113,.28);text-align:left}.welcome-bubble-headline{margin:0 0 8px;font-size:.95rem;font-weight:600;color:#fecaca}.welcome-bubble-body{margin:0;font-size:.82rem;line-height:1.55;color:var(--muted)}.welcome-features{list-style:none;margin:20px 0}.welcome-features li{padding:10px 0;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--muted);display:flex;gap:10px}.welcome-features li:before{content:"▸";color:var(--accent)}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:center}.result-score{font-size:2.5rem;font-weight:700;color:var(--score);margin:12px 0 4px}.result-tier{font-size:1.25rem;font-weight:700;color:var(--accent2);margin-bottom:4px}.result-tagline{font-size:.9rem;color:var(--muted);margin-bottom:16px}.result-tier-sc{font-size:.85rem;color:var(--accent);margin-bottom:6px}.result-coexistence{font-size:.88rem;font-weight:600;color:#fbbf24;margin-bottom:8px}.result-identity-hero{margin:0 auto 16px;text-align:center}.result-identity-face{position:relative;width:min(40vw,160px);height:min(40vw,160px);margin:0 auto 10px;border-radius:16px;background:linear-gradient(165deg,#1a1f35,#121a2e);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--accent);box-shadow:0 0 0 1px #6ee7b759}.result-identity-face .avatar-carousel-emoji{font-size:64px}.result-identity-face .avatar-carousel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:14px}.result-identity-name{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 4px}.result-identity-label{font-size:.72rem;color:var(--accent);margin:0 0 4px}.result-image-wrap{position:relative;width:min(56vw,240px);height:min(56vw,240px);max-width:240px;max-height:240px;aspect-ratio:1;margin:0 auto 16px;border-radius:16px;overflow:hidden;border:2px solid var(--border);background:var(--surface2);-webkit-touch-callout:none}.result-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.result-expression-tag{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.65rem;padding:3px 10px;border-radius:999px;background:#0a0e17d9;color:var(--accent2);border:1px solid var(--border);white-space:nowrap}.result-face-composed{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--result-face-tint, var(--accent)) 28%,transparent),var(--surface2) 70%);border-color:color-mix(in srgb,var(--result-face-tint, var(--border)) 55%,var(--border))}.result-face-emoji{font-size:clamp(3.5rem,18vw,5.5rem);line-height:1;-webkit-user-select:none;user-select:none}.result-badge{display:inline-block;font-size:.75rem;padding:4px 12px;border-radius:999px;background:#f8717126;color:var(--danger);border:1px solid rgba(248,113,113,.3);margin-bottom:16px}.result-body{text-align:left;font-size:.875rem;line-height:1.7;color:var(--muted);white-space:pre-line;margin-bottom:0}.result-meta-preview{margin:16px 0 4px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.result-meta-line{margin:0;font-size:.8rem;line-height:1.5;color:var(--muted)}.result-meta-line+.result-meta-line{margin-top:4px}.result-variant-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.result-variant-label{margin:0 0 8px;font-size:.75rem;color:var(--muted);text-align:left}.result-variant-panel--flash{animation:resultVariantFlash .4s ease-out}@keyframes resultVariantFlash{0%{background:#6ee7b71f}to{background:transparent}}.result-dims{text-align:left;font-size:.8rem;margin-bottom:16px}.dim-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dim-label{width:72px;flex-shrink:0;color:var(--muted);font-size:.7rem}.dim-bar-wrap{flex:1;height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}.dim-bar{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:3px;transition:width .5s ease}.dim-score{width:36px;text-align:right;font-size:.7rem;color:var(--muted)}.share-box{background:var(--surface2);border-radius:10px;padding:12px;font-size:.8rem;color:var(--text);line-height:1.5;margin-bottom:12px;text-align:left}.share-preview-card{background:var(--surface2);border:1px solid rgba(129,140,248,.2);border-radius:12px;padding:12px 14px;margin-bottom:12px;text-align:left}.share-preview-label{font-size:.72rem;font-weight:600;color:var(--muted);margin:0 0 8px;letter-spacing:.04em}.share-preview-hint{font-size:.68rem;color:var(--muted);margin:8px 0 0;line-height:1.4}.share-preview-thumb{width:72px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--surface)}.share-preview-body{flex:1;min-width:0}.share-preview-score{font-size:.95rem;font-weight:700;color:var(--accent);margin-bottom:4px}.share-preview-score span{font-size:.75rem;font-weight:400;color:var(--muted)}.share-preview-tagline{font-size:.78rem;color:var(--text);margin-bottom:6px;line-height:1.4}.share-preview-copy{font-size:.82rem;color:var(--text);line-height:1.5;word-break:break-word}.disclaimer{font-size:.65rem;color:var(--muted);text-align:center;margin-top:20px;line-height:1.5}.result-continue-hint{margin-top:16px;padding:12px 14px;border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border)}.result-continue-text{font-size:.8rem;color:var(--muted);line-height:1.5;margin:0}.result-continue-link{background:none;border:none;padding:0;color:var(--accent);font:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.result-continue-sep{color:var(--border)}.early-overlay{background:#f8717114;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius);padding:14px;margin-bottom:14px;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.early-overlay p{font-size:.85rem;line-height:1.55;color:var(--danger)}.next-hint{text-align:center;font-size:.75rem;color:var(--muted);margin-top:12px;min-height:18px}.finish-quiz-btn,.finish-retry-btn{width:100%;margin-top:14px}.fade-update{animation:scorePop .4s ease}@keyframes scorePop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.bubble-overlay{pointer-events:none}.bubble-arena{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:none;border:none;outline:none;box-shadow:none}.bubble-hint{position:relative;z-index:0;font-size:.75rem;color:var(--muted);margin:0;padding:0 12px;line-height:1.4;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .12s ease-out}.bubble-hint.fade-out{opacity:0}.bubble-hint.bubble-hint--nudge{color:var(--warn);animation:bubbleHintNudge .45s ease}@keyframes bubbleHintNudge{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.bubble-pop-btn{position:absolute;top:50%;left:50%;z-index:1;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:none;outline:none;background:transparent;cursor:pointer;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:bubbleWander 2.2s ease-in-out infinite;will-change:top,left,transform}.bubble-pop-inner{display:block;width:20px;height:20px;border-radius:50%;position:relative;flex-shrink:0;background:radial-gradient(circle at 32% 28%,#fffffff2,#f87171bf 42%,#dc262659 78%);border:1px solid rgba(252,165,165,.85);box-shadow:inset 0 0 3px #ffffff80,0 0 8px #f8717173;animation:bubblePulse .9s ease-in-out infinite,bubbleWiggle .9s ease-in-out infinite}.bubble-pop-inner:after{content:"";position:absolute;top:12%;left:22%;width:32%;height:22%;border-radius:50%;background:#ffffffeb;animation:bubbleGlint .9s ease-in-out infinite}.bubble-pop-btn:active,.bubble-pop-btn.popped{animation:none;pointer-events:none}.bubble-pop-btn:active .bubble-pop-inner,.bubble-pop-btn.popped .bubble-pop-inner{animation:bubblePop .28s cubic-bezier(.34,1.56,.64,1) forwards}.bubble-splash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.bubble-splash-ring{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid rgba(248,113,113,.75);border-radius:50%;animation:splashRing .48s ease-out forwards}.bubble-splash-ring--late{border-color:#fca5a58c;animation-delay:.06s}.bubble-drop{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:50% 50% 50% 0;background:radial-gradient(circle at 30% 30%,#ffffffe6,#f87171e6 55%,#dc2626b3);transform:translate(-50%,-50%) rotate(var(--a)) translateY(0);animation:splashDrop .46s cubic-bezier(.15,.75,.25,1) forwards;opacity:0}.bubble-mist{position:absolute;top:50%;left:50%;width:3px;height:3px;margin:-1px 0 0 -1px;border-radius:50%;background:#fecacad9;transform:translate(-50%,-50%) rotate(var(--a)) translateY(0);animation:splashMist .5s ease-out forwards;opacity:0}@keyframes bubbleWander{0%,to{top:4px;left:50%;transform:translate(-50%)}25%{top:50%;left:calc(100% - 4px);transform:translate(-100%,-50%)}50%{top:calc(100% - 4px);left:50%;transform:translate(-50%,-100%)}75%{top:50%;left:4px;transform:translateY(-50%)}}@keyframes bubbleWiggle{0%,to{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.08) rotate(4deg)}}@keyframes bubblePulse{0%,to{box-shadow:inset 0 0 3px #ffffff73,0 0 5px #f871714d}50%{box-shadow:inset 0 0 4px #fff9,0 0 10px #f871718c}}@keyframes bubbleGlint{0%,to{opacity:.5}50%{opacity:1}}@keyframes bubblePop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.45);opacity:.75}to{transform:scale(0);opacity:0}}@keyframes splashRing{0%{transform:scale(.4);opacity:.95}to{transform:scale(3.5);opacity:0}}@keyframes splashDrop{0%{transform:translate(-50%,-50%) rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-16px) scale(.15);opacity:0}}@keyframes splashMist{0%{transform:translate(-50%,-50%) rotate(var(--a)) translateY(0) scale(1);opacity:.85}to{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-10px) scale(.4);opacity:0}}.options.bubble-locked{pointer-events:none}.options.bubble-locked .option-btn{opacity:.45}.avatar-picker{margin:18px 0;padding:16px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius)}.avatar-picker-title{font-size:.95rem;margin:0 0 6px}.avatar-picker-hint{font-size:.75rem;color:var(--muted);margin:0 0 12px}.avatar-carousel{margin-bottom:12px}.avatar-carousel-track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px calc(50% - 72px) 8px;margin:0 -4px}.avatar-carousel-track::-webkit-scrollbar{display:none}.avatar-carousel-slide{flex:0 0 144px;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:10px;border:2px solid var(--border);border-radius:16px;background:var(--surface);transition:border-color .2s,transform .2s,opacity .2s;-webkit-user-select:none;user-select:none}.avatar-carousel-face{position:relative;width:120px;height:120px;border-radius:14px;background:linear-gradient(165deg,#1a1f35,#121a2e);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-carousel-emoji{font-size:52px;line-height:1;pointer-events:none}.avatar-carousel-emoji--fallback.is-hidden{display:none}.avatar-carousel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:14px;object-fit:cover;pointer-events:none}.avatar-carousel-img.is-loaded{z-index:1}.avatar-carousel-slide.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);transform:scale(1.02)}.avatar-carousel-name{text-align:center;font-size:.9rem;font-weight:600;color:var(--text);margin:8px 0 10px;min-height:1.25rem}.avatar-carousel-dots{display:flex;justify-content:center;gap:8px;margin-bottom:4px}.avatar-carousel-dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:var(--border);cursor:pointer;transition:background .2s,transform .2s}.avatar-carousel-dot.active{background:var(--accent);transform:scale(1.15)}.avatar-picker--confirmed .avatar-carousel-slide:not(.selected){opacity:.55}.avatar-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.avatar-pick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:.7rem;cursor:pointer}.avatar-pick-btn img{width:64px;height:64px;border-radius:12px;object-fit:cover}.avatar-pick-btn.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.avatar-picker--confirmed .avatar-pick-btn:not(.selected){opacity:.55}.dual-qr-block{display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:var(--dual-qr-block-pad);margin-bottom:16px}.dual-qr-group{display:flex;flex-direction:row;gap:var(--dual-qr-gap);justify-content:center;flex-shrink:0}.dual-qr-block--mp-only,.dual-qr-group--mp-only{justify-content:center}.share-poster .dual-qr-block--mp-only{width:100%}.dual-qr-item{display:flex;flex-direction:column;align-items:center;width:var(--dual-qr-size)}.dual-qr-frame{position:relative;width:var(--dual-qr-size);height:var(--dual-qr-size);flex-shrink:0;border-radius:12px;padding:var(--dual-qr-inner-pad);background:#fff;box-shadow:0 4px 16px #00000040}.dual-qr-img{width:100%;height:100%;display:block;border-radius:4px;object-fit:contain}.share-poster{background:linear-gradient(165deg,#0f1628,#0a0e17 45%,#121a2e);color:#e8ecf4;font-family:Noto Sans SC,system-ui,sans-serif;overflow:hidden;box-sizing:border-box;--poster-safe-x: 36px;--poster-safe-top: 40px;--poster-safe-bottom: 48px;--dual-qr-size: 176px;--dual-qr-gap: 0;--dual-qr-inner-pad: 8px;--dual-qr-block-pad: 14px 18px}.share-poster .dual-qr-block{background:#141b2dd9;border:1px solid rgba(129,140,248,.25);border-radius:16px;margin-bottom:0}.share-poster .dual-qr-label{display:block;font-size:10px;color:#8b95a8;text-align:center;margin-top:6px;line-height:1.3;letter-spacing:.04em}.share-poster .share-poster-overview-today{font-size:16px}.share-poster-inner{padding:var(--poster-safe-top) var(--poster-safe-x) var(--poster-safe-bottom)}.share-poster-result-header{text-align:center;margin-bottom:16px}.share-poster-result-header .share-poster-title{font-size:26px;line-height:1.35}.share-poster-result-title{font-size:26px;font-weight:700;line-height:1.4;background:linear-gradient(135deg,#6ee7b7,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-poster-card{background:#141b2d;border:1px solid #2a3655;border-radius:14px;padding:20px 18px;text-align:center}.share-poster-early-badge{display:inline-block;font-size:12px;padding:4px 12px;border-radius:999px;background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3);margin-bottom:14px}.share-poster-dims{text-align:left;font-size:13px;margin:12px 0 0;padding:0 4px}.share-poster-card .share-poster-dims{max-width:100%}.share-poster-dim-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.share-poster-dim-label{width:88px;flex-shrink:0;color:#8b95a8;font-size:12px}.share-poster-dim-bar-wrap{flex:1;height:8px;background:#1c2640;border-radius:4px;overflow:hidden}.share-poster-dim-bar{height:100%;background:linear-gradient(90deg,#818cf8,#6ee7b7);border-radius:4px}.share-poster-dim-score{width:40px;text-align:right;font-size:12px;color:#8b95a8}.share-poster-top-dim{font-size:12px;color:#8b95a8;text-align:center;margin:8px 0 0}.share-poster-body{text-align:center;font-size:14px;line-height:1.65;color:#e8ecf4;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:8px 8px 12px}.share-poster-quote-block{margin:14px 4px 16px;padding:14px 16px 12px;background:#6ee7b70f;border:1px solid rgba(110,231,183,.22);border-radius:12px;text-align:center}.share-poster-quote-label{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.14em;color:#6ee7b7;text-transform:none}.share-poster-hero-quote{margin:0;font-size:17px;font-weight:600;line-height:1.55;color:#e8ecf4;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.share-poster-variant-cap{margin:10px 0 0;font-size:12px;line-height:1.4;color:#8b95a8}.share-poster-header{text-align:center;margin-bottom:16px}.share-poster-badge{display:inline-block;font-size:11px;letter-spacing:.12em;color:#6ee7b7;border:1px solid rgba(110,231,183,.35);border-radius:999px;padding:4px 12px;margin-top:8px}.share-poster-invite-only .share-poster-title,.share-poster-hub .share-poster-title{font-size:24px;line-height:1.35}.share-poster-invite-only .share-poster-badge,.share-poster-hub .share-poster-badge{margin-top:10px}.share-poster-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#6ee7b7,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-poster-hero{position:relative;width:200px;height:200px;margin:0 auto 14px;border-radius:20px;overflow:hidden;border:2px solid rgba(129,140,248,.35);box-shadow:0 8px 32px #818cf826}.share-poster-hero--emoji{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#818cf82e,#34d3991f)}.share-poster-avatar-emoji{font-size:100px;line-height:1}.share-poster-face{width:100%;height:100%;object-fit:cover;object-position:center;display:block;-webkit-user-drag:none}.share-poster-expression{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:11px;padding:4px 12px;border-radius:999px;background:#0a0e17e0;color:#818cf8;border:1px solid rgba(129,140,248,.4);white-space:nowrap}.share-poster-score-label{text-align:center;font-size:13px;color:#8b95a8;margin-bottom:4px;letter-spacing:.04em}.share-poster-score{text-align:center;font-size:42px;font-weight:700;color:#34d399;line-height:1}.share-poster-score span{font-size:18px;color:#8b95a8;font-weight:400}.share-poster-tier{text-align:center;font-size:22px;font-weight:700;color:#818cf8;margin-top:8px}.share-poster-coexistence{text-align:center;font-size:14px;font-weight:600;color:#fbbf24;margin-top:6px;margin-bottom:4px}.share-poster-tier-sc{text-align:center;font-size:15px;color:#6ee7b7;margin-top:6px;margin-bottom:4px;line-height:1.45}.share-poster-tagline{text-align:center;font-size:14px;color:#8b95a8;line-height:1.55;margin:12px 0 16px;padding:0 8px}.share-poster-card .share-poster-hero{margin-top:8px;margin-bottom:12px}.share-poster-card .share-poster-tagline{margin-bottom:14px}.share-poster-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.4),transparent);margin:8px 0 18px}.share-poster-invite-only .share-poster-hero{width:100%;max-width:620px;height:auto;aspect-ratio:1 / 1;margin-left:auto;margin-right:auto;display:block;background:#818cf814;border-radius:16px;overflow:hidden}.share-poster-invite-banner{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.share-poster-overview{margin:0 0 16px;padding:14px 16px;border-radius:12px;background:#818cf81a;border:1px solid rgba(129,140,248,.28);text-align:center}.share-poster-overview-title{font-size:12px;color:#818cf8;letter-spacing:.08em;margin-bottom:8px}.share-poster-overview-today{font-size:20px;font-weight:700;color:#6ee7b7;margin-bottom:4px}.share-poster-overview-total,.share-poster-overview-hot{font-size:14px;color:#c8d0e0;line-height:1.5}.share-poster-meta{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#141b2d99;border:1px solid rgba(42,54,85,.8);text-align:center}.share-poster-meta-line{margin:0;font-size:12px;color:#a5b4fc;line-height:1.55;text-align:center}.share-poster-meta-line+.share-poster-meta-line{margin-top:4px}.share-poster-invite-text{text-align:center;font-size:17px;font-weight:600;color:#e8ecf4;line-height:1.55;margin:0 8px 12px}.share-poster-overview-compact{text-align:center;font-size:12px;color:#8b95a8;line-height:1.5;margin:0 8px 14px}.share-poster-hub-slogan{text-align:center;font-size:15px;font-weight:600;color:#c8d0e0;line-height:1.55;margin:0 10px 14px;padding:0 2px}.share-poster-hub-headline{text-align:center;font-size:17px;font-weight:600;color:#e8ecf4;line-height:1.45;margin:0 4px 10px}.share-poster-hub-pitch{text-align:center;font-size:13px;color:#8b95a8;margin:0 8px 14px;line-height:1.45}.share-poster-hub-pillars{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}.share-poster-hub-pillar{display:flex;align-items:stretch;gap:12px;padding:12px 14px;background:#141b2dc7;border:1px solid rgba(42,54,85,.75);border-radius:12px}.share-poster-hub-pillar-bar{width:4px;border-radius:2px;flex-shrink:0}.share-poster-hub-pillar--cybi1 .share-poster-hub-pillar-bar{background:linear-gradient(180deg,#6ee7b7,#6ee7b759)}.share-poster-hub-pillar--cybi2 .share-poster-hub-pillar-bar{background:linear-gradient(180deg,#818cf8,#818cf859)}.share-poster-hub-pillar--cybi3 .share-poster-hub-pillar-bar{background:linear-gradient(180deg,#f87171,#f8717159)}.share-poster-hub-pillar-content{flex:1;min-width:0;text-align:left}.share-poster-hub-pillar-flag{display:inline-block;font-size:10px;color:#6ee7b7;border:1px solid rgba(110,231,183,.35);border-radius:4px;padding:2px 8px;margin-bottom:6px}.share-poster-hub-pillar-hook{font-size:15px;font-weight:600;color:#e8ecf4;line-height:1.42;margin:0}.share-poster-hub-pillar-sub{font-size:12px;color:#8b95a8;margin:5px 0 0;line-height:1.4}.share-poster-hub-pillar-chips{font-size:11px;color:#a5b4fc;margin:4px 0 0;line-height:1.35;opacity:.9}.share-poster-hub-meta{text-align:center;font-size:13px;color:#8b95a8;margin:-6px 8px 14px;line-height:1.45}.share-poster-hub-terminal{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4;color:#6ee7b7;text-align:center;margin:0 0 14px;opacity:.9}.share-poster-hub-depts{display:flex;flex-direction:column;gap:10px;margin:0 0 8px}.share-poster-hub-dept{display:flex;flex-direction:column;background:#141b2dd9;border:1px solid rgba(42,54,85,.9);border-radius:14px;overflow:hidden}.share-poster-hub-dept--cybi1{border-color:#6ee7b759}.share-poster-hub-dept--cybi2{border-color:#818cf859}.share-poster-hub-dept--cybi3{border-color:#f8717159}.share-poster-hub-dept-poster{display:block;width:100%;aspect-ratio:320 / 88;object-fit:cover}.share-poster-hub-dept-body{padding:12px 14px 14px;text-align:center}.share-poster-hub-dept-hook{font-size:13px;color:#a5b4fc;line-height:1.45;margin:6px 0 0;text-align:center}.share-poster-hub-dept-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;margin-bottom:4px}.share-poster-hub-dept--cybi1 .share-poster-hub-dept-code{color:#6ee7b7}.share-poster-hub-dept--cybi2 .share-poster-hub-dept-code{color:#818cf8}.share-poster-hub-dept--cybi3 .share-poster-hub-dept-code{color:#f87171}.share-poster-hub-dept-badge{display:inline-block;font-size:10px;color:#6ee7b7;border:1px solid rgba(110,231,183,.35);border-radius:4px;padding:2px 8px;margin-bottom:6px}.share-poster-hub-dept-meta{font-size:11px;color:#8b95a8;margin:4px 0 0;line-height:1.4;text-align:center}.share-poster-hub-dept-name{font-size:16px;font-weight:600;color:#e8ecf4;margin-bottom:2px}.share-poster-hub-dept-tag{font-size:13px;color:#a5b4fc;line-height:1.4}.btn-poster{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid rgba(129,140,248,.45);border-radius:12px;background:#818cf81f;color:#a5b4fc;font-family:var(--font);font-size:.875rem;font-weight:600;cursor:pointer}.btn-poster:active{transform:scale(.98)}.poster-save-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;touch-action:none}html.poster-scroll-locked,body.poster-scroll-locked{overflow:hidden!important;overscroll-behavior:none}.poster-save-modal{width:min(100%,calc(360px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);overflow-y:auto;overscroll-behavior:contain;text-align:center;touch-action:pan-y}.poster-save-hint{margin:0 0 12px;color:#e2e8f0;font-size:.95rem;font-weight:600}.poster-save-image{display:block;width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 140px);height:auto;object-fit:contain;border-radius:12px;box-shadow:0 12px 40px #00000073;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.poster-save-close{margin-top:0}.poster-save-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.poster-save-actions .btn-secondary{background:transparent;border:1px solid var(--border);color:var(--muted)}.shared-result-screen{padding-top:8px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.shared-result-poster-wrap{max-width:480px;margin:0 auto 16px;border-radius:var(--radius);overflow:hidden}.shared-result-screen .share-poster{width:100%!important;max-width:480px;margin:0 auto;border-radius:var(--radius)}.shared-result-screen .share-poster--no-qr{--poster-safe-bottom: 28px}.shared-result-screen .share-poster-inner{padding-left:20px;padding-right:20px}.shared-result-screen .share-poster-result-header .share-poster-title{font-size:1.25rem}.shared-result-screen .share-poster-score{font-size:2.5rem}.shared-result-actions{max-width:480px;margin:0 auto 12px}.shared-result-fallback{text-align:center;color:var(--muted);padding:32px 16px}.mp-share-hint{margin-top:12px;font-size:.8125rem;color:var(--muted);text-align:center;line-height:1.5}.mp-profile-status{margin-top:8px;font-size:.75rem;color:var(--muted);text-align:center;line-height:1.5}.hub-mp-share-hint{text-align:center;margin:8px 0 4px}.shared-result-poster{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:center}.shared-result-image{width:min(64vw,280px);height:min(64vw,280px);max-width:280px;max-height:280px}.shared-result-screen .header{margin-bottom:12px}.shared-result-poster.result-card{margin-bottom:0}.shared-result-top-dim{font-size:.75rem;color:var(--muted);margin-bottom:12px;text-align:left}.shared-result-body{margin-bottom:20px}.hub-screen{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) 16px max(32px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto;box-sizing:border-box}.hub-top-actions{position:absolute;top:14px;right:16px;z-index:2}.screen-top-bar{display:flex;align-items:center;margin:-4px 0 8px;min-height:40px}.screen-top-btn{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface2);color:var(--text);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.screen-top-btn:active{transform:scale(.98)}.screen-top-btn--back{color:var(--muted)}.screen-top-btn--back:hover,.screen-top-btn--back:focus-visible{color:var(--text);border-color:var(--accent2)}.hub-share-btn{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface2);color:var(--text);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.hub-share-btn:active{transform:scale(.98)}.hub-header{padding-right:72px}.hub-actions{margin-top:8px}.hub-poster-btn{margin-top:0}.hub-share-hint{margin-top:8px;margin-bottom:0}.hub-headline{font-size:1.05rem;font-weight:600;line-height:1.45;margin:0 0 6px}.hub-meta{font-size:.8rem;color:var(--muted);margin:0 0 14px}.hub-terminal-bar{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;line-height:1.4;color:var(--accent);white-space:pre;margin-bottom:16px;opacity:.85}.hub-title{font-size:1.25rem;margin:0 0 8px}.hub-slogan-fold{margin:0 0 20px;font-size:.75rem;color:var(--muted)}.hub-slogan-fold summary{cursor:pointer;color:var(--accent);list-style:none}.hub-slogan-fold summary::-webkit-details-marker{display:none}.hub-slogan-fold p{margin-top:8px;line-height:1.5}.hub-slogan{color:var(--muted);font-size:.875rem;line-height:1.5;margin:0 0 24px}.hub-cards{display:flex;flex-direction:column;gap:12px;flex:1}.hub-audience-gate{margin-bottom:16px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.hub-audience-gate-q{margin:0 0 8px;font-size:.9rem;line-height:1.45;color:var(--text)}.hub-audience-gate-sub{margin:0 0 12px;font-size:.72rem;line-height:1.4;color:var(--muted)}.hub-audience-gate-actions{display:flex;flex-direction:column;gap:8px}.hub-audience-btn{padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.hub-audience-btn--vibe:hover,.hub-audience-btn--vibe:focus-visible{border-color:#6ee7b78c}.hub-audience-btn--chat:hover,.hub-audience-btn--chat:focus-visible{border-color:#fbbf248c}.hub-audience-btn--ghost{color:var(--muted);font-weight:500;text-align:center;background:transparent}.hub-cards--suggest-cybi1 .hub-card--cybi1,.hub-cards--suggest-cybi2 .hub-card--cybi2{order:-1}.hub-card--suggested{border-color:#6ee7b78c;box-shadow:0 0 0 1px #6ee7b733}.hub-card--cybi2.hub-card--suggested{border-color:#fbbf248c;box-shadow:0 0 0 1px #fbbf2433}.hub-cards--suggest-cybi3 .hub-card--cybi3{order:-1}.hub-card--cybi3.hub-card--suggested{border-color:#f871718c;box-shadow:0 0 0 1px #f8717133}.hub-route-screen{min-height:100dvh;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto;box-sizing:border-box}.hub-route-header{margin-bottom:16px}.hub-route-kicker{margin:0 0 8px;font-size:.68rem;color:var(--accent2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.hub-route-terminal{margin-bottom:12px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:clamp(.58rem,2.6vw,.65rem)}.hub-route-title{margin:0 0 6px;font-size:1.2rem;line-height:1.35}.hub-route-sub{margin:0 0 4px;font-size:.78rem;color:var(--muted);line-height:1.45}.hub-route-site{margin:0;font-size:.72rem;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.85}.hub-route-progress-wrap{margin-bottom:14px}.hub-route-progress-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;font-size:.75rem;color:var(--muted);margin-bottom:6px}.hub-route-progress-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:var(--accent)}.hub-route-progress-bar{height:4px}.hub-route-card{flex:1;border-left:3px solid var(--accent2);border-radius:0 var(--radius) var(--radius) 0;position:relative;overflow:hidden}.hub-route-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(129,140,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(129,140,248,.04) 1px,transparent 1px);background-size:18px 18px;pointer-events:none;opacity:.55}.hub-route-q-prompt{position:relative;z-index:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:var(--accent);margin-bottom:10px;opacity:.9}.hub-route-card .question-text,.hub-route-card .hub-route-options{position:relative;z-index:1}.hub-route-options .option-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hub-route-top{display:flex;flex-direction:column;gap:8px;margin:-4px 0 12px}.hub-route-gate-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto;box-sizing:border-box}.hub-route-gate-card{width:100%;border:1px solid rgba(110,231,183,.45);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:0 0 24px #6ee7b714}.hub-route-gate-kicker{margin:0;padding:14px 16px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:var(--accent2)}.hub-route-gate-card .hub-route-terminal{padding:0 16px;margin-bottom:10px}.hub-route-gate-title{margin:0;padding:0 16px;font-size:1.25rem;line-height:1.35}.hub-route-gate-sub{margin:6px 0 0;padding:0 16px;font-size:.78rem;color:var(--muted);line-height:1.45}.hub-route-gate-poster-wrap{position:relative;margin-top:12px}.hub-route-gate-poster{display:block;width:100%;aspect-ratio:320 / 88;object-fit:cover;background:var(--surface2)}.hub-route-gate-body{padding:14px 16px 18px;text-align:center}.hub-route-gate-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--accent);margin-bottom:6px}.hub-route-gate-tag{margin:0 0 14px;font-size:.9rem;line-height:1.45}.hub-route-gate-primary{margin-top:0;margin-bottom:10px}.hub-route-gate-quiz{width:100%;padding:10px 14px;margin-bottom:8px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s}.hub-route-gate-quiz:hover,.hub-route-gate-quiz:focus-visible{border-color:var(--accent2);color:var(--text)}.hub-route-gate-pick{width:100%;padding:8px 14px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;cursor:pointer;opacity:.85}.hub-route-gate-pick:hover,.hub-route-gate-pick:focus-visible{color:var(--text);opacity:1}.hub-route-direct{width:100%;padding:10px 14px;border:1px dashed rgba(110,231,183,.35);border-radius:8px;background:transparent;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s}.hub-route-direct:hover,.hub-route-direct:focus-visible{border-color:#6ee7b78c;color:var(--text)}.hub-route-skip{width:100%;padding:10px 14px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s}.hub-route-skip:hover,.hub-route-skip:focus-visible{border-color:var(--accent2);color:var(--text)}.hub-route-pitch-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto;box-sizing:border-box}.hub-route-pitch-card{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;overflow:hidden}.hub-route-pitch-card--cybi1{border-color:#6ee7b773;box-shadow:0 0 24px #6ee7b714}.hub-route-pitch-card--cybi2{border-color:#fbbf2473;box-shadow:0 0 24px #fbbf2414}.hub-route-pitch-card--cybi3{border-color:#f8717173;box-shadow:0 0 24px #f8717114}.hub-route-pitch-kicker{margin:0;padding:14px 16px 0;font-size:.82rem;color:var(--muted)}.hub-route-pitch-badge{display:inline-block;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;color:var(--accent);border:1px solid rgba(110,231,183,.35);border-radius:4px;padding:2px 8px;letter-spacing:.06em}.hub-route-pitch-poster-wrap{position:relative;margin-top:12px}.hub-route-pitch-poster{display:block;width:100%;aspect-ratio:320 / 88;object-fit:cover;background:var(--surface2)}.hub-route-pitch-body{padding:14px 18px 18px}.hub-route-pitch-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--accent);margin-bottom:6px}.hub-route-pitch-name{margin:0 0 8px;font-size:1.35rem}.hub-route-pitch-tag{margin:0 0 8px;font-size:.9rem;color:var(--text);line-height:1.45}.hub-route-pitch-sub{margin:0 0 6px;font-size:.78rem;color:var(--muted)}.hub-route-pitch-meta{margin:0 0 8px;font-size:.75rem;color:var(--accent2)}.hub-route-pitch-hint{margin:0 0 12px;font-size:.72rem;color:var(--muted);font-style:italic;line-height:1.45}.hub-route-pitch-countdown{margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--accent2);letter-spacing:.03em}.hub-route-pitch-actions{display:flex;flex-direction:column;gap:10px}.hub-route-pitch-actions .btn-primary{margin-top:0}.hub-route-pitch-other{padding:10px 14px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s}.hub-route-pitch-other:hover,.hub-route-pitch-other:focus-visible{border-color:var(--accent2);color:var(--text)}.hub-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;cursor:pointer;color:inherit;transition:border-color .15s,transform .1s}.hub-card-poster-wrap{position:relative}.hub-card-chips{position:absolute;left:10px;bottom:8px;display:flex;flex-wrap:wrap;gap:4px}.hub-chip{font-size:.6rem;padding:2px 6px;border-radius:4px;background:#0a0e17b8;border:1px solid var(--border);color:var(--text)}.hub-card-poster{display:block;width:100%;height:auto;aspect-ratio:320 / 88;object-fit:cover;background:var(--surface)}.hub-card-body{padding:12px 16px 16px;position:relative}.hub-card-badge{display:inline-block;font-size:.65rem;color:var(--accent);border:1px solid rgba(110,231,183,.35);border-radius:4px;padding:1px 6px;margin-bottom:6px}.hub-card--cybi1:focus-visible,.hub-card--cybi1:hover{border-color:#6ee7b773}.hub-card--cybi2:focus-visible,.hub-card--cybi2:hover{border-color:#fbbf2473}.hub-card--cybi3:focus-visible,.hub-card--cybi3:hover{border-color:#f8717173}.hub-card:active{transform:scale(.98)}.hub-card-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--accent);margin-bottom:4px}.hub-card-name{font-size:1.1rem;font-weight:600;margin-bottom:4px}.hub-card-tag{font-size:.85rem;color:var(--text);margin-bottom:4px;line-height:1.4}.hub-card-sub{font-size:.8rem;color:var(--muted)}.hub-card-meta{font-size:.75rem;color:var(--accent);margin-top:6px}.hub-card-hint{font-size:.72rem;color:var(--muted);margin-top:4px;line-height:1.4;font-style:italic}.hub-footer,.site-legal-footer{margin-top:24px;text-align:center;font-size:.7rem;color:var(--muted)}.site-legal-copy{margin:0;line-height:1.5}.site-legal-links,.site-legal-icp{margin:6px 0 0;line-height:1.5}.legal-link{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.legal-link:hover{color:var(--accent)}.site-footer-version{margin:8px 0 0;font-size:.65rem;color:var(--muted);line-height:1.5;opacity:.85}.a11y-settings{margin:20px 0 8px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.a11y-settings-title{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--text)}.a11y-settings-note{margin:0 0 12px;font-size:.75rem;color:var(--muted);line-height:1.45}.a11y-toggle{display:flex;align-items:flex-start;gap:12px;padding:10px 0;cursor:pointer;border-top:1px solid var(--border)}.a11y-toggle:first-of-type{border-top:none}.a11y-toggle input{width:20px;height:20px;margin-top:4px;flex-shrink:0;accent-color:var(--accent)}.a11y-toggle-label{display:flex;flex-direction:column;gap:2px;line-height:1.4}.a11y-toggle-label strong{font-size:.95rem;font-weight:600}.a11y-toggle-label small{font-size:.78rem;color:var(--muted)}.a11y-rest-hint{margin:8px 0 12px;font-size:.82rem;color:var(--accent);text-align:center}html.a11y-large-text{font-size:112.5%}html.a11y-large-text .option-btn{padding:18px 16px 18px 18px;font-size:1.05rem;min-height:52px}html.a11y-large-text .btn-primary,html.a11y-large-text .btn-secondary,html.a11y-large-text .btn-share,html.a11y-large-text .btn-poster,html.a11y-large-text .screen-top-btn{padding:16px;font-size:1.1rem;min-height:52px}html.a11y-large-text .disclaimer{font-size:.82rem!important;line-height:1.55}html.a11y-large-text .question-text{font-size:1.15rem;line-height:1.55}html.a11y-large-text .hub-card-name{font-size:1.25rem}html.a11y-large-text .hub-card-tag{font-size:.95rem}html.a11y-large-text .a11y-toggle input{width:24px;height:24px}@media(prefers-reduced-motion:reduce){html.a11y-large-text .option-btn:active,html.a11y-large-text .btn-primary:active,.result-variant-panel--flash{animation:none!important;transform:none!important}}.hub-cards--suggest-jjbi1 .hub-card--jjbi1,.hub-cards--suggest-jjbi2 .hub-card--jjbi2{order:-1}.hub-card--jjbi2.hub-card--suggested{border-color:#fbbf248c;box-shadow:0 0 0 1px #fbbf2433}.hub-card--jjbi1.hub-card--suggested{border-color:#f871718c;box-shadow:0 0 0 1px #f8717133}.hub-card--jjbi1:focus-visible,.hub-card--jjbi1:hover{border-color:#f8717173}.hub-card--jjbi2:focus-visible,.hub-card--jjbi2:hover{border-color:#fbbf2473}.share-poster-hub-pillar--jjbi1 .share-poster-hub-pillar-bar{background:linear-gradient(180deg,#f87171,#ef4444)}.share-poster-hub-pillar--jjbi2 .share-poster-hub-pillar-bar{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.share-poster-hub-dept--jjbi1{border-color:#f8717159}.share-poster-hub-dept--jjbi2{border-color:#fbbf2459}.share-poster-hub-dept--jjbi1 .share-poster-hub-dept-code{color:#f87171}.share-poster-hub-dept--jjbi2 .share-poster-hub-dept-code{color:#fbbf24}.hub-route-pitch-card--jjbi1{border-left-color:#f87171}.hub-route-pitch-card--jjbi2{border-left-color:#fbbf24}