:root{--app-bg: #f3efe6;--app-ink: #1c1915;--app-muted: #6b645a;--app-accent: #0f6b5c;--app-accent-soft: #d8ebe6;--app-card: #fffdf8;--app-line: #ddd4c6;--radius: 16px;--font: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--app-ink);background:radial-gradient(ellipse 80% 50% at 10% -10%,#e7f2ee 0%,transparent 55%),radial-gradient(ellipse 70% 45% at 100% 0%,#f0e6d8 0%,transparent 50%),var(--app-bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.app-shell{width:min(100%,440px);margin:0 auto;min-height:100dvh;padding:20px 18px 76px;display:flex;flex-direction:column}.screen{display:flex;flex-direction:column;gap:18px;flex:1;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--app-muted)}h1{margin:0;font-size:clamp(1.6rem,5.5vw,2rem);line-height:1.25;letter-spacing:-.02em}h1.role-title{font-size:clamp(2.1rem,8vw,2.75rem);letter-spacing:-.03em;line-height:1.15}.role-tagline{margin:0;font-size:1.05rem;font-weight:600;line-height:1.4;color:var(--app-ink)}.meta-line{margin:0;font-size:.82rem;line-height:1.5;color:var(--app-muted)}.note{margin:0;font-size:.8rem;line-height:1.5;color:var(--app-muted)}h2{margin:0;font-size:1.35rem;line-height:1.35}.lead{margin:0;color:var(--app-muted);line-height:1.6;font-size:.98rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:14px 20px;background:var(--app-accent);color:#fff;font-weight:600;min-height:48px}.btn:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--app-accent);border:1px solid var(--app-accent)}.progress{height:6px;background:var(--app-line);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--app-accent);transition:width .25s ease}.meta-row{display:flex;justify-content:space-between;align-items:center;color:var(--app-muted);font-size:.85rem}.option-list{display:flex;flex-direction:column;gap:10px}.option{text-align:left;border:1px solid var(--app-line);background:var(--app-card);border-radius:var(--radius);padding:14px 16px;line-height:1.45;min-height:52px;transition:border-color .15s ease,background .15s ease}.option:active,.option.selected,.option.is-selected{border-color:var(--app-accent);background:var(--app-accent-soft)}.question-hint{margin-top:-8px;color:var(--app-muted);font-size:.9rem}.snapshot-option{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px}.snapshot-option-key{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--app-accent-soft);color:var(--app-accent);font-weight:800}.snapshot-option.is-selected .snapshot-option-key{background:var(--app-accent);color:var(--app-bg)}.option-scale{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:var(--app-accent-soft);color:var(--app-accent);font-weight:700}.frequency-scale{display:grid;gap:8px;margin-top:4px}.frequency-direction{display:flex;justify-content:space-between;color:var(--app-muted);font-size:.76rem;letter-spacing:.05em}.frequency-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.frequency-track:before{content:"";position:absolute;top:22px;left:10%;right:10%;height:3px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--app-accent) 25%,transparent),var(--app-accent))}.frequency-option{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;min-height:82px;padding:7px 3px 8px;border:0;border-radius:14px;background:transparent;color:var(--app-text);text-align:center}.frequency-node{display:grid;place-items:center;width:34px;height:34px;border:2px solid color-mix(in srgb,var(--app-accent) 55%,var(--app-card));border-radius:50%;background:var(--app-card);color:var(--app-accent);font-weight:800;transition:transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.frequency-option--1 .frequency-node{border-color:color-mix(in srgb,var(--app-accent) 35%,var(--app-card))}.frequency-option--2 .frequency-node{border-color:color-mix(in srgb,var(--app-accent) 52%,var(--app-card))}.frequency-option--3 .frequency-node{border-color:color-mix(in srgb,var(--app-accent) 70%,var(--app-card))}.frequency-option--4 .frequency-node{border-color:var(--app-accent)}.frequency-label{display:block;max-width:7em;font-size:clamp(.76rem,3.2vw,.88rem);line-height:1.3}.frequency-option:hover,.frequency-option:focus-visible{background:var(--app-accent-soft)}.frequency-option.is-selected{background:var(--app-accent-soft)}.frequency-option.is-selected .frequency-node{transform:scale(1.1);border-color:var(--app-accent);background:var(--app-accent);color:var(--app-bg);box-shadow:0 0 0 5px color-mix(in srgb,var(--app-accent) 18%,transparent)}@media (max-width: 360px){.frequency-track{gap:2px}.frequency-label{font-size:.73rem}.frequency-node{width:32px;height:32px}}.card{background:var(--app-card);border:1px solid var(--app-line);border-radius:20px;padding:20px 18px;display:flex;flex-direction:column;gap:14px}.card-block strong{display:block;font-size:.8rem;color:var(--app-accent);margin-bottom:4px}.card-block p{margin:0;line-height:1.55;font-size:.95rem}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--app-accent-soft);color:var(--app-accent);font-size:.8rem;font-weight:600;width:fit-content}.score-pills{display:flex;gap:8px;flex-wrap:wrap}.score-pills span{font-size:.75rem;color:var(--app-muted);border:1px solid var(--app-line);border-radius:999px;padding:4px 10px}.matching{flex:1;display:grid;place-items:center;text-align:center;gap:12px}.matching .pulse{width:64px;height:64px;border-radius:50%;background:var(--app-accent-soft);border:3px solid var(--app-accent);animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1);opacity:1}}.footer-note{margin-top:auto;padding-top:24px;font-size:.75rem;color:var(--app-muted);line-height:1.5}.feedback-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--app-line);background:var(--app-card);border-radius:999px;padding:10px 14px;min-height:44px}.chip.active{border-color:var(--app-accent);background:var(--app-accent-soft);color:var(--app-accent);font-weight:600}.rec-card{background:linear-gradient(180deg,#eef7f4 0%,var(--app-card) 40%)}.rec-title{margin:0;font-weight:700;font-size:1rem}.rec-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rec-list li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#fffdf8e6;border:1px solid var(--app-line)}.rec-name{font-weight:700;font-size:.92rem;color:var(--app-accent)}.rec-reason{font-size:.86rem;color:var(--app-muted);line-height:1.45}.share-box{padding:12px 4px 0}.role-badge-title{margin:-4px 0 8px;font-size:1.05rem;font-weight:700;letter-spacing:.02em;color:#8a6a22}.wanted-box{margin:4px 0 8px;padding:14px 14px 12px;border-radius:14px;border:1px solid rgba(180,70,40,.35);background:linear-gradient(145deg,#ffece4f2,#fff8f2e6)}.wanted-kicker{margin:0 0 6px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#b04528}.wanted-line{margin:0;font-size:.95rem;line-height:1.55;color:var(--app-ink)}.wanted-hint{margin:8px 0 0;font-size:.78rem;line-height:1.45;color:var(--app-muted)}.invite-banner{margin:4px 0 8px;padding:14px;border-radius:14px;border:1px solid rgba(15,107,92,.35);background:linear-gradient(145deg,#d8ebe6f2,#fffdf8e6)}.invite-kicker{margin:0 0 6px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--app-accent)}.invite-line{margin:0;font-size:.95rem;line-height:1.5;font-weight:600;color:var(--app-ink)}.invite-sub{margin:6px 0 0;font-size:.8rem;color:var(--app-muted)}.career-classifier{margin:4px 0 10px;padding:14px;border-radius:14px;border:1px solid var(--app-line);background:linear-gradient(160deg,#fffdf8fa,#e8f2eebf)}.career-kicker{margin:0 0 4px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--app-accent)}.career-lead{margin:0 0 12px;font-size:.86rem;line-height:1.45;color:var(--app-muted)}.career-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.career-chips-sub{margin-bottom:8px}.career-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--app-line);background:#fffdf8;color:var(--app-ink);border-radius:999px;padding:8px 12px;font-size:.78rem;line-height:1.2;cursor:pointer;min-height:36px}.career-chip-sub{font-size:.8rem;border-radius:10px}.career-chip.is-active{border-color:var(--app-accent);background:var(--app-accent-soft);color:var(--app-accent);font-weight:700}.career-focus{margin:0;font-size:.8rem;line-height:1.45;color:var(--app-muted)}.career-step-label{margin:0 0 6px;font-size:.78rem;font-weight:700;color:var(--app-accent)}.career-hint{margin:0 0 8px;font-size:.82rem;line-height:1.45;color:var(--app-muted)}.scene-gate{margin:4px 0 10px;padding:16px 14px;border-radius:14px;border:1px dashed rgba(15,107,92,.45);background:#d8ebe659;text-align:center}.scene-gate-title{margin:0 0 6px;font-size:.95rem;font-weight:700;color:var(--app-accent)}.scene-gate-text{margin:0;font-size:.86rem;line-height:1.45;color:var(--app-muted)}.llm-fixed-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:.8rem;line-height:1.45;color:var(--app-muted);background:#fffdf8d9;border:1px dashed var(--app-line)}.stack-banner{margin:4px 0 12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(15,107,92,.28);background:linear-gradient(145deg,#d8ebe68c,#fffdf8eb)}.stack-kicker{margin:0 0 4px;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--app-accent)}.stack-line{margin:0 0 6px;font-size:.92rem;font-weight:700;line-height:1.4;color:var(--app-ink)}.stack-path,.stack-tip{margin:0;font-size:.8rem;line-height:1.45;color:var(--app-muted)}.stack-tip{margin-top:4px}.tool-playbook-lead{margin:6px 0 10px;font-size:.82rem;line-height:1.45;color:var(--app-muted)}.tool-playbook-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.tool-playbook-item{padding:12px 12px 10px;border-radius:12px;background:#fffdf8f2;border:1px solid var(--app-line)}.tool-playbook-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-tier{flex-shrink:0;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px;color:#8a6a22;background:#c9a84c38;border:1px solid rgba(201,168,76,.45)}.tool-meta{margin:4px 0 6px;font-size:.78rem;font-weight:600;color:var(--app-accent)}.tool-why{margin:0 0 8px;font-size:.86rem;line-height:1.45;color:var(--app-ink)}.tool-section{margin-top:6px}.tool-section p{margin:2px 0 0;font-size:.82rem;line-height:1.45;color:var(--app-muted)}.tool-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:#8a6a22}.tool-gain p{color:var(--app-ink)}.tool-access{margin:8px 0 0;font-size:.74rem;line-height:1.4;color:var(--app-muted)}.stack-copy-btn{margin-top:14px;width:100%}.prompt-block{margin-top:8px}.prompt-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.prompt-item{border:1px solid var(--app-line);border-radius:12px;background:#fffdf8f2;padding:10px}.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.prompt-title{font-weight:700;font-size:.9rem;color:var(--app-accent)}.btn-mini{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--app-accent);background:transparent;color:var(--app-accent);border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;flex-shrink:0}.prompt-body{margin:0;white-space:pre-wrap;word-break:break-word;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:.78rem;line-height:1.5;color:var(--app-ink);max-height:160px;overflow:auto}.copy-tip{margin:0 0 4px;color:var(--app-accent)}.admin-screen{max-width:920px}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}.admin-auth{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.admin-label{font-size:.82rem;font-weight:600;color:var(--app-muted)}.admin-input{width:100%;box-sizing:border-box;border:1px solid var(--app-line);border-radius:10px;padding:10px 12px;font-size:.95rem;background:#fffdf8;color:var(--app-ink)}.admin-error{color:#b04528}.admin-summary{margin:8px 0 12px;padding:12px;border-radius:12px;border:1px solid var(--app-line);background:var(--app-card)}.admin-summary p{margin:0}.admin-stats{margin-top:8px!important;display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.82rem;color:var(--app-muted)}.admin-filters{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.admin-filters label{font-size:.82rem;color:var(--app-muted)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--app-line);border-radius:12px;background:var(--app-card)}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table th,.admin-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--app-line);vertical-align:top;white-space:nowrap}.admin-table th{font-weight:700;color:var(--app-accent);background:#d8ebe673}.admin-empty{text-align:center!important;color:var(--app-muted);padding:20px 8px!important}.admin-detail-row td{white-space:normal;background:#f3efe68c}.admin-detail{margin:0;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.75rem;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-back{display:inline-block;margin-top:16px;color:var(--app-accent);font-size:.9rem}.psy-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 64px;display:grid;gap:24px}.psy-shell--embedded{width:100%;margin:0;padding:12px 0 28px}.psy-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.psy-header h1,.psy-section h2{margin:4px 0 8px}.psy-import{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(320px,1.4fr);align-items:center;gap:18px}.psy-import p{margin:4px 0 0}.psy-file{position:relative;overflow:hidden;cursor:pointer}.psy-file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.psy-api-form{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.psy-api-form label{color:var(--app-muted);font-size:.85rem}.psy-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.psy-kpis .card{gap:5px;min-height:132px}.psy-kpis span,.psy-kpis small{color:var(--app-muted)}.psy-kpis strong{font-size:clamp(1.55rem,3vw,2.2rem);font-variant-numeric:tabular-nums}.psy-controls{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px}.psy-empty{min-height:300px;display:grid;place-content:center;text-align:center;color:var(--app-muted)}.psy-empty p{max-width:640px}.psy-section{display:grid;gap:16px}.psy-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.psy-section-head>p{max-width:520px;margin:0;color:var(--app-muted);font-size:.9rem}.psy-dimension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.psy-dim-title{display:flex;align-items:center;gap:10px}.psy-dim-title span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--app-accent-soft);color:var(--app-accent);font-weight:800}.psy-alpha{display:flex;align-items:baseline;gap:8px}.psy-alpha strong{font-size:2rem;font-variant-numeric:tabular-nums}.psy-meter{height:7px;background:var(--app-line);border-radius:999px;overflow:hidden}.psy-meter span{display:block;height:100%;background:var(--app-accent);border-radius:inherit}.psy-dimension-grid dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;gap:8px}.psy-dimension-grid dl div{display:grid;gap:2px}.psy-dimension-grid dt{color:var(--app-muted);font-size:.75rem}.psy-dimension-grid dd{margin:0;font-variant-numeric:tabular-nums}.psy-table td:not(:first-child),.psy-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.psy-alert-cell{color:#b23b3b;font-weight:800;background:#b23b3b14}.psy-two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.psy-correlation{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.psy-corr-cell{aspect-ratio:1.35;min-height:72px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;border-radius:12px;background:color-mix(in srgb,var(--app-accent) calc(var(--corr) * 46%),var(--app-card))}.psy-corr-cell span{font-size:.75rem;color:var(--app-muted)}.psy-corr-cell strong{font-size:1.25rem}.psy-bars{display:grid;gap:12px}.psy-bar-row{display:grid;grid-template-columns:110px 1fr 30px;align-items:center;gap:10px}.psy-bar-row>div{height:12px;background:var(--app-line);border-radius:999px;overflow:hidden}.psy-bar-row i{display:block;height:100%;min-width:2px;background:var(--app-accent);border-radius:inherit}.psy-bar-row strong{text-align:right;font-variant-numeric:tabular-nums}.psy-warning-list{margin:0;padding-left:20px;display:grid;gap:10px}.psy-warning-list li{padding-left:4px;line-height:1.55}@media (max-width: 820px){.psy-shell{width:min(100% - 20px,680px);padding-top:24px}.psy-header,.psy-section-head{align-items:flex-start;flex-direction:column}.psy-import,.psy-api-form{grid-template-columns:1fr}.psy-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.psy-dimension-grid,.psy-two-col,.psy-controls{grid-template-columns:1fr}}@media (max-width: 420px){.psy-kpis{grid-template-columns:1fr}.psy-corr-cell{min-height:64px;padding:7px}.psy-corr-cell span{font-size:.66rem}}.role-hero{position:relative;margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(15,107,92,.28);background:#121212;box-shadow:0 0 0 1px #9af0d814,0 18px 40px #0f28242e;animation:roleHeroIn .55s ease both}@keyframes roleHeroIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.role-hero-img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center;vertical-align:middle}.gender-picker{display:grid;gap:10px;margin-top:12px;padding:14px;border-radius:16px;border:1px solid rgba(201,168,76,.35);background:#1528238c}.gender-picker-alert{border-color:#ffa078bf;box-shadow:0 0 0 1px #ff8c6440}.gender-picker-title{margin:0;text-align:center;font-size:.95rem;color:#f5e6b8eb}.gender-picker-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gender-picker-actions .btn{margin:0}.gender-hint{margin:0;text-align:center;color:#ffc4a8}.btn-selected{background:linear-gradient(180deg,#d4b36a,#c9a84c);color:#1a1510;border-color:transparent}.role-hero-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:28px 14px 12px;background:linear-gradient(180deg,transparent 0%,rgba(8,20,18,.55) 40%,rgba(8,20,18,.88) 100%);color:#e8f7f3}.role-hero-code{font-size:.68rem;letter-spacing:.14em;color:#9af0d8;opacity:.85}.role-hero-name{font-size:1.45rem;font-weight:700;letter-spacing:.04em}.radar-panel{position:relative;border-radius:20px;border:1px solid rgba(15,107,92,.22);background:radial-gradient(circle at 50% 42%,rgba(43,179,154,.16),transparent 55%),linear-gradient(180deg,#0b2f2a,#123f38 48%,#1a4f46);overflow:hidden;padding:8px 8px 12px;color:#e8f7f3}.radar-panel--early{border-color:#e0b56a59;background:radial-gradient(circle at 50% 42%,rgba(224,181,106,.18),transparent 55%),linear-gradient(180deg,#2a2418,#1a322c 48%,#152823)}.radar-panel--late{border-color:#7ec8e352;background:radial-gradient(circle at 50% 42%,rgba(126,200,227,.16),transparent 55%),linear-gradient(180deg,#0b242f,#123f38 48%,#1a4f46)}.radar-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 0deg,transparent 0deg,rgba(43,179,154,.12) 40deg,transparent 80deg,transparent 360deg);animation:radarSweep 7s linear infinite;pointer-events:none}.radar-panel--early .radar-glow{background:conic-gradient(from 0deg,transparent 0deg,rgba(224,181,106,.16) 40deg,transparent 80deg,transparent 360deg)}.radar-panel--late .radar-glow{background:conic-gradient(from 0deg,transparent 0deg,rgba(126,200,227,.14) 40deg,transparent 80deg,transparent 360deg)}@keyframes radarSweep{to{transform:rotate(360deg)}}.radar-svg{position:relative;z-index:1;display:block;width:100%;height:auto;max-width:320px;margin:0 auto}.radar-label{fill:#d7f0ea;font-size:12px;font-weight:600;letter-spacing:.02em}.radar-shape{animation:radarIn .7s ease both;transform-origin:center}@keyframes radarIn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.radar-orbit{transform-origin:center;animation:orbitSpin 18s linear infinite}.radar-orbit-slow{animation-duration:32s;animation-direction:reverse}@keyframes orbitSpin{to{transform:rotate(360deg)}}.radar-node-pulse{transform-box:fill-box;transform-origin:center;animation:nodePulse 1.8s ease-in-out infinite}@keyframes nodePulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:.95;transform:scale(1.25)}}.latitude-meter{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:2px 28px 0;pointer-events:none;-webkit-user-select:none;user-select:none}.latitude-pole{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;letter-spacing:.06em;color:#e8f7f359}.latitude-pole.is-active{color:#f5e6b8f2}.radar-panel--late .latitude-pole.is-active{color:#bee6f5f2}.latitude-dot{width:7px;height:7px;border-radius:50%;background:#e8f7f340;box-shadow:none}.latitude-pole.is-active .latitude-dot{background:#e0b56a;box-shadow:0 0 10px #e0b56a8c}.radar-panel--late .latitude-pole.is-active .latitude-dot{background:#7ec8e3;box-shadow:0 0 10px #7ec8e380}.latitude-track{position:relative;height:3px;border-radius:999px;background:linear-gradient(90deg,#e0b56a59,#e8f7f31f 50%,#7ec8e359)}.latitude-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(14,18,16,.55);transition:left .35s ease}.latitude-thumb.is-early{left:12%;background:#e0b56a;box-shadow:0 0 12px #e0b56aa6}.latitude-thumb.is-late{left:88%;background:#7ec8e3;box-shadow:0 0 12px #7ec8e399}.latitude-caption{position:relative;z-index:1;margin:6px 12px 4px;text-align:center;font-size:.7rem;font-weight:400;letter-spacing:.04em;color:#e8f7f373}.share-preview-screen{min-height:100svh;display:grid;place-items:center;gap:12px;padding:12px;background:#030712}.share-preview-picker{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:12px}.share-preview-picker select{padding:6px 10px;border:1px solid rgba(148,163,184,.24);border-radius:9px;background:#0f172a;color:#fff}.share-capture-stage{position:fixed;top:0;left:-10000px;width:420px;pointer-events:none}.share-result-card{position:relative;isolation:isolate;overflow:hidden;width:min(420px,100%);aspect-ratio:7 / 13;display:flex;flex-direction:column;gap:4px;padding:20px 24px;border:1px solid rgba(148,163,184,.18);border-radius:28px;background:linear-gradient(155deg,#0b1120,#0d1f25 48%,#0a2e1a);box-shadow:0 24px 80px #0000008c;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.share-result-glow{position:absolute;z-index:-1;width:230px;height:230px;border-radius:50%;filter:blur(72px);opacity:.24}.share-result-glow--top{top:-100px;right:-100px;background:#7c3aed}.share-result-glow--bottom{bottom:60px;left:-130px;background:#ec4899}.share-result-brand,.share-result-label,.share-result-kicker,.share-result-footer{color:#94a3b8;font-size:clamp(9px,2.45vw,11px);font-weight:650;letter-spacing:.08em}.share-result-brand{flex:none}.share-result-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(7px,1.2svh,10px)}.share-result-identity{text-align:center}.share-result-kicker{margin:0}.share-result-identity h1{margin:8px 0 0;font-size:clamp(48px,14vw,64px);font-weight:900;line-height:.95;letter-spacing:-.065em;text-shadow:0 0 34px rgba(124,58,237,.4)}.share-result-animal{margin:5px 0 0;color:#94a3b8;font-size:clamp(13px,3.8vw,16px);font-weight:600}.share-result-visual{position:relative;overflow:hidden;min-height:164px;max-height:230px;flex:1 1 196px;margin:0;border:1px solid rgba(124,58,237,.25);border-radius:19px;background:radial-gradient(circle at 28% 45%,#ec489938,#7c3aed1a 45%,#0f172a59 75%)}.share-result-visual-glow{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:linear-gradient(100deg,#7c3aed59,#ec48993d);filter:blur(28px)}.share-result-visual img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.share-result-visual-bg{object-fit:cover;object-position:center;filter:blur(18px) saturate(1.2) brightness(.75);opacity:.55;transform:scale(1.12)}.share-result-visual-main{object-fit:contain;object-position:center;filter:saturate(1.15) contrast(1.06) brightness(1.04)}.share-result-tagline{margin:0;font-size:clamp(18px,5.2vw,22px);font-weight:720;line-height:1.45;text-align:center}.share-result-tags{display:flex;justify-content:center;align-items:center;gap:7px;color:#f9a8d4;font-size:clamp(10px,3vw,13px);font-weight:750;white-space:nowrap}.share-result-tags span{display:inline-flex;align-items:center;gap:7px}.share-result-tags i{color:#ec489999;font-style:normal}.share-result-section{padding:clamp(12px,3.8vw,16px);border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#0f172a61;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.share-result-label{margin:0}.share-result-section h2{margin:6px 0 0;font-size:clamp(16px,4.7vw,20px);line-height:1.25}.share-result-section>p:not(.share-result-label):not(.share-result-hook){margin:6px 0 0;color:#cbd5e1;font-size:clamp(10px,2.8vw,12px);line-height:1.45}.share-result-complement{border-color:#7c3aed4d;background:linear-gradient(135deg,#7c3aed2b,#ec489914)}.share-result-complement strong{color:#f0abfc}.share-result-hook{margin:7px 0 0;color:#a78bfa;font-size:clamp(12px,3.35vw,14px);font-weight:800}.share-result-bottom-row{display:grid;grid-template-columns:minmax(0,1fr) clamp(86px,22vw,100px);gap:10px;align-items:center}.share-result-bottom-row .share-result-complement{min-width:0;padding:clamp(11px,3vw,14px)}.share-result-bottom-row .share-result-complement h2{font-size:clamp(15px,4.2vw,18px)}.share-result-bottom-row .share-result-hook{font-size:clamp(11px,3vw,13px)}.share-result-qr{align-self:center;justify-self:center;margin:0;text-align:center}.share-result-qr img,.share-result-qr span{display:block;width:clamp(76px,20vw,90px);height:clamp(76px,20vw,90px);padding:4px;border-radius:10px;background:#fff;box-shadow:0 8px 24px #7c3aed3d}.share-result-qr figcaption{margin-top:4px;color:#f0abfc;font-size:clamp(10px,2.8vw,12px);font-weight:800}.share-result-footer{flex:none;text-align:center;letter-spacing:.02em}.site-filing{position:fixed;z-index:50;left:50%;bottom:0;width:min(100%,440px);padding:9px 16px calc(9px + env(safe-area-inset-bottom));transform:translate(-50%);border-top:1px solid rgba(107,100,90,.14);background:#f3efe6f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;font-size:12px;line-height:1.5}.site-filing a{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--app-muted);text-decoration:none}.site-filing img{display:block;width:18px;height:18px;object-fit:contain}.site-filing a:hover,.site-filing a:focus-visible{color:var(--app-ink);text-decoration:underline}