:root{--brand:#9c48fc;--brand-ink:#7a2fe0;--periwinkle:#656bff;--icon:#de65ff;--t-elegant:#a352ff;--t-leading:#ff5252;--t-stimulating:#f1f13b;--t-embracing:#ffb027;--t-stable:#b5854f;--t-refreshing:#3b9aff;--t-healing:#4ce271;--t-charm:#ff76e4;--grad-brand:linear-gradient(118deg, #656bff 0%, #9c48fc 100%);--grad-band:linear-gradient(122deg, #6f6cf0 0%, #9a5cf2 100%);--r-sm:8px;--r-md:16px;--r-lg:28px;--r-card:22px;--r-pill:999px;--shadow-soft:0 10px 26px -16px rgba(120, 80, 220, 0.3);--shadow-card:0 22px 48px -22px rgba(120, 80, 220, 0.4),0 6px 16px -10px rgba(120, 80, 220, 0.18);--shadow-btn:0 12px 24px -10px rgba(124, 58, 224, 0.55);--font-jp:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono",ui-monospace,"Menlo","Consolas",monospace;--bg:#f7f6ff;--bg2:#ffffff;--bg3:#f1effb;--card:rgba(156, 72, 252, 0.05);--card2:rgba(156, 72, 252, 0.09);--border:#e9e6f5;--border2:rgba(124, 58, 224, 0.22);--text:#2c2a3a;--dim:#7b7794;--rose:#ec5fd0;--violet:#9c48fc;--indigo:#656bff;--teal:#2dd4bf;--amber:#ffb027;--emerald:#22b866;--pink:#ec4899}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{background:var(--bg);height:-webkit-fill-available}body{font-family:var(--font-jp);background:var(--bg);color:var(--text);min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;line-height:1.65;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(720px 420px at 86% -4%,rgba(156,72,252,.12),transparent 60%),radial-gradient(640px 380px at 2% 2%,rgba(101,107,255,.11),transparent 58%)}.app{max-width:430px;margin:0 auto;min-height:100vh;min-height:-webkit-fill-available;position:relative;z-index:1}.screen{display:none;flex-direction:column;align-items:center;padding:calc(52px + env(safe-area-inset-top)) 20px calc(100px + env(safe-area-inset-bottom));min-height:100vh;min-height:-webkit-fill-available;animation:fadeUp .4s ease;overflow-x:clip}.screen.active{display:flex}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.orb{border-radius:50%;position:relative;flex-shrink:0}.orb.xl{width:160px;height:160px;background:radial-gradient(circle at 32% 28%,#fff 0,#c8a4ff 26%,#9c48fc 58%,#656bff 100%);box-shadow:0 22px 60px -18px rgba(120,80,220,.55),0 0 46px rgba(156,72,252,.35);animation:floatOrb 4s ease-in-out infinite}.orb.md{width:80px;height:80px;background:radial-gradient(circle at 32% 28%,#fff 0,#c8a4ff 30%,#9c48fc 66%,#656bff 100%);box-shadow:0 14px 34px -12px rgba(120,80,220,.5),0 0 26px rgba(156,72,252,.3);animation:floatOrb 4s ease-in-out infinite}.orb.recording{background:radial-gradient(circle at 32% 28%,#fff 0,#ff9ad6 24%,#ec5fd0 58%,#c4368f 100%)!important;box-shadow:0 18px 48px -14px rgba(220,60,150,.55),0 0 40px rgba(236,95,208,.45)!important;animation:pulseOrb 1s ease-in-out infinite!important}.orb.thinking{animation:thinkOrb 2s ease-in-out infinite!important}@keyframes floatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseOrb{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes thinkOrb{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(50deg) brightness(1.4)}}.orb.orb--gl,.orb.orb--gl.recording{background:0 0!important;box-shadow:none!important;animation:none!important}.orb.orb--gl canvas{position:absolute;left:50%;top:50%;width:150%;height:150%;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%}.orb-wrap{display:flex;align-items:center;justify-content:center}.instr-badge{width:110px;height:110px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:60px;line-height:1;animation:floatOrb 4s ease-in-out infinite;flex-shrink:0;position:relative}.instr-badge-sm{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;flex-shrink:0}h1{font-size:30px;font-weight:900;letter-spacing:.04em;text-align:center}h2{font-size:20px;font-weight:700;text-align:center;margin-bottom:8px}.brand{font-size:11px;color:var(--brand-ink);letter-spacing:.28em;text-transform:uppercase;margin-bottom:28px;font-weight:800}#screen-start .brand{font-size:clamp(15px, 4.2vw, 24px);letter-spacing:.04em;white-space:nowrap;text-align:center;font-weight:800}.title-gradient{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub{font-size:14px;color:var(--dim);text-align:center;line-height:1.8;margin-bottom:20px}.start-note{font-size:11px;color:var(--dim);text-align:center;margin-top:12px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;border-radius:100px;border:none;font-size:16px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s;min-width:220px}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(124,58,224,.6)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--surface,#fff);border:1px solid var(--border);color:var(--brand-ink);font-size:14px;min-width:0;padding:12px 24px;box-shadow:var(--shadow-soft)}.btn-ghost:hover{background:var(--panel,#f1effb);color:var(--brand-ink)}.btn-next,.btn-redo{color:#fff;font-size:14px;min-width:0;width:136px;padding:12px 0;white-space:nowrap}.btn-redo{background:#e8504f;box-shadow:0 12px 24px -10px rgba(232,80,79,.55)}.btn-redo:hover{background:#d94443}.btn-next{background:var(--emerald);box-shadow:0 12px 24px -10px rgba(34,184,102,.55)}.btn-next:hover{background:#1da65a}.btn-record{background:var(--rose);color:#fff;box-shadow:0 12px 24px -10px rgba(236,95,208,.6);min-width:200px}.btn-record.active{background:var(--emerald);box-shadow:0 12px 24px -10px rgba(34,184,102,.55)}.btn-record:disabled{background:#b8b8c4;box-shadow:none;cursor:default;pointer-events:none}.btn-share{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-btn);flex:1;min-width:0;padding:14px}.btn-restart{background:var(--surface,#fff);border:1px solid var(--border);color:var(--brand-ink);padding:14px;flex:1;min-width:0;border-radius:100px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-soft)}.btn-restart:hover{background:var(--panel,#f1effb)}#screen-warmup{justify-content:flex-start;gap:0;padding-top:calc(16px + env(safe-area-inset-top))}.warmup-header{width:100%;text-align:center;margin-bottom:28px}.warmup-lead{font-size:17px;font-weight:800;line-height:1.55;text-align:center;color:var(--text);letter-spacing:.02em}.warmup-lead span{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.warmup-card{width:100%;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 20px;margin-bottom:28px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.warmup-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(156,72,252,.08),transparent 70%);pointer-events:none}.warmup-twister-label{font-size:10px;letter-spacing:.2em;color:var(--violet);font-weight:700;margin-bottom:12px}.warmup-twister{font-size:22px;font-weight:900;line-height:1.5;letter-spacing:.04em;color:var(--text)}.warmup-sub{font-size:12px;color:var(--dim);margin-top:10px}.warmup-done-msg{font-size:18px;font-weight:800;text-align:center;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:none;margin-bottom:16px}.warmup-skip{font-size:12px;color:var(--dim);background:0 0;border:none;cursor:pointer;text-decoration:underline;margin-top:12px;display:block;width:100%;text-align:center}.warmup-skip:hover{color:var(--text)}.warmup-live-text{width:100%;min-height:40px;background:var(--panel,#f1effb);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;font-size:14px;line-height:1.65;color:var(--text);text-align:center;margin:0 0 10px;transition:border-color .2s}.warmup-live-placeholder{color:var(--dim);font-size:13px}#warmup-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:100px;line-height:1;pointer-events:none;z-index:9992;opacity:0}#warmup-feedback.flash{animation:feedbackFlash .65s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes feedbackFlash{0%{transform:translate(-50%,-50%) scale(0);opacity:1}40%{transform:translate(-50%,-50%) scale(1.3);opacity:1}100%{transform:translate(-50%,-50%) scale(1.1);opacity:0}}#screen-start{justify-content:center;gap:0}.start-tagline{font-size:clamp(30px, 8vw, 36px);font-weight:800;letter-spacing:-.01em;text-align:center;line-height:1.2;margin-bottom:6px}.start-copy{font-size:13px;color:var(--dim);text-align:center;margin-bottom:36px;line-height:1.9}.gender-select-label{font-size:13px;color:var(--muted,#7b7794);text-align:center;letter-spacing:.06em;margin-bottom:14px;font-weight:700}.gender-btn-wrap{display:flex;gap:12px;width:100%;max-width:320px}.btn-gender{flex:1;padding:22px 12px 18px;border-radius:var(--r-md);background:var(--surface,#fff);border:1px solid var(--border);font-size:15px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;align-items:center;gap:10px;letter-spacing:.02em;color:var(--brand-ink);box-shadow:var(--shadow-soft)}.btn-gender .btn-gender-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;line-height:1;box-shadow:var(--shadow-soft)}.btn-gender-male .btn-gender-icon{background:linear-gradient(140deg,var(--periwinkle),#8a6bf0)}.btn-gender-male:hover{border-color:var(--periwinkle);transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(101,107,255,.5)}.btn-gender-female .btn-gender-icon{background:linear-gradient(140deg,var(--icon),var(--brand))}.btn-gender-female:hover{border-color:var(--icon);transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(222,101,255,.5)}#screen-input{gap:0;padding-top:calc(16px + env(safe-area-inset-top))}.input-header{width:100%;margin-bottom:24px;text-align:center}.text-fallback-toggle{font-size:12px;color:var(--dim);background:0 0;border:none;cursor:pointer;text-decoration:underline;margin-top:10px;padding:4px 0;display:block;width:100%;text-align:center}.text-fallback-toggle:hover{color:var(--text)}.text-fallback-area{display:none;width:100%;margin-top:10px}.text-fallback-area textarea{width:100%;min-height:90px;background:var(--bg3);border:1px solid var(--border2);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.75;color:var(--text);font-family:inherit;resize:vertical;outline:0;transition:border-color .2s}.text-fallback-area textarea:focus{border-color:var(--violet)}.text-fallback-area textarea::placeholder{color:var(--dim)}.text-fallback-submit{width:100%;margin-top:8px;padding:14px;background:linear-gradient(135deg,#8b5cf6,#f472b6);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:100px;cursor:pointer;transition:all .2s}.text-fallback-submit:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(139,92,246,.4)}.rec-pane{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.wave-wrap{display:flex;align-items:center;justify-content:center;gap:5px;height:44px;margin:20px 0}.wave-bar{width:4px;border-radius:2px;background:linear-gradient(180deg,var(--rose),var(--violet));animation:waveAnim .9s ease-in-out infinite}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.2s}.wave-bar:nth-child(6){animation-delay:.1s}.wave-bar:nth-child(7){animation-delay:50ms}@keyframes waveAnim{0%,100%{height:8px;opacity:.35}50%{height:40px;opacity:1}}.wave-wrap.idle .wave-bar{height:6px;opacity:.2;animation:none}.rec-status{font-size:13px;color:var(--dim);margin-bottom:6px;text-align:center;min-height:20px}.rec-timer{font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.05em;margin-bottom:16px}.transcript-box{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:16px 0;min-height:80px;font-size:13px;line-height:1.8;color:var(--text)}.transcript-placeholder{color:var(--dim)}#screen-analyzing{justify-content:center}#screen-analyzing .orb-wrap{margin-top:26px}#screen-auth{justify-content:center}.auth-card{width:100%;max-width:360px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 24px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-card);animation:fadeUp .5s ease backwards}.auth-emoji{font-size:44px;margin-bottom:10px}.auth-sub{font-size:13px;color:var(--muted,#7b7794);margin-bottom:24px;text-align:center;line-height:1.7}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#3c4043;font-size:15px;font-weight:700;border:1px solid #dadce0;border-radius:100px;padding:13px 20px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-soft)}.auth-google-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.auth-g-logo{display:flex;align-items:center}.auth-divider{width:100%;display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted,#7b7794);font-size:11px}.auth-divider::after,.auth-divider::before{content:"";flex:1;height:1px;background:var(--border)}.auth-email-input{width:100%;background:var(--panel,#f1effb);border:1px solid var(--border);border-radius:var(--r-md);padding:13px 16px;font-size:14px;color:var(--text);margin-bottom:12px;outline:0;transition:border .2s}.auth-email-input:focus{border-color:var(--brand)}.auth-email-input::placeholder{color:var(--muted,#7b7794)}.auth-continue-btn{width:100%}.auth-note{font-size:11px;color:var(--muted,#7b7794);margin-top:8px;text-align:center}.auth-terms{font-size:11px;color:var(--muted,#7b7794);margin-top:16px;text-align:center;line-height:1.7}.auth-terms a{color:var(--brand-ink);text-decoration:underline}.account-chip{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--panel-2,#efeaff);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 18px;box-shadow:var(--shadow-soft)}.account-chip span{font-size:12px;color:var(--brand-ink);font-weight:700}.account-resume-btn{background:var(--grad-brand);border:none;color:#fff;font-size:12px;font-weight:800;border-radius:var(--r-pill);padding:8px 18px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-btn)}.account-resume-btn:hover{transform:translateY(-1px)}.start-terms{font-size:11px;color:var(--muted,#7b7794);margin-top:14px;text-align:center}.start-terms a{color:var(--brand-ink);text-decoration:underline}.account-box{width:100%;margin-top:20px;margin-bottom:24px;text-align:center;padding:16px;border-top:1px solid var(--border)}.account-box-mail{font-size:12px;color:var(--text);font-weight:700;margin-bottom:4px}.account-box-note{font-size:11px;color:var(--dim);margin-bottom:10px}.account-box-links{font-size:12px}.account-box-links a{color:var(--brand-ink);text-decoration:underline}.account-box-sep{color:var(--dim);margin:0 8px}.account-unregister{color:var(--muted,#7b7794)!important}#terms-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}#terms-modal.show{display:flex}.terms-inner{width:100%;max-width:420px;max-height:80vh;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column}.terms-inner h3{font-size:17px;font-weight:900;margin-bottom:14px;text-align:center}.terms-body{overflow-y:auto;font-size:12px;line-height:1.9;color:var(--text)}.terms-body p{margin-bottom:12px}.terms-body b{color:var(--brand-ink)}#img-dl-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}#img-dl-modal.show{display:flex}.img-dl-body{overflow-y:auto;border-radius:12px;border:1px solid var(--border)}.img-dl-body img{display:block;width:100%;height:auto}.img-dl-close{margin-top:12px;background:0 0;border:none;font-size:13px;color:var(--dim);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.a-steps{margin-top:28px;width:100%;max-width:300px}.a-step{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0;font-size:13px;color:var(--dim);opacity:.25;transition:all .4s}.a-step.active{opacity:1;color:var(--text)}.a-step.done{opacity:.55}.a-step .dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:10px}.a-step.active .dot{border-color:var(--brand);box-shadow:0 0 12px rgba(156,72,252,.6)}.a-step.done .dot{background:var(--brand);border-color:var(--brand);color:#fff}.a-msg{font-size:13px;color:var(--dim);text-align:center;margin-top:16px;min-height:20px}#screen-result{padding-top:40px;gap:0}.gap-rate-wrap{width:100%;background:var(--grad-band);border:none;border-radius:var(--r-lg);padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.gap-rate-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.14),transparent 70%);pointer-events:none}.gap-rate-labels{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin-bottom:20px}.gap-rate-label{background:rgba(255,255,255,.18);color:#fff;font-size:14px;font-weight:800;padding:8px 18px;border-radius:var(--r-pill);letter-spacing:.04em}.gap-rate-num{font-size:clamp(64px, 18vw, 88px);font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.gap-rate-unit{font-size:clamp(40px, 10vw, 56px);font-weight:900;color:#fff}.gap-rate-num-wrap{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.gap-rate-sub{font-size:15px;font-weight:700;color:rgba(255,255,255,.55);letter-spacing:.12em}.type-card{width:100%;border-radius:28px;padding:44px 24px 36px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#0d0d1a 0,#12122a 100%);border:1px solid rgba(255,255,255,.07);margin-bottom:20px}.type-card-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:320px;height:320px;border-radius:50%;filter:blur(90px);opacity:.28;pointer-events:none;transition:background .5s}.type-card-ring-wrap{position:relative;width:110px;height:110px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.type-card-ring-wrap::after,.type-card-ring-wrap::before{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);animation:ringPulse 3.5s ease-in-out infinite}.type-card-ring-wrap::before{inset:-12px}.type-card-ring-wrap::after{inset:-24px;animation-delay:.7s;opacity:.5}@keyframes ringPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.type-card-label{font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.28em;text-transform:uppercase;margin-bottom:14px}.type-card-main-name{font-size:13px;font-weight:600;color:rgba(255,255,255,.45);letter-spacing:.05em;margin-bottom:6px}.type-card-name{font-size:28px;font-weight:900;line-height:1.2;margin-bottom:18px;letter-spacing:.02em}.type-card-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.type-chip{padding:5px 16px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.1em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.65)}.type-card-copy{font-size:14px;color:rgba(255,255,255,.45);line-height:1.8;max-width:290px;margin:0 auto;font-style:italic}.cr-type-row{display:flex;align-items:center;justify-content:center;gap:0;width:100%;margin-bottom:22px}.cr-type-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px}.cr-type-orb{display:none}.cr-type-emoji{font-size:20px;line-height:1}.cr-type-short{font-size:13px;font-weight:800;text-align:center;line-height:1.3;color:rgba(255,255,255,.9)}.cr-type-code{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--violet);text-align:center;margin-top:2px;margin-bottom:2px}.cr-compat-row{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.cr-compat-item{display:flex;align-items:flex-start;gap:8px;background:rgba(255,255,255,.04);border-radius:10px;padding:10px 12px}.cr-compat-icon{font-size:14px;flex-shrink:0;margin-top:1px}.cr-compat-label{font-size:10px;font-weight:700;color:var(--violet);letter-spacing:.1em;margin-bottom:3px}.cr-compat-text{font-size:12px;color:var(--text);line-height:1.7}.cr-type-them,.cr-type-you{font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.15em;font-weight:600}.cr-vs-col{display:flex;flex-direction:column;align-items:center;padding:0 4px;flex-shrink:0;position:relative;width:56px}.notes-harmony{position:relative;width:48px;height:80px;display:flex;align-items:center;justify-content:center}.note{position:absolute;font-size:16px;opacity:0;animation:noteFloat 2.8s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(167, 139, 250, .8))}.note:first-child{animation-delay:0s;left:4px}.note:nth-child(2){animation-delay:.7s;right:4px}.note:nth-child(3){animation-delay:1.4s;left:8px}.note:nth-child(4){animation-delay:2.1s;right:8px}@keyframes noteFloat{0%{opacity:0;transform:translateY(20px) scale(.7) rotate(-8deg)}20%{opacity:1;transform:translateY(0) scale(1) rotate(0)}70%{opacity:.9;transform:translateY(-22px) scale(.95) rotate(6deg)}100%{opacity:0;transform:translateY(-36px) scale(.7) rotate(10deg)}}.res-catchphrase{font-size:14px;color:rgba(255,255,255,.45);line-height:1.8;font-style:italic}.sec{width:100%;margin-bottom:10px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:22px 20px;animation:fadeUp .5s ease backwards}.sec-label{font-size:12px;letter-spacing:.08em;color:var(--brand-ink);font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}.sec-body{font-size:14px;line-height:1.85;color:var(--text)}.quote-box{background:var(--panel-2,#efeaff);border:1px solid var(--border);border-radius:var(--r-md);padding:18px 20px;margin-bottom:0;font-size:16px;font-weight:700;line-height:1.7;text-align:center;color:var(--text)}.atmo-line{font-size:15px;font-weight:700;text-align:center;padding:14px;background:var(--panel-2,#efeaff);border-radius:var(--r-sm);color:var(--brand-ink);margin-top:12px}.score-grid{display:flex;flex-direction:column;gap:12px;margin-top:6px}.score-row{display:flex;align-items:center;gap:12px}.score-label{font-size:12px;color:var(--dim);width:80px;flex-shrink:0}.score-bar{flex:1;height:6px;background:rgba(124,58,224,.12);border-radius:3px;overflow:hidden}.score-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--icon));transition:width 1.4s ease;width:0%}.score-val{font-family:var(--font-mono);font-size:12px;width:38px;text-align:right;color:var(--brand-ink);font-weight:700}.score-desc{font-size:12px;color:var(--dim);margin-top:6px;line-height:1.7}.emo-grid{display:flex;flex-direction:column;gap:12px;margin-top:6px}.emo-row{display:flex;align-items:center;gap:12px}.emo-label{font-size:13px;width:28px;flex-shrink:0;text-align:center}.emo-bar{flex:1;height:8px;background:rgba(124,58,224,.12);border-radius:4px;overflow:hidden}.emo-fill{height:100%;border-radius:4px;transition:width 1.4s ease;width:0%}.emo-fill.ki{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.emo-fill.do{background:linear-gradient(90deg,#ef4444,#dc2626)}.emo-fill.ai{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.emo-fill.ra{background:linear-gradient(90deg,#34d399,#10b981)}.emo-val{font-family:var(--font-mono);font-size:12px;width:38px;text-align:right;font-weight:700}.tl-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.tl-item:last-child{border-bottom:none}.tl-when{flex-shrink:0;width:70px;font-size:11px;color:var(--brand-ink);font-weight:700;line-height:1.5;padding-top:2px}.tl-text{flex:1;font-size:13px;line-height:1.8}.love-item{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.love-item:last-child{border-bottom:none}.love-phase{font-size:11px;color:var(--t-refreshing,#3b9aff);font-weight:800;letter-spacing:.12em;margin-bottom:4px}.love-text{font-size:13px;line-height:1.8}.charm-item{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.charm-item:last-child{border-bottom:none}.charm-num{font-size:11px;color:var(--amber);font-weight:700;letter-spacing:.12em;margin-bottom:4px}.charm-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.charm-detail{font-size:13px;line-height:1.75;color:var(--dim)}.compat-subhead{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--text);margin:20px 0 12px}.compat-subhead:first-child{margin-top:0}.compat-subhead .em{font-size:17px;line-height:1}.compat-subhead.best{background:linear-gradient(90deg,var(--brand),var(--icon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compat-type-card.best{border:1px solid rgba(156,72,252,.35);background:linear-gradient(135deg,rgba(156,72,252,.1),rgba(222,101,255,.07))}.compat-type-card{background:var(--panel,#f1effb);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;margin-bottom:12px}.compat-type-card:last-child{margin-bottom:0}.compat-type-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.compat-type-name{font-size:15px;font-weight:800;color:var(--text)}.compat-type-pct{font-size:12px;font-weight:800;background:linear-gradient(90deg,var(--brand),var(--icon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.compat-type-bar-wrap{height:5px;background:rgba(124,58,224,.14);border-radius:3px;margin-bottom:10px;overflow:hidden}.compat-type-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--icon));transition:width 1.2s cubic-bezier(.4, 0, .2, 1)}.compat-type-reason{font-size:13px;line-height:1.8;color:var(--text)}.compat-best-img{display:block;width:100%;height:auto;margin:-2px 0 8px}.bad-box,.good-box{border-radius:12px;padding:14px 16px;margin-bottom:10px}.good-box{background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.2)}.bad-box{background:rgba(244,114,182,.07);border:1px solid rgba(244,114,182,.18)}.box-label{font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:6px}.good-box .box-label{color:var(--emerald)}.bad-box .box-label{color:var(--rose)}.box-text{font-size:13px;line-height:1.8}.win-box{padding:14px 16px;background:rgba(101,107,255,.1);border-left:3px solid var(--periwinkle);border-radius:0 10px 10px 0;font-size:13px;line-height:1.8;margin-bottom:10px;color:var(--text)}.q-bubble{position:relative;width:min(420px,100%);margin:12px auto 16px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-soft);padding:10px 14px;visibility:hidden}.q-bubble.show{visibility:visible}.q-bubble::before{content:'';position:absolute;top:-7px;left:50%;width:12px;height:12px;background:var(--surface,#fff);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:translateX(-50%) rotate(45deg)}.q-bubble-lines{height:calc(1.7em * 3);overflow-y:auto;font-size:13px;font-weight:700;line-height:1.7;color:var(--brand-ink);text-align:left;scroll-behavior:smooth}.q-last-banner{width:100%;text-align:center;font-size:15px;font-weight:900;background:linear-gradient(90deg,#f472b6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;animation:fadeUp .4s ease backwards}.q-ab-wrap{display:flex;flex-direction:column;gap:8px;margin-top:12px}.q-ab-card{display:flex;align-items:center;gap:12px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:14px;padding:10px 12px;box-shadow:var(--shadow-soft);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;-webkit-tap-highlight-color:transparent}.q-ab-card:active{transform:scale(.98)}.q-ab-card.selected{border-color:var(--brand,#8b5cf6);box-shadow:0 0 0 2px var(--brand,#8b5cf6) inset,var(--shadow-soft)}.q-ab-label{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#fff}.q-ab-label.a{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.q-ab-label.b{background:linear-gradient(135deg,var(--icon),#ff76e4)}.q-ab-text{font-size:15px;font-weight:800;color:var(--text);line-height:1.4}.q-progress-wrap{width:100%;margin-bottom:12px}.q-progress-track{width:100%;height:4px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:10px}.q-progress-fill{height:100%;background:var(--grad-brand);border-radius:999px;transition:width .55s cubic-bezier(.4, 0, .2, 1)}.q-step-label{font-size:11px;color:var(--dim);letter-spacing:.18em;text-transform:uppercase}.q-image-area{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;margin-bottom:18px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--border)}.q-image-area img{width:100%;height:100%;object-fit:cover;border-radius:18px}.q-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--dim)}.q-image-placeholder .q-img-emoji{font-size:52px;line-height:1}.q-image-placeholder span{font-size:12px}.q-card{width:100%;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 18px 16px;margin-bottom:4px;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.q-num{font-size:10px;color:var(--brand-ink);font-weight:800;letter-spacing:.22em;margin-bottom:10px;text-transform:uppercase}.q-text{font-size:19px;font-weight:800;line-height:1.5;color:var(--text);white-space:pre-line}.q-hint-wrap{display:none;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.q-hint-wrap.show{display:flex}.q-hint-tag{font-size:9px;font-weight:700;letter-spacing:.12em;color:rgba(168,85,247,.8);background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.2);padding:2px 7px;border-radius:99px;white-space:nowrap;flex-shrink:0}.q-hint-text{font-size:12px;color:var(--muted,#7b7794);line-height:1.4;font-style:italic}.rec-indicator{display:none;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.16em;color:#ef4444;margin-bottom:2px}.rec-indicator.show{display:flex}.rec-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:recPulse 1s ease-in-out infinite}@keyframes recPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.q-start-btn{margin-top:14px}.q-rec-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.orb-countdown-wrap{position:relative;width:160px;height:160px;margin:20px auto 14px;display:flex;align-items:center;justify-content:center}.q-ring-svg{position:absolute;inset:0;transform:rotate(-90deg);width:100%;height:100%;pointer-events:none;z-index:2}.q-ring-bg-c{fill:none;stroke:rgba(124,58,224,0.12);stroke-width:6}.q-ring-fill-c{fill:none;stroke:#10b981;stroke-width:6;stroke-linecap:round;stroke-dasharray:415;stroke-dashoffset:415;transition:stroke-dashoffset .95s linear,stroke .4s}.q-countdown-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:900;letter-spacing:.02em;color:#10b981;background:rgba(255,255,255,.94);padding:4px 14px;border-radius:99px;border:none;box-shadow:0 2px 12px rgba(80,40,160,.22);transition:color .4s;white-space:nowrap;min-width:52px;text-align:center;pointer-events:none;opacity:0}.q-countdown-num.visible{opacity:1}#screen-input .orb-countdown-wrap{width:128px;height:128px;margin:12px auto 6px}#screen-input .orb.md{width:58px;height:58px}#screen-warmup .orb-countdown-wrap{margin-top:6px}#screen-warmup .orb-countdown-wrap .orb.md{width:73px;height:73px}.rec-row{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:40px;margin-bottom:2px}.rec-row .rec-status{margin-bottom:0}.rec-row .wave-wrap{margin:0;height:36px}.rec-row .rec-indicator{margin-bottom:0}.q-clear-overlay{position:fixed;inset:0;z-index:9999;background:rgba(247,246,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.q-clear-overlay.show{opacity:1;pointer-events:auto}.q-clear-badge{text-align:center;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transform:scale(.85) translateY(16px);transition:transform .35s cubic-bezier(.34, 1.56, .64, 1);padding:34px 38px 28px;min-width:270px}.q-clear-overlay.show .q-clear-badge{transform:scale(1) translateY(0)}.q-clear-check{width:60px;height:60px;border-radius:50%;background:var(--grad-brand);box-shadow:var(--shadow-btn);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:checkPop .4s cubic-bezier(.34,1.56,.64,1) 50ms both}.q-clear-check svg{width:28px;height:28px;display:block}@keyframes checkPop{from{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.q-clear-qnum{font-family:var(--font-mono);font-size:11px;color:var(--brand-ink);letter-spacing:.18em;font-weight:700;margin-bottom:6px}.q-clear-label{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-.01em;margin-bottom:18px}.q-clear-progress-wrap{width:200px;margin:0 auto}.q-clear-progress-track{height:6px;background:var(--border);border-radius:99px;overflow:hidden;margin-bottom:8px}.q-clear-progress-fill{height:100%;background:var(--grad-brand);border-radius:99px;width:0;transition:width .7s cubic-bezier(.4, 0, .2, 1) .2s}.q-clear-progress-label{font-family:var(--font-mono);font-size:11px;color:var(--muted,#7b7794);letter-spacing:.1em;text-align:right}.share-row{display:flex;gap:10px;width:100%;margin-top:20px}.restart-wrap{margin-top:18px;margin-bottom:20px;width:100%;display:flex;justify-content:center}.voicetep-banner{width:100%;display:block;text-decoration:none;margin-top:16px;margin-bottom:40px;background:var(--grad-band);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:26px 18px 18px;position:relative;overflow:hidden;cursor:pointer}.voicetep-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.14),transparent 70%);pointer-events:none}.vb-band{text-align:center;color:#fff;position:relative;margin-bottom:14px}.vb-kicker{font-size:12px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.08em;margin-bottom:4px}.vb-headline{font-size:17px;font-weight:800;color:#fff;line-height:1.55}.vb-logo{display:block;height:40px;width:auto;margin:6px auto 0;filter:brightness(0) invert(1)}.vb-app{text-align:center;margin-top:18px;position:relative}.vb-note{margin-top:10px;text-align:center;font-size:10px;font-weight:600;color:rgba(255,255,255,.7);position:relative}.vb-chat{background:var(--surface,#fff);border-radius:var(--r-md);padding:4px 14px;position:relative;box-shadow:0 8px 22px -12px rgba(40,20,90,.45)}.voicetep-chat-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--hairline,#f1eff9)}.voicetep-chat-row:last-child{border-bottom:none}.voicetep-ava-wrap{position:relative;display:block;width:46px;height:46px;flex-shrink:0}.voicetep-avatar{width:46px;height:46px;border-radius:50%;display:block;object-fit:cover;object-position:top center;background:0 0}.voicetep-online-dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2.5px solid var(--surface,#fff);box-sizing:border-box}.voicetep-chat-info{flex:1;min-width:0}.voicetep-chat-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:2px}.voicetep-chat-name{font-size:13px;font-weight:800;color:var(--text)}.voicetep-chat-pct{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--brand-ink);background:var(--panel-2,#efeaff);padding:1px 7px;border-radius:99px}.voicetep-chat-msg{font-size:11.5px;color:var(--muted,#7b7794);margin-top:1px;line-height:1.55}.vb-cta{margin-top:22px;width:100%;padding:15px;background:#fff;color:var(--brand-ink);border-radius:var(--r-pill);font-size:14.5px;font-weight:800;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 24px -12px rgba(30,10,70,.5);position:relative}.vb-cta svg{width:17px;height:17px}.compat-section{width:100%;margin-bottom:10px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:22px 20px;animation:fadeUp .5s ease backwards}.compat-card{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.compat-card:last-child{border-bottom:none}.compat-orb{width:44px;height:44px;border-radius:50%;flex-shrink:0}.compat-info{flex:1}.compat-label{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:.12em;margin-bottom:4px}.compat-name{font-size:14px;font-weight:700;margin-bottom:4px}.compat-desc{font-size:12px;color:var(--dim);line-height:1.65}.voice-id-sec{width:100%;margin-bottom:10px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:14px 20px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.voice-id-label{width:100%;font-size:10px;color:var(--dim);letter-spacing:.2em;white-space:nowrap}.voice-id-code{flex:1;font-family:var(--font-mono);font-size:22px;font-weight:800;letter-spacing:.1em;color:var(--brand-ink);white-space:nowrap}.voice-id-copy{padding:8px 16px;border-radius:var(--r-sm);background:var(--panel-2,#efeaff);border:1px solid var(--border);color:var(--brand-ink);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.share-cta{width:100%;margin-bottom:10px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.share-cta-text{font-size:14px;color:var(--dim)}.btn-share-cta{padding:12px 24px;border-radius:100px;background:var(--violet);color:#fff;font-size:14px;font-weight:700;cursor:pointer;border:none;white-space:nowrap;transition:all .2s}.btn-share-cta:hover{background:#9b7af8}.bottom-banner{width:100%;margin-bottom:10px;background:linear-gradient(135deg,#1a4a2a,#1a3a4a);border-radius:20px;padding:20px;overflow:hidden}.bottom-banner-title{font-size:16px;font-weight:800;text-align:center;margin-bottom:16px;color:var(--emerald)}.bottom-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bottom-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 14px;text-align:center}.bottom-card-title{font-size:18px;font-weight:900;margin-bottom:8px;line-height:1.3}.bottom-card-desc{font-size:11px;color:var(--dim);line-height:1.6;margin-bottom:16px}.btn-try{display:inline-block;padding:9px 22px;border-radius:100px;background:var(--violet);color:#fff;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s}.btn-try:hover{background:#9b7af8}#voicetep-card-mount{width:100%;overflow:visible}.vtcard-hero{position:relative;width:100%;z-index:0}#screen-result>:not(#voicetep-card-mount):not(.share-row){position:relative;z-index:1}.vtcard-aura{position:absolute;inset:-6% -20px;border-radius:60px;background:radial-gradient(58% 62% at 50% 46%,var(--fx-accent,#9c48fc) 0,transparent 72%);filter:blur(34px);opacity:.34;animation:auraBreath 5.4s ease-in-out infinite;pointer-events:none}@keyframes auraBreath{0%,100%{opacity:.26;transform:scale(.97)}50%{opacity:.42;transform:scale(1.03)}}.vt-tilt{transform-style:preserve-3d;transition:transform .18s ease-out}.vt-glare{position:absolute;top:5.5%;bottom:8.5%;left:0;right:0;border-radius:26px;pointer-events:none;z-index:3;background:radial-gradient(58% 58% at var(--gx,50%) var(--gy,45%),rgba(255,255,255,.3),transparent 66%);opacity:0;transition:opacity .3s ease}.vt-flip.tilting .vt-glare{opacity:1}.vtcard-rays{position:absolute;left:50%;top:50%;width:190%;aspect-ratio:1;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 10%,rgba(0,0,0,0.5) 30%,transparent 53%);mask-image:radial-gradient(circle,#000 10%,rgba(0,0,0,0.5) 30%,transparent 53%);filter:blur(4px)}.vtcard-rays.a{background:repeating-conic-gradient(from 0deg,transparent 0deg 8deg,rgba(255,255,255,.9) 11deg,transparent 14deg 22deg,rgba(101,107,255,.55) 25deg,transparent 28deg 42deg);animation:raysSpin 56s linear infinite,raysBreath 5.4s ease-in-out infinite}.vtcard-rays.b{background:repeating-conic-gradient(from 20deg,transparent 0deg 12deg,rgba(125,208,255,.5) 15deg,transparent 18deg 30deg,rgba(222,101,255,.45) 33deg,transparent 36deg 55deg);animation:raysSpinRev 78s linear infinite,raysBreath 5.4s ease-in-out infinite -2.7s}@keyframes raysSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes raysSpinRev{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes raysBreath{0%,100%{opacity:.65}50%{opacity:1}}.vtcard-shine{position:absolute;top:5.5%;bottom:8.5%;left:0;right:0;border-radius:26px;overflow:hidden;pointer-events:none;z-index:2}.vtcard-shine::before{content:"";position:absolute;top:-25%;bottom:-25%;left:-70%;width:46%;background:linear-gradient(105deg,transparent 0,rgba(255,225,150,.14) 30%,rgba(255,255,255,.85) 50%,rgba(255,225,150,.14) 70%,transparent 100%);transform:skewX(-18deg);animation:cardShine 5s linear infinite}@keyframes cardShine{0%{left:-70%}13%{left:125%}100%{left:125%}}.vtcard-hero .vtcard-img{position:relative;z-index:1}.vt-spark{position:absolute;z-index:2;pointer-events:none;opacity:0;animation:sparkTwinkle var(--d,2.8s) ease-in-out infinite;animation-delay:var(--dl, 0s);filter:drop-shadow(0 0 6px rgba(245, 179, 29, .6))}@keyframes sparkTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:.9;transform:scale(1) rotate(24deg)}}.vtcard-img{display:block;width:109.7%;max-width:none;height:auto;margin-left:-3.8%;margin-bottom:10px;animation:fadeUp .5s ease backwards}.vt-flip{position:relative;perspective:1300px;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent}.vt-flip-inner{position:relative;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2, .72, .26, 1);animation:vtPeek 7s ease-in-out 3s infinite}.vt-flip-inner.flipped{transform:rotateY(180deg);animation:none}.vt-flip-inner.no-peek{animation:none}@keyframes vtPeek{0%,100%,86%{transform:rotateY(0)}90%{transform:rotateY(-11deg)}95%{transform:rotateY(4deg)}}.vt-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.vt-face-front{position:relative;transform:rotateY(0);transform-style:preserve-3d}.vt-face-front .vt-glare,.vt-face-front .vtcard-img,.vt-face-front .vtcard-shine{backface-visibility:hidden;-webkit-backface-visibility:hidden}.vt-face-back{position:absolute;top:1.5%;bottom:calc(3% + 10px);left:0;right:1.6%;transform:rotateY(180deg) translateZ(1px);display:flex;flex-direction:column;background:linear-gradient(160deg,#fff 0,#f7f5ff 60%,#f1edfd 100%);border:1px solid var(--border,#e9e7f5);border-radius:22px;box-shadow:0 18px 44px -18px rgba(122,47,224,.28);padding:14px 16px 12px;overflow:hidden}.vt-flip-inner.flipped .vt-face-back{animation:vtBackReveal .55s ease}@keyframes vtBackReveal{0%{filter:brightness(1.35) saturate(.7)}100%{filter:brightness(1) saturate(1)}}.vtback-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.vtback-kicker{font-size:9px;font-weight:800;letter-spacing:.22em;color:var(--vt-accent,#9c48fc)}.vtback-title{font-size:15px;font-weight:800;color:var(--text,#2c2a3a)}.vtback-rows{flex:1;display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:0}.vtback-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border,#e9e7f5);border-radius:14px;padding:6px 10px 6px 8px;min-height:0}.vt-flip-inner.flipped .vtback-row{animation:fadeUp .45s ease backwards;animation-delay:calc(.12s + var(--i, 0) * .09s)}.vtback-row.top{border-color:color-mix(in srgb,var(--vt-accent,#9c48fc) 55%,#fff);box-shadow:0 6px 16px -8px rgba(122,47,224,.35)}.vtback-rank{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#656bff,var(--vt-accent,#9c48fc))}.vtback-row:not(.top) .vtback-rank{background:#c9c4e6}.vtback-thumb{width:64px;height:auto;flex-shrink:0;filter:drop-shadow(0 2px 5px rgba(60, 40, 120, .18))}.vtback-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.vtback-meta b{font-size:12.5px;font-weight:800;color:var(--text,#2c2a3a);line-height:1.35}.vtback-meta span{font-size:10.5px;font-weight:700;color:var(--vt-accent,#9c48fc)}.vtback-empty{font-size:12px;color:var(--dim,#77738f);text-align:center}.vtback-foot{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-top:8px}.vtback-foot b{font-size:12px;font-weight:800;background:linear-gradient(90deg,#f0729e,#9c48fc,#656bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.vtback-foot span{font-size:8px;font-weight:700;color:var(--dim,#77738f);letter-spacing:.06em}.vt-flip-hint{display:flex;align-items:center;gap:6px;margin:-14px auto 18px;padding:8px 16px;border-radius:100px;background:var(--panel,#f4f3fc);border:1px solid var(--border,#e9e7f5);font-size:11.5px;font-weight:700;color:var(--brand-ink,#7a2fe0);cursor:pointer;position:relative;z-index:1}.vt-flip-hint svg{width:13px;height:13px}.vtcard{position:relative;width:100%;border-radius:24px;overflow:hidden;background:#fbfbfd;color:#1a1a2e;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 34px rgba(0,0,0,.16);margin-bottom:18px;display:flex;align-items:stretch;min-height:248px;animation:fadeUp .5s ease backwards}.vtcard-right{position:absolute;top:0;right:0;bottom:0;width:52%;z-index:1;pointer-events:none}.vtcard-diag{position:absolute;inset:0;background:linear-gradient(160deg,var(--vt-accent2),var(--vt-accent));clip-path:polygon(38% 0,100% 0,100% 100%,8% 100%);opacity:.92}.vtcard-char{position:absolute;right:2%;top:50%;width:80%;max-width:230px;transform:translateY(-50%);z-index:2;object-fit:contain;filter:drop-shadow(2px 8px 14px rgba(0, 0, 0, .18))}.vtcard-char-ph{position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:2;width:62%;max-width:160px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:72px;background:rgba(255,255,255,.4);border:2px dashed rgba(255,255,255,.8);border-radius:24px;color:#fff}.vtcard-char-ph small{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;font-weight:700;color:rgba(255,255,255,.95);letter-spacing:.02em}.vtcard-left{position:relative;z-index:3;flex:1;min-width:0;padding:20px 16px 16px 18px;display:flex;flex-direction:column}.vtcard-title{font-size:25px;font-weight:900;line-height:1.12;letter-spacing:-.02em;color:#16161e;margin-bottom:12px}.vtcard-line{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;line-height:1.3;margin-bottom:5px;color:#2a2a3a}.vtcard-line .ic{flex-shrink:0;width:12px;height:14px;border-radius:2px;background:linear-gradient(var(--vt-accent),var(--vt-accent)) 0 100%/3px 60% no-repeat,linear-gradient(var(--vt-accent),var(--vt-accent)) 4.5px 100%/3px 100% no-repeat,linear-gradient(var(--vt-accent),var(--vt-accent)) 9px 100%/3px 40% no-repeat}.vtcard-line.v{color:var(--vt-accent)}.vtcard-line.p .ic{background:linear-gradient(#6366f1,#6366f1) 0 100%/3px 50% no-repeat,linear-gradient(#6366f1,#6366f1) 4.5px 100%/3px 100% no-repeat,linear-gradient(#6366f1,#6366f1) 9px 100%/3px 70% no-repeat}.vtcard-line.p{color:#4f46e5}.vtcard-badge{align-self:flex-start;margin:11px 0 13px;padding:7px 16px;border-radius:11px;background:linear-gradient(135deg,var(--vt-accent),var(--vt-accent2));color:#fff;font-size:15px;font-weight:900;letter-spacing:.03em;box-shadow:0 3px 10px rgba(0,0,0,.12)}.vtcard-catch{margin-top:auto;background:rgba(99,102,241,.08);border-radius:14px;padding:13px 14px;font-size:17px;font-weight:900;line-height:1.45;color:#3a3a5c;white-space:pre-line;max-width:62%}.vtcard-logo{position:absolute;right:14px;bottom:11px;z-index:4;text-align:right;line-height:1}.vtcard-logo b{display:block;font-size:21px;font-weight:900;font-style:italic;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 4px rgba(0,0,0,.25)}.vtcard-logo span{display:inline-block;margin-top:4px;background:#fff;color:var(--vt-accent);font-size:9px;font-weight:800;letter-spacing:.08em;padding:2px 8px;border-radius:6px}@media (max-width:360px){.vtcard-title{font-size:21px}.vtcard-catch{font-size:15px;max-width:58%}}.type-card-v2{width:100%;border-radius:24px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;background:linear-gradient(135deg,#ddd6fe 0,#ede9fe 60%,#e0d9ff 100%);border:1px solid rgba(139,92,246,.25);position:relative;overflow:hidden}.type-card-v2::before{content:"";position:absolute;top:-30px;right:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%);pointer-events:none}.type-card-v2-combo-title{font-size:26px;font-weight:900;color:#1e1b4b;line-height:1.15;letter-spacing:-.01em}.type-card-v2-body{display:flex;align-items:stretch;gap:12px}.type-card-v2-text{flex:1;display:flex;flex-direction:column;justify-content:center}.type-card-v2-voice{font-size:15px;font-weight:800;color:#1e1b4b;line-height:1.2;margin-bottom:2px}.type-card-v2-sub{font-size:11px;color:#6d28d9;margin-bottom:8px;line-height:1.6}.type-card-v2-personality{font-size:17px;font-weight:900;color:#5b21b6;margin-bottom:5px}.type-card-v2-desc{font-size:11px;line-height:1.7;color:#4c4b7a;margin-bottom:2px}.type-card-v2-quote{font-size:12px;color:#5b21b6;font-style:italic;line-height:1.6}.type-card-v2-char{width:120px;height:120px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:rgba(139,92,246,.08);border:1.5px solid rgba(139,92,246,.2);position:relative}.type-card-v2-char-inner{font-size:72px;line-height:1;filter:drop-shadow(2px 6px 14px rgba(109, 40, 217, .2));animation:floatOrb 4s ease-in-out infinite;text-align:center}.type-char-code-badge{display:none!important}.voice-axes-card{width:100%;margin-bottom:10px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:22px 20px;animation:fadeUp .5s ease backwards}.voice-axes-title{font-size:20px;font-weight:900;color:var(--text);margin-bottom:6px}.voice-axes-badge{display:inline-block;background:var(--grad-brand);color:#fff;font-size:13px;font-weight:800;padding:6px 16px;border-radius:var(--r-pill);margin-bottom:22px;box-shadow:var(--shadow-soft)}.voice-axis-row{display:flex;align-items:center;gap:8px;margin-bottom:22px}.voice-axis-row:last-child{margin-bottom:0}.voice-axis-lbl{font-size:11px;font-weight:700;color:var(--dim);width:42px;flex-shrink:0;line-height:1.3}.voice-axis-lbl.r{text-align:right}.voice-axis-lbl.dom{color:var(--text);font-weight:900}.inner-badge{display:inline-block;background:var(--grad-brand);color:#fff;font-size:13px;font-weight:800;padding:6px 16px;border-radius:var(--r-pill);margin-bottom:18px;box-shadow:var(--shadow-soft)}.func-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:6px;padding:4px 10px;letter-spacing:.04em}.func-tag.lead{background:linear-gradient(90deg,var(--violet),var(--indigo));color:#fff}.func-tag.aux{background:rgba(139,92,246,.18);color:var(--violet);border:1px solid rgba(139,92,246,.35)}.func-tag .func-label{font-size:9px;opacity:.7;font-weight:400}.reinin-tag{display:inline-block;font-size:10px;font-weight:700;padding:3px 9px;border-radius:5px;background:var(--panel,#f1effb);border:1px solid var(--border);color:var(--muted,#7b7794);letter-spacing:.06em}.model-a-wrap{margin-top:18px}.model-a-block-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted,#7b7794);margin-bottom:8px;display:flex;align-items:center;gap:6px}.model-a-block-label::after{content:"";flex:1;height:1px;background:var(--border)}.model-a-intro{font-size:11px;color:var(--muted,#7b7794);line-height:1.7;margin:-2px 0 10px}.model-a-grid{display:flex;flex-direction:column;gap:7px}.model-a-group{border:1px solid var(--border);border-radius:12px;padding:8px 12px 6px;background:var(--panel,#f1effb)}.model-a-group-title{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--brand-ink);margin-bottom:2px}.model-a-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px}.model-a-row+.model-a-row{border-top:1px dashed var(--border)}.model-a-num{flex:none;font-size:9px;font-weight:800;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;background:rgba(124,58,224,.12);color:var(--brand-ink)}.model-a-sym{flex:none;font-weight:900;font-size:15px;width:24px;letter-spacing:-.02em;line-height:1}.model-a-plain{flex:1;line-height:1.45;color:var(--text);min-width:0}.model-a-plain small{display:block;font-size:9px;opacity:.55;line-height:1.3}.model-a-role-tag{flex:none;font-size:9px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(124,58,224,.08);color:var(--muted,#7b7794);white-space:nowrap}.socio-io-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.socio-io-card{border-radius:14px;padding:14px 12px;background:var(--panel,#f1effb);border:1px solid var(--border)}.socio-io-title{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--brand-ink);margin-bottom:8px;display:flex;align-items:center;gap:5px}.socio-io-body{font-size:12px;line-height:1.75;color:var(--text)}.hist-note{margin-top:12px;padding:12px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;font-size:11px;line-height:1.8;color:var(--dim)}.hist-note a{color:var(--violet);text-decoration:underline}.share-note{font-size:12px;color:var(--dim);line-height:1.9;margin-bottom:14px}.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.sbtn{display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:13.5px;font-weight:800;color:#fff;text-decoration:none;border:none;border-radius:var(--r-pill);padding:14px 16px;cursor:pointer;box-shadow:var(--shadow-soft);white-space:nowrap}.sbtn svg{width:17px;height:17px;flex-shrink:0}.sbtn.x{background:#000}.sbtn.line{background:#06c755}.sbtn.fb{background:#1877f2}.sbtn.ig{background:linear-gradient(45deg,#f9ce34,#ee2a7b 50%,#6228d7)}.sbtn.copy{background:var(--grad-brand)}.sbtn.dl{background:var(--bg2);color:var(--brand-ink);border:1px solid var(--border)}.sbtn:active{transform:translateY(1px)}.share-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,14px);background:var(--text);color:#fff;font-size:13px;font-weight:700;padding:12px 20px;border-radius:var(--r-pill);box-shadow:0 14px 30px -12px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:9999}.share-toast.show{opacity:1;transform:translate(-50%,0)}.historical-card{width:100%;border-radius:24px;padding:24px 20px;display:flex;align-items:stretch;gap:14px;margin-bottom:12px;background:linear-gradient(135deg,#ddd6fe 0,#ede9fe 60%,#e0d9ff 100%);border:1px solid rgba(139,92,246,.25);position:relative;overflow:hidden;animation:fadeUp .5s ease backwards}.historical-card::before{content:"";position:absolute;top:-30px;right:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%);pointer-events:none}.historical-text{flex:1;display:flex;flex-direction:column;justify-content:center}.historical-label{font-size:10px;font-weight:800;color:var(--brand-ink);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.historical-name{font-size:20px;font-weight:900;color:#1e1b4b;line-height:1.3;margin-bottom:8px}.historical-quote{font-size:13px;font-weight:600;color:#5b21b6;line-height:1.6;margin-bottom:10px;font-style:italic}.historical-desc{font-size:12px;color:#4c4b7a;line-height:1.8}.historical-char{width:80px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-size:64px;line-height:1}.voice-axis-track{flex:1;height:10px;background:rgba(124,58,224,.12);border-radius:5px;position:relative;overflow:visible}.voice-axis-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--brand),var(--icon));border-radius:5px;width:0;transition:width 1.3s cubic-bezier(.4, 0, .2, 1)}.voice-axis-dot{position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff;border:3px solid var(--brand);border-radius:50%}.voice-axis-pct{position:absolute;bottom:calc(100% + 5px);right:-14px;transform:translateX(50%);font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--brand-ink);white-space:nowrap}.bold,strong{font-weight:700}.parsed-content h2{font-size:15px;font-weight:700;margin:14px 0 6px;color:var(--text)}.parsed-content h3{font-size:13px;font-weight:700;margin:10px 0 4px;color:var(--dim)}.parsed-content p{font-size:13px;line-height:1.85;margin-bottom:8px;color:var(--text)}.parsed-content ul{padding-left:18px;margin-bottom:10px}.parsed-content li{font-size:13px;line-height:1.8;margin-bottom:4px}.parsed-content strong{color:var(--rose)}.work-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.work-row:last-child{border-bottom:none}.work-icon{font-size:20px;flex-shrink:0;margin-top:2px}.work-title{font-size:11px;color:var(--violet);font-weight:700;letter-spacing:.1em;margin-bottom:3px}.work-body{font-size:13px;color:rgba(255,255,255,.8);line-height:1.65}.work-quote{margin-top:14px;padding:14px 18px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(244,114,182,.1));border-left:3px solid var(--violet);border-radius:0 12px 12px 0;font-size:14px;font-weight:700;line-height:1.6;color:#fff}.compat-cta{width:100%;margin-bottom:12px;border-radius:24px;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border:1px solid rgba(139,92,246,.4);padding:28px 22px;text-align:center;position:relative;overflow:hidden}.compat-cta::before{content:"";position:absolute;top:-40%;left:-20%;width:140%;height:180%;background:radial-gradient(ellipse at 60% 40%,rgba(139,92,246,.18) 0,transparent 70%);pointer-events:none}.compat-cta-badge{display:inline-block;padding:4px 14px;border-radius:100px;background:var(--violet);color:#fff;font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:14px}.compat-cta-title{font-size:26px;font-weight:900;background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.compat-cta-sub{font-size:14px;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:20px}.compat-cta-id-row{display:inline-flex;align-items:center;gap:10px;background:rgba(0,0,0,.4);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:10px 18px;margin-bottom:20px}.compat-cta-id-label{font-size:10px;color:var(--dim);letter-spacing:.15em}.compat-cta-id-val{font-family:"SF Mono","Fira Code",Monaco,monospace;font-size:20px;font-weight:800;color:var(--teal);letter-spacing:.3em}.btn-compat-go{width:100%;padding:16px;border-radius:100px;background:linear-gradient(90deg,#7c3aed,#ec4899);border:none;color:#fff;font-size:16px;font-weight:800;cursor:pointer;letter-spacing:.05em;transition:all .2s;margin-bottom:12px}.btn-compat-go:hover{transform:scale(1.02);box-shadow:0 8px 32px rgba(139,92,246,.5)}.compat-cta-hint{font-size:11px;color:var(--dim)}.compat-input-header{width:100%;text-align:center;margin-bottom:28px}.compat-input-card{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;gap:20px}.compat-field{display:flex;flex-direction:column;gap:8px}.compat-field-label{font-size:10px;color:var(--dim);letter-spacing:.2em;font-weight:700}.compat-field-val{font-family:"SF Mono","Fira Code",Monaco,monospace;font-size:24px;font-weight:800;color:var(--teal);letter-spacing:.25em;padding:12px 16px;background:rgba(0,0,0,.4);border-radius:12px;text-align:center}.compat-field-input{font-size:20px;font-weight:700;letter-spacing:.2em;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:12px;color:#fff;text-align:center;outline:0;transition:border-color .2s;font-family:"SF Mono","Fira Code",Monaco,monospace}.compat-field-input:focus{border-color:var(--violet)}.compat-share-hint{margin-top:14px;font-size:12px;color:var(--dim);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.link-btn{background:0 0;border:none;color:var(--violet);font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.compat-analyzing-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.compat-orbs-wrap{display:flex;align-items:center;gap:20px}.compat-orb-a,.compat-orb-b{width:80px;height:80px;border-radius:50%;animation:orbFloat 3s ease-in-out infinite}.compat-orb-vs{font-size:28px;font-weight:900;color:rgba(255,255,255,.4)}.cr-hero{width:100%;text-align:center;padding:32px 0 24px;margin-bottom:8px}.cr-orb-a,.cr-orb-b{width:72px;height:72px;border-radius:50%}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.cr-catch{font-size:20px;font-weight:900;line-height:1.45;padding:0 8px;margin-bottom:16px}.cr-score-badge{display:inline-block;padding:8px 28px;border-radius:100px;font-size:28px;font-weight:900;border:2px solid;letter-spacing:.1em}.cr-score-grid{display:flex;flex-direction:column;gap:14px}.cr-score-row{display:flex;align-items:center;gap:10px}.cr-score-label{font-size:12px;color:rgba(255,255,255,.7);width:80px;flex-shrink:0}.cr-stars{display:flex;gap:4px;flex:1}.cr-star{font-size:18px;opacity:.2;transition:opacity .3s}.cr-star.on{opacity:1}.cr-progress-row{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.cr-progress-row:last-child{border-bottom:none}.cr-progress-num{padding:3px 10px;border-radius:99px;background:linear-gradient(135deg,var(--violet),#db2777);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;flex-shrink:0;margin-top:4px;white-space:nowrap;letter-spacing:.04em}.cr-progress-body{font-size:13px;color:rgba(255,255,255,.8);line-height:1.65}.cr-doki-row{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.cr-doki-row:last-child{border-bottom:none}.cr-doki-label{font-size:11px;color:var(--violet);font-weight:700;letter-spacing:.1em;margin-bottom:5px}.cr-doki-text{font-size:13px;color:rgba(255,255,255,.8);line-height:1.65}.cr-action-box{padding:18px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(244,114,182,.1));border-radius:16px;font-size:15px;font-weight:700;text-align:center;line-height:1.6;border:1px solid rgba(139,92,246,.3)}.cr-identity-wrap{text-align:center;padding:10px 0 4px}.cr-identity-eyebrow{font-size:10px;letter-spacing:.22em;color:var(--dim);font-weight:700;text-transform:uppercase;margin-bottom:10px}.cr-identity-name{font-size:26px;font-weight:900;line-height:1.3;background:linear-gradient(120deg,#a78bfa,#f9a8d4,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.cr-events-list{display:flex;flex-direction:column;gap:10px}.cr-event-item{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px 14px}.cr-event-num{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#7c3aed,#db2777);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;margin-top:1px}.cr-event-text{font-size:13px;color:rgba(255,255,255,.85);line-height:1.6}.cr-looks-box{background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(99,102,241,.06));border:1px solid rgba(6,182,212,.2);border-radius:16px;padding:18px 20px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.7;position:relative}.cr-looks-text{padding-left:20px}.cr-zurai-box{background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(239,68,68,.06));border:1px solid rgba(245,158,11,.25);border-radius:16px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px}.cr-zurai-icon{font-size:22px;flex-shrink:0;margin-top:1px}.cr-zurai-text{font-size:14px;color:rgba(255,255,255,.85);line-height:1.65;font-style:italic}.cr-miss-box{display:flex;flex-direction:column;gap:0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.cr-miss-neg{background:rgba(239,68,68,.08);padding:14px 16px;font-size:13px;color:rgba(255,130,130,.9);line-height:1.6;display:flex;align-items:flex-start;gap:8px}.cr-miss-pos{background:rgba(52,211,153,.07);padding:14px 16px;font-size:13px;color:rgba(110,231,183,.9);line-height:1.6;display:flex;align-items:flex-start;gap:8px;border-top:1px solid rgba(255,255,255,.06)}.cr-miss-tag{font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap;margin-top:2px;padding:2px 7px;border-radius:99px;flex-shrink:0}.cr-miss-neg .cr-miss-tag{background:rgba(239,68,68,.2);color:#f87171}.cr-miss-pos .cr-miss-tag{background:rgba(52,211,153,.2);color:#6ee7b7}.cr-share-label-card{background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(244,114,182,.1));border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:22px 24px;text-align:center;position:relative;overflow:hidden}.cr-share-label-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#a78bfa,#f472b6,transparent)}.cr-share-label-eyebrow{font-size:10px;letter-spacing:.22em;color:var(--violet);font-weight:700;margin-bottom:10px;text-transform:uppercase}.cr-share-label-text{font-size:22px;font-weight:900;line-height:1.3;background:linear-gradient(120deg,#c4b5fd,#fff,#fbcfe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cr-share-label-hint{font-size:11px;color:var(--dim);margin-top:10px}.cr-type-short{color:var(--text)}.cr-type-them,.cr-type-you{color:var(--muted,#7b7794)}.cr-compat-item{background:var(--panel,#f1effb);border:1px solid var(--border)}.compat-field-val{background:var(--panel,#f1effb);color:var(--brand-ink)}.compat-field-input{background:var(--surface,#fff);color:var(--text);border:1px solid var(--border)}.cr-score-label{color:var(--muted,#7b7794)}.cr-doki-row,.cr-progress-row{border-bottom-color:var(--hairline,#f1eff9)}.cr-doki-text,.cr-event-text,.cr-progress-body,.cr-zurai-text{color:var(--text)}.cr-looks-box{color:var(--text)}.cr-event-item{background:var(--panel,#f1effb);border-color:var(--border)}.cr-miss-box{border-color:var(--border)}.cr-miss-neg{color:#c03d3d}.cr-miss-pos{color:#1f8a55;border-top-color:var(--border)}.cr-miss-neg .cr-miss-tag{background:rgba(216,58,58,.12);color:#c03d3d}.cr-miss-pos .cr-miss-tag{background:rgba(34,184,102,.14);color:#1f8a55}.cr-share-label-text{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cr-identity-name{background:linear-gradient(120deg,var(--periwinkle),var(--brand),var(--icon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cr-progress-num{color:#fff}.cr-action-box{color:var(--text)}#screen-start{justify-content:center}.start-logo-link{display:block;line-height:0;margin-bottom:14px}.start-logo{width:210px;height:auto}.start-kicker{font-size:13px;font-weight:800;color:var(--brand-ink);letter-spacing:.06em;margin-bottom:22px}.start-req{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.req-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--brand-ink);background:var(--panel-2,#efeaff);border:1px solid var(--border);padding:6px 12px;border-radius:999px}.req-chip svg{width:13px;height:13px;flex-shrink:0}.start-card{width:100%;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:26px 20px 22px}.start-gender-alt{display:block;margin:12px auto 0;background:0 0;border:none;font-size:12px;color:var(--muted,#7b7794);text-decoration:underline;cursor:pointer}.start-top-link{margin-top:18px;font-size:12px;color:var(--muted,#7b7794)}.webview-card{text-align:center;padding:32px 24px 26px}.webview-char{width:132px;height:auto;margin-bottom:14px}.webview-title{font-size:20px;font-weight:800;letter-spacing:.02em;margin-bottom:16px}.webview-sub{font-size:13px;color:var(--dim);line-height:1.9;margin-bottom:14px}.webview-open-btn{width:100%;min-width:0;margin:6px 0 0;text-decoration:none}.webview-share-btn{width:100%;min-width:0;margin:10px 0 0;font-size:14px;padding:14px 20px}.webview-share-hint{font-size:12.5px;color:var(--dim);line-height:1.7;margin:10px 0 0}.webview-or{font-size:12px;color:var(--dim);line-height:1.7;margin:16px 0 0}.webview-steps{display:flex;flex-direction:column;gap:13px;width:100%;margin:14px 0 24px;text-align:left}.webview-step{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600}.webview-step-num{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--grad-brand);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.webview-copy-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px 6px 6px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-soft)}.webview-copy-url{flex:1;min-width:0;height:20px;padding:0;border:none;outline:0;background:0 0;color:var(--text);font-family:var(--font-jp);font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;resize:none}.webview-copy-btn{flex-shrink:0;border:none;cursor:pointer;padding:12px 20px;border-radius:12px;background:var(--grad-brand);color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow-btn);transition:transform .15s ease}.webview-copy-btn:active{transform:translateY(1px)}.lp-nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-pill);padding:8px 8px 8px 18px;box-shadow:var(--shadow-soft);margin-bottom:26px}.wordmark{display:flex;flex-direction:column;gap:2px;line-height:1}.wordmark .w{font-size:22px;font-weight:800;font-style:italic;letter-spacing:-.02em;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wordmark .s{font-size:9px;font-weight:700;color:var(--brand-ink);letter-spacing:.08em}.lp-nav-cta{background:var(--grad-brand);color:#fff;border:none;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.02em;padding:10px 16px;border-radius:var(--r-pill);box-shadow:var(--shadow-btn);transition:transform .15s ease;white-space:nowrap}.lp-nav-cta:hover{transform:translateY(-1px)}.lp-hero{width:100%;text-align:left;margin-bottom:8px}.lp-h1{font-size:clamp(30px, 8.6vw, 38px);font-weight:800;line-height:1.2;letter-spacing:-.015em;text-align:left;margin-bottom:12px}.lp-h1 .mark{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp-lede{font-size:14px;color:var(--dim);line-height:1.85;margin-bottom:20px}.cardframe-lp{width:100%;border-radius:var(--r-card);overflow:hidden;line-height:0;border:1px solid var(--border);box-shadow:var(--shadow-card);margin-bottom:20px}.cardframe-lp img{width:100%;height:auto;display:block}.lp-stats{display:flex;align-items:center;gap:22px;margin-bottom:6px}.lp-stat .num{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text)}.lp-stat .num .u{color:var(--brand);font-size:.7em}.lp-stat .lbl{font-size:11px;color:var(--dim);margin-top:5px}.lp-stat-div{width:1px;height:36px;background:var(--border)}.lp-sec{width:100%;margin-top:44px;text-align:center}.lp-kicker{font-size:12px;font-weight:800;color:var(--brand-ink);letter-spacing:.08em;margin-bottom:8px}.lp-h2{font-size:clamp(21px, 5.8vw, 25px);font-weight:800;letter-spacing:-.01em;line-height:1.35;margin-bottom:10px}.lp-sub{font-size:13px;color:var(--dim);line-height:1.85;margin-bottom:18px}.lp-highlight{display:inline-block;font-size:12.5px;font-weight:800;color:#fff;line-height:1.7;background:var(--grad-band);border-radius:8px;padding:7px 14px;margin-bottom:18px}.lp-steps{display:flex;flex-direction:column;gap:12px;background:var(--panel,#f1effb);border-radius:var(--r-lg);padding:16px}.lp-step{background:var(--surface,#fff);border-radius:var(--r-md);padding:18px 16px;box-shadow:var(--shadow-soft);text-align:center}.lp-step .n{width:40px;height:40px;border-radius:13px;margin:0 auto 10px;background:var(--grad-brand);color:#fff;font-family:var(--font-mono);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-btn)}.lp-step .st{font-size:15px;font-weight:800;margin-bottom:5px}.lp-step .sd{font-size:12px;color:var(--dim);line-height:1.7}.lp-quote{background:var(--surface,#fff);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--shadow-soft);margin-bottom:12px}.lp-quote .q{font-size:19px;font-weight:800;letter-spacing:-.01em}.lp-quote .by{color:var(--dim);font-size:12px;margin-top:10px}.lp-author{display:flex;gap:14px;align-items:center;text-align:left;background:var(--panel,#f1effb);border-radius:var(--r-md);padding:14px 16px;margin-bottom:14px}.lp-author .ava{width:52px;height:52px;border-radius:14px;flex:none;background:linear-gradient(140deg,#b79bf5,#8a6bf0);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.02em}.lp-author b{font-size:14px;font-weight:800;display:block;margin-bottom:2px}.lp-author small{color:var(--dim);font-size:11px;line-height:1.6;display:block}.lp-formula{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.lp-formula .big{font-size:clamp(34px, 9.6vw, 46px);font-weight:800;line-height:1;letter-spacing:-.02em}.lp-formula .op{font-size:clamp(22px, 6vw, 30px);font-weight:800;color:var(--dim)}.lp-formula .a{color:var(--text)}.lp-formula .b{color:var(--brand)}.lp-formula .c{color:var(--periwinkle)}.lp-formula .tail{font-size:clamp(22px, 6vw, 28px);font-weight:800;color:var(--text)}.lp-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lp-cards-grid img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.lp-tcards{display:flex;flex-direction:column;gap:12px}.lp-tcard{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--shadow-soft);text-align:left}.lp-tcard .top{display:flex;gap:12px;align-items:center;margin-bottom:10px}.lp-tcard .ava{width:42px;height:42px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px}.lp-tcard .stars{color:#ffb027;font-size:12px;letter-spacing:1px}.lp-tcard .who{font-size:11px;color:var(--dim)}.lp-tcard .who b{color:var(--text);font-weight:800;font-size:13px;margin-right:6px}.lp-tcard p{font-size:13px;line-height:1.75;color:var(--text)}.lp-band{width:100%;margin-top:44px;background:var(--grad-band);border-radius:var(--r-lg);padding:34px 22px 28px;text-align:center;color:#fff;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.lp-band::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.14),transparent 70%);pointer-events:none}.lp-band h3{font-size:clamp(20px, 5.6vw, 24px);font-weight:800;margin-bottom:8px;color:#fff;position:relative}.lp-band p{color:rgba(255,255,255,.86);font-size:13px;margin-bottom:18px;position:relative}.lp-band .gender-btn-wrap{margin:0 auto;position:relative}.lp-band .feats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px;position:relative}.lp-band .feats span{background:rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:700;padding:5px 13px;border-radius:var(--r-pill)}.lp-footer{width:calc(100% + 40px);margin:40px -20px 0;background:var(--panel,#f1effb);border-top:1px solid var(--border);padding:30px 20px calc(34px + env(safe-area-inset-bottom));text-align:center}.lp-footer .links{font-size:12px;color:var(--dim);margin:12px 0 8px}.lp-footer .links a{color:var(--brand-ink);text-decoration:underline}.lp-footer .copy{font-size:10px;color:var(--dim);letter-spacing:.04em}.flow-brand{width:100%;display:flex;justify-content:center;margin-bottom:14px}.flow-brand .wordmark{align-items:center}.flow-brand .wordmark .w{font-size:16px}.flow-brand .wordmark .s{font-size:8px}.flow-brand .flow-logo-link{line-height:0}.flow-brand .flow-logo{height:46px;width:auto}.axis2-row{margin-bottom:18px}.axis2-row:last-child{margin-bottom:0}.axis2-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;gap:10px}.axis2-lbl{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--muted,#7b7794);line-height:1.2}.axis2-lbl.r{flex-direction:row-reverse}.axis2-lbl.dom{color:var(--text);font-weight:800;font-size:13.5px}.axis2-pct{font-family:var(--font-mono);font-style:normal;font-size:11px;font-weight:700;color:var(--brand-ink);background:var(--panel-2,#efeaff);padding:2px 8px;border-radius:99px}.axis2-track{position:relative;height:8px;background:var(--panel,#f1effb);border:1px solid var(--border);border-radius:99px}.axis2-tick{position:absolute;left:50%;top:-4px;height:16px;width:2px;background:rgba(124,58,224,.25);transform:translateX(-50%);border-radius:1px}.axis2-fill{position:absolute;top:0;bottom:0;width:0;transition:width 1.1s cubic-bezier(.4, 0, .2, 1)}.axis2-fill.l{right:50%;border-radius:99px 3px 3px 99px;background:linear-gradient(270deg,#656bff,#9c48fc)}.axis2-fill.r{left:50%;border-radius:3px 99px 99px 3px;background:linear-gradient(90deg,#656bff,#9c48fc)}.axis2-row.sm{margin-bottom:13px}.axis2-row.sm .axis2-lbl.dom{font-size:12.5px}.axis2-row.sm .axis2-track{height:6px}.axis2-row.sm .axis2-tick{top:-3px;height:12px}.sec-label .sl-ic{width:17px;height:17px;flex-shrink:0}.gi2{width:14px;height:14px;color:var(--brand-ink);flex-shrink:0}.bi{width:18px;height:18px;flex-shrink:0}.q-last-banner{display:flex;align-items:center;justify-content:center;gap:7px}.warmup-done-msg{display:none;align-items:center;justify-content:center;gap:8px}.warmup-done-msg.show{display:flex}.auth-mark{width:56px;height:56px;border-radius:50%;background:var(--grad-brand);box-shadow:var(--shadow-btn);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.auth-mark svg{width:26px;height:26px}.compat-subhead .em{display:inline-flex;align-items:center}.compat-subhead .sh-ic{width:16px;height:16px;color:var(--brand-ink)}#warmup-feedback svg{width:110px;height:110px}#warmup-feedback.ok{color:#22b866}#warmup-feedback.ng{color:#e05252}#card-gen-btn{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));width:min(398px,calc(100% - 32px));z-index:9980;animation:ctaGlow 3.2s ease-in-out infinite}@keyframes ctaGlow{0%,100%{box-shadow:0 12px 24px -10px rgba(124,58,224,.55)}50%{box-shadow:0 14px 34px -8px rgba(124,58,224,.8)}}#screen-result{padding-bottom:calc(180px + env(safe-area-inset-bottom))}.voitomo-promo{display:block;width:100%;text-decoration:none;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:20px 18px 20px;margin-bottom:10px;text-align:center;animation:fadeUp .5s ease backwards}.vp-headline{font-size:12.5px;font-weight:800;color:var(--brand-ink);line-height:1.6;margin-bottom:6px}.vp-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.01em;margin-bottom:14px}.vp-title svg{width:20px;height:20px;color:var(--icon)}.vp-duo{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.vp-card{width:44%;height:auto}.vp-card.me{transform:rotate(-3deg)}.vp-card.fr{transform:rotate(3deg)}.vp-x{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--grad-brand);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 -12px;z-index:1;box-shadow:var(--shadow-btn)}.vp-balance{display:flex;align-items:center;gap:8px;margin-bottom:14px}.vp-side{font-size:10.5px;font-weight:800;white-space:nowrap}.vp-side.duet{color:var(--brand-ink)}.vp-side.collab{color:#c2410c}.vp-bar{flex:1;height:8px;border-radius:99px;position:relative;background:linear-gradient(90deg,#656bff,#9c48fc 45%,#f97316 78%,#f43f5e)}.vp-bar i{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:#fff;border-radius:1px;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(124,58,224,.3)}.vp-cta{display:inline-flex;align-items:center;gap:6px;background:var(--grad-brand);color:#fff;font-size:13.5px;font-weight:800;border-radius:var(--r-pill);padding:12px 22px;box-shadow:var(--shadow-btn)}#screen-result #personality-axis-reason strong,#screen-result #res-essence strong,#screen-result .compat-type-reason strong,#screen-result .sec-body strong{font-weight:800}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.a-title .a-dots i{display:inline-block;font-style:normal;animation:aDot 1.4s infinite both}.a-title .a-dots i:nth-child(2){animation-delay:.25s}.a-title .a-dots i:nth-child(3){animation-delay:.5s}@keyframes aDot{0%,100%,60%{opacity:.15}25%{opacity:1}}@media (prefers-reduced-motion:reduce){.a-title .a-dots i{animation:none}}.a-timer{display:flex;justify-content:center;margin:2px 0 18px;font-variant-numeric:tabular-nums}.a-remaining{font-size:14px;font-weight:800;color:var(--brand-ink);background:var(--bg3,#f1effb);border-radius:999px;padding:6px 16px}.a-note{margin-top:18px;font-size:12px;color:var(--muted,#7b7794);text-align:center;line-height:1.8}.aierr-card{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:24px;padding:36px 24px 28px;text-align:center;box-shadow:var(--shadow-card);animation:fadeUp .4s ease backwards}.aierr-title{font-size:19px;font-weight:900;color:var(--text);margin:0 0 10px}.aierr-sub{font-size:13px;color:var(--muted,#7b7794);line-height:1.8;margin:0 0 6px}.aierr-note{font-size:11.5px;color:var(--muted,#7b7794);margin:0}.aierr-btn{width:100%;margin-top:18px}.aierr-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.aierr-restart{display:block;margin:14px auto 0;background:0 0;border:none;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--muted,#7b7794);text-decoration:underline;font-family:inherit}.res-group{width:100%;display:flex;align-items:baseline;gap:10px;margin:22px 4px 10px;animation:fadeUp .5s ease backwards}.res-group-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--grad-brand);color:#fff;font-size:12px;font-weight:900;flex:none;align-self:center}.res-group-title{font-size:16px;font-weight:900;color:var(--text);letter-spacing:.02em}.listen-fact{width:100%;text-align:center;font-size:12px;font-weight:700;color:var(--muted,#7b7794);margin:10px 0 2px;display:flex;align-items:center;justify-content:center;gap:6px}.listen-fact svg{width:14px;height:14px;color:var(--brand-ink)}.evi-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.evi-chip{font-size:12px;font-weight:800;color:var(--brand-ink);background:var(--bg3,#f1effb);border:1px solid rgba(124,58,224,.18);border-radius:999px;padding:6px 13px}.imp-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 14px}.imp-chip{display:inline-block;background:var(--grad-brand);color:#fff;font-size:13px;font-weight:800;padding:6px 16px;border-radius:999px;letter-spacing:.02em;box-shadow:var(--shadow-soft)}.imp-tag{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--text)}.imp-tag i{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none;background:var(--brand)}.imp-note{font-size:11px;color:var(--muted,#7b7794);line-height:1.7;margin-top:12px}.hist-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.hist-card{background:var(--bg3,#f1effb);border:1px solid var(--border);border-radius:14px;padding:12px 13px}.hist-cat{font-size:10px;font-weight:800;color:var(--brand-ink);letter-spacing:.08em;margin-bottom:6px}.hist-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--text);line-height:1.3}.hist-emoji{font-size:20px;flex:none;line-height:1}.hist-reason{font-size:11.5px;color:var(--muted,#7b7794);margin-top:6px;line-height:1.6}.hist-card.god{background:linear-gradient(135deg,rgba(156,72,252,.14),rgba(101,107,255,.12));border-color:rgba(124,58,224,.35)}@media (max-width:360px){.hist-grid{grid-template-columns:1fr}}.webview-share-hint{line-height:2}.webview-share-hint .wv-ic{vertical-align:-6px;margin-right:2px}.webview-share-hint .wv-nb{white-space:nowrap}