:root{--color-bg-primary:#0b1420;--color-bg-secondary:#101b2c;--color-bg-card:#121c2ed1;--color-bg-card-strong:#142136f0;--color-border-subtle:#b7c9dd24;--color-border-strong:#b7c9dd47;--color-accent:#4d9eff;--color-accent-strong:#67e8f9;--color-accent-soft:#4d9eff21;--color-platinum:#b7c9dd;--color-silver:#e8eef5;--color-text-primary:#e8eef5;--color-text-secondary:#8a9bae;--color-text-muted:#64748b;--color-success:#2ecc71;--color-warning:#f59e0b;--color-danger:#f97316;--report-surface:#f7f5ef;--report-surface-ink:#111827;--report-blueblack:#101b2d;--certificate-border:#d8dde6;--badge-surface:#12213a;--score-accent:#d4af37;--confidence-high:#0f766e;--confidence-medium:#2563eb;--confidence-low:#b45309;--confidence-unreliable:#f97316;--poster-surface:#f7f5ef;--action-primary:#67e8f9;--action-secondary:#e8eef514;--shadow-card:0 6px 24px #0000006b, 0 0 0 1px var(--color-border-subtle);--shadow-panel:0 18px 60px #00000059;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono:"SF Mono", "Cascadia Mono", "JetBrains Mono", ui-monospace, monospace;--transition-fast:.15s ease;--transition-normal:.22s ease;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}html[data-theme=light]{--color-bg-primary:#f6f8fb;--color-bg-secondary:#eaf0f7;--color-bg-card:#fffffff5;--color-bg-card-strong:#fff;--color-border-subtle:#94a3b852;--color-border-strong:#d8dee8;--color-accent:#2563eb;--color-accent-strong:#0ea5e9;--color-accent-soft:#0ea5e91f;--color-platinum:#b89a45;--color-silver:#111827;--color-text-primary:#111827;--color-text-secondary:#64748b;--color-text-muted:#64748b;--color-success:#0f766e;--color-warning:#b45309;--color-danger:#b45309;--report-surface:#fff;--report-surface-ink:#111827;--report-blueblack:#1f2a44;--certificate-border:#d8dee8;--badge-surface:#1f2a44;--score-accent:#b89a45;--poster-surface:#fff;--action-primary:#2563eb;--action-secondary:#2563eb14;--shadow-card:0 14px 40px #0f172a14, 0 0 0 1px var(--color-border-subtle);--shadow-panel:0 22px 70px #0f172a24}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(180deg, #101b2cdb 0%, #0b1420 44%, #070d16 100%), var(--color-bg-primary);min-width:320px;margin:0}html[data-theme=light] body{background:linear-gradient(180deg, #f8fafc 0%, #f6f8fb 48%, #edf3fa 100%), var(--color-bg-primary)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#07101c;background:var(--color-accent-strong)}.site-shell{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:clip}html[data-theme=light] .site-shell{background:radial-gradient(circle at 14% 10%,#0ea5e91a,#0000 28%),radial-gradient(circle at 88% 18%,#b89a451a,#0000 24%)}.topbar,.page-shell,.site-footer{width:min(1180px,100% - 40px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:22px 0 16px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{width:46px;height:46px;color:var(--color-silver);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#e8eef52e,#4d9eff1f),#101b2c;border-radius:14px;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.brand-lockup strong{color:var(--color-text-primary);font-size:1rem;display:block}.brand-lockup p,.site-footer,.support-text,.question-hint,.doc-excerpt,.surface-card p,.surface-subcard p{color:var(--color-text-secondary)}.brand-lockup p{margin:2px 0 0;font-size:.9rem}.topnav{flex-wrap:wrap;gap:10px;display:flex}.topnav a,.theme-toggle-button{min-height:40px;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:#101b2cb8;border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;display:inline-flex}.topnav a:hover,.topnav a.is-active,.theme-toggle-button:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-accent-soft)}.theme-toggle-button{font-weight:800}html[data-theme=light] .topnav a,html[data-theme=light] .theme-toggle-button{background:#ffffffd1}.page-shell{flex:1;padding:10px 0 40px}.site-footer{padding:0 0 28px;font-size:.9rem}.landing,.history-layout,.result-layout,.quiz-layout,.ui-preview-page{gap:22px;display:grid}.hero-card,.surface-card,.surface-subcard,.history-card,.doc-card,.stat-block,.metric-card,.ui-state-panel{border:1px solid var(--color-border-subtle);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.hero-card,.surface-card{padding:24px}.surface-subcard,.history-card,.doc-card{padding:18px}.surface-card,.surface-subcard,.history-card,.feature-list li,.copy-stack p,.support-text,.primary-button,.secondary-button,.ghost-button,.danger-button{overflow-wrap:anywhere}.premium-hero{background:linear-gradient(135deg, #142136fa, #0d1c30eb), var(--color-bg-card-strong);grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:34px;min-height:560px;display:grid;position:relative;overflow:hidden}.premium-hero:after,.result-certificate:after{content:"";background:linear-gradient(90deg,#0000,#67e8f966,#b7c9dd4d,#0000);height:1px;position:absolute;inset:auto 24px 24px}.hero-copy,.hero-instrument,.result-certificate>*{z-index:1;position:relative}.eyebrow,.ui-badge,.confidence-chip,.status-chip,.progress-chip,.poster-tag{border:1px solid var(--color-border-subtle);background:var(--color-accent-soft);width:fit-content;min-height:30px;color:var(--color-accent-strong);border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.82rem;font-weight:800;line-height:1.2;display:inline-flex}.product-name{color:var(--color-platinum);letter-spacing:0;margin:18px 0 6px;font-weight:800}.hero-copy h1,.surface-card h1,.result-certificate h1{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:3.4rem;line-height:1.08}.hero-copy h1{max-width:12ch}.hero-copy>p:not(.product-name){max-width:58ch;color:var(--color-text-secondary);margin:18px 0 0;font-size:1.08rem}.hero-actions,.button-row,.group-list,.compact-row{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:24px}.primary-button,.secondary-button,.ghost-button,.danger-button{border-radius:var(--radius-md);min-height:46px;color:var(--color-text-primary);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:800;line-height:1.2;display:inline-flex}.primary-button{color:#06111f;background:linear-gradient(135deg, var(--action-primary), var(--color-accent));border-color:#67e8f98c;box-shadow:0 12px 34px #4d9eff38}html[data-theme=light] .primary-button{color:#fff;border-color:#2563eb80;box-shadow:0 12px 28px #2563eb2e}.secondary-button{background:var(--action-secondary);border-color:var(--color-border-subtle)}.ghost-button{color:var(--color-text-secondary);background:#64748b1f;border-color:#64748b2e}.danger-button{color:var(--color-danger);background:#f973161f;border-color:#f9731647}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.primary-button:active,.secondary-button:active,.ghost-button:active,.danger-button:active,.option-card:active{transform:translateY(0)}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.danger-button:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.option-card:focus-visible,.topnav a:focus-visible,.doc-card:focus-visible,.theme-toggle-button:focus-visible,.section-toggle-button:focus-visible,.dimension-detail-toggle:focus-visible{outline-offset:3px;outline:3px solid #67e8f973}.hero-tags{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.hero-tags span{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);min-height:42px;color:var(--color-text-secondary);background:#101b2cb3;padding:10px 12px;font-weight:700}html[data-theme=light] .hero-tags span,html[data-theme=light] .doc-card,html[data-theme=light] .history-card,html[data-theme=light] .preview-module-card{background:#ffffffc7}.hero-instrument{gap:18px;display:grid}.report-preview-card{border-radius:var(--radius-xl);background:linear-gradient(180deg, #f7f5effa, #e8eef5f0), var(--report-surface);color:var(--report-surface-ink);border:1px solid #d8dde661;gap:18px;padding:22px;display:grid;box-shadow:0 24px 70px #00000057}.report-preview-topline,.report-preview-footer,.poster-card-head,.poster-confidence-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.report-preview-topline span,.poster-card-head span,.report-preview-footer span{color:#475569;font-weight:800}.report-preview-topline strong,.poster-card-head strong,.report-preview-footer strong{color:#1f2a44}.report-preview-main{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;display:grid}.report-preview-main p{color:#475569;margin:0 0 6px;font-weight:700}.report-preview-main h2{color:#111827;margin:0 0 12px;font-size:1.6rem;line-height:1.18}.report-preview-dimensions{background:#ffffffad;border-color:#1f2a441f}.report-preview-dimensions .instrument-row span{color:#334155}.rank-badge{text-align:center;isolation:isolate;background:linear-gradient(145deg, #101b2df0, #1f2a44fa), var(--badge-surface);color:var(--color-silver);border:1px solid #d8dde6b8;border-radius:28px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #d4af3747,inset 0 0 36px #67e8f914,0 20px 54px #00000057}.rank-badge:before{content:"";z-index:-1;border:1px solid #d4af374d;border-radius:22px;position:absolute;inset:12px}.rank-badge span{font-family:var(--font-mono);color:#fff;font-size:2.5rem;font-weight:950;line-height:1}.rank-badge strong{max-width:9em;color:var(--color-platinum);font-size:.95rem;line-height:1.2}.rank-badge em{color:var(--score-accent);font-size:.76rem;font-style:normal;font-weight:900}.rank-badge-preview{width:148px;height:148px}.instrument-badge,.metal-badge,.poster-medal,.achievement-medal{text-align:center;color:#07101c;background:radial-gradient(circle at 28% 24%,#ffffffe6,#e8eef542 18%,#0000 32%),conic-gradient(from 220deg,#5f748c,#e8eef5,#8aa0b8,#f2f6fa,#6b7e94,#5f748c);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 10px #0b142029,inset 0 0 22px #ffffff52,0 22px 64px #0000005c}.instrument-badge{justify-self:center;width:210px;height:210px}.instrument-badge span,.metal-badge span{font-family:var(--font-mono);font-size:2.4rem;font-weight:900;line-height:1}.instrument-badge strong,.metal-badge strong{color:#253449;margin-top:-50px;font-size:.88rem}.instrument-panel{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:#0b1420a3;gap:12px;padding:18px;display:grid}html[data-theme=light] .report-preview-dimensions,html[data-theme=light] .instrument-panel{background:#ffffffc2}.instrument-row,.capability-bar{gap:8px;display:grid}.instrument-row span,.capability-bar span{color:var(--color-text-secondary);font-weight:700}.instrument-row i,.capability-bar i{background:#b7c9dd1f;border-radius:999px;height:6px;display:block;position:relative;overflow:hidden}.instrument-row i:before,.capability-bar b{content:"";width:var(--value,50%);border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--color-accent-strong), var(--color-silver));position:absolute;inset:0 auto 0 0}.level-ladder{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;display:grid}.level-ladder span{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);min-height:34px;color:var(--color-text-secondary);font-family:var(--font-mono);background:#101b2cad;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.bento-grid,.section-grid,.doc-grid,.form-grid,.compact-grid,.score-grid,.metric-grid,.surface-subgrid,.calibration-grid,.growth-grid,.profile-note-grid,.content-preview-grid,.preview-stress-grid{gap:16px;display:grid}.bento-grid{grid-template-columns:1.1fr .9fr .9fr}.bento-card-1,.trust-card{grid-row:span 2}.bento-card{align-content:space-between;min-height:180px;display:grid}.bento-index{font-family:var(--font-mono);color:var(--color-accent-strong);font-weight:900}.bento-card h2,.surface-card h2,.surface-subcard h2,.dashboard-like-title{color:var(--color-text-primary);margin:8px 0 0;font-size:1.24rem;line-height:1.25}.doc-grid,.section-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.doc-card{min-height:150px;transition:border-color var(--transition-fast), transform var(--transition-fast);background:#101b2cb8;gap:8px;display:grid}.doc-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.section-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.narrow-card{max-width:780px;margin:0 auto}.calibration-card{gap:18px;display:grid}.calibration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calibration-item{align-content:start;gap:8px;min-height:150px;display:grid}.calibration-item span{color:var(--color-accent-strong);font-family:var(--font-mono);font-weight:900}.notice-progress{background:#b7c9dd24;border-radius:999px;height:4px;overflow:hidden}.notice-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--color-accent-strong));height:100%;transition:width var(--transition-normal);display:block}.form-card,.doc-page,.loading-card{gap:18px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid,.profile-note-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{gap:8px;min-width:0;display:grid}.field span{color:var(--color-text-primary);font-weight:800}.field input,.field select,.field textarea{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:100%;min-height:46px;color:var(--color-text-primary);background:#0b1420bd;padding:12px 13px}html[data-theme=light] .field input,html[data-theme=light] .field select,html[data-theme=light] .field textarea{background:#fff}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-muted)}.checkbox-row{color:var(--color-text-secondary);align-items:flex-start;gap:10px;display:flex}.checkbox-row input{min-width:18px;min-height:18px;margin-top:3px}.checkbox-row a{color:var(--color-accent-strong);margin:0 4px}.quiz-layout{grid-template-columns:minmax(0,1fr) 300px}.quiz-card{background:linear-gradient(180deg, #101b2df0, #0a121feb), var(--color-bg-card);min-width:0;padding:24px}html[data-theme=light] .quiz-card{background:linear-gradient(180deg, #fffffffa, #f8fafcf0), var(--color-bg-card)}.quiz-head,.progress-heading,.progress-meta,.result-identity,.percentile-banner,.history-card{justify-content:space-between;gap:14px;display:flex}.quiz-head{align-items:center}.quiz-head h1{font-family:var(--font-mono);color:var(--color-silver);margin-top:8px;font-size:1.55rem}.quiz-head p{color:var(--color-text-secondary);margin:6px 0 0}.cloud-progress{border-radius:var(--radius-lg);background:#08111f85;border:1px solid #67e8f924;gap:10px;margin:18px 0 22px;padding:16px;display:grid}html[data-theme=light] .cloud-progress{background:#ffffffbd;border-color:#0ea5e938}.progress-heading span,.progress-meta span{color:var(--color-text-secondary)}.progress-heading strong{color:var(--color-text-primary)}.cloud-progress-track{background:#b7c9dd24;border-radius:999px;height:7px;position:relative;overflow:hidden}.cloud-progress-fill,.cloud-progress-glow{border-radius:inherit;width:0;transition:width var(--transition-normal);position:absolute;inset:0 auto 0 0}.cloud-progress-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-strong))}.cloud-progress-glow,.cloud-progress-steps{display:none}.question-title{color:var(--color-text-primary);margin:0;font-size:1.55rem;line-height:1.35}.question-hint{margin:10px 0 0;font-size:.96rem}.option-list{gap:14px;margin-top:20px;display:grid}.option-card{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:100%;min-height:72px;color:var(--color-text-primary);text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#101b2cc2;border-left-width:1px;align-items:flex-start;gap:14px;padding:16px 18px;line-height:1.62;display:flex;position:relative}html[data-theme=light] .option-card{background:#fff}.option-card:hover{border-color:var(--color-border-strong);background:#142136e6}html[data-theme=light] .option-card:hover{background:#f8fbff}.option-card.is-selected{background:linear-gradient(135deg,#67e8f929,#4d9eff1a),#101b2cf0;border-color:#67e8f99e;box-shadow:inset 0 0 0 1px #67e8f933,0 12px 34px #4d9eff1f}html[data-theme=light] .option-card.is-selected{background:linear-gradient(135deg,#2563eb1a,#0ea5e914),#fff;border-color:#2563eb8c}.option-code{width:34px;height:34px;color:var(--color-platinum);font-family:var(--font-mono);background:#e8eef514;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:900;display:inline-flex}.option-card.is-selected .option-code{color:#06111f;background:var(--color-accent-strong)}.quiz-exit-panel{opacity:.78;box-shadow:none}.sticky-panel,.poster-panel{align-self:start;position:sticky;top:22px}.loading-card{text-align:center;justify-items:center}.loading-orb{border:1px solid var(--color-border-strong);background:conic-gradient(from 180deg, var(--color-accent), var(--color-accent-strong), var(--color-silver), var(--color-accent));border-radius:50%;width:76px;height:76px;animation:1.8s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.result-layout{grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:start}.premium-result-card{gap:18px;display:grid;overflow:hidden}.result-certificate{border-radius:var(--radius-xl);background:radial-gradient(circle at 18% 16%, #d4af3724, transparent 30%), linear-gradient(135deg, #142136fa, #0a1423f0), var(--color-bg-card-strong);min-height:420px;box-shadow:var(--shadow-panel);border:1px solid #d8dde657;gap:24px;padding:26px;display:grid;position:relative;overflow:hidden}html[data-theme=light] .result-certificate{border-color:var(--certificate-border);background:radial-gradient(circle at 18% 16%, #b89a451f, transparent 30%), linear-gradient(135deg, #fffffffa, #f1f5f9f0), var(--color-bg-card-strong)}.result-certificate.is-low-confidence{background:linear-gradient(135deg, #261c126b, #0a1423f0), var(--color-bg-card-strong);border-color:#f59e0b47}html[data-theme=light] .result-certificate.is-low-confidence{background:linear-gradient(135deg, #fffbebf5, #fffffff0), var(--color-bg-card-strong);border-color:#b453094d}html[data-theme=light] .premium-hero{background:radial-gradient(circle at 78% 18%, #0ea5e924, transparent 28%), linear-gradient(135deg, #fffffffa, #f1f5f9f0), var(--color-bg-card-strong)}.certificate-topline,.certificate-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.certificate-hero{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:26px;display:grid}.result-rank-badge{width:210px;min-height:210px}.result-certificate.is-low-confidence .result-rank-badge{filter:saturate(.65);opacity:.82}.certificate-copy{min-width:0}.result-nickname{color:var(--color-platinum);margin:0 0 8px;font-weight:800}.result-hit-copy{color:var(--color-text-primary);margin:14px 0 0;font-size:1.06rem}.result-summary-copy{margin:10px 0 0}.report-hero-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.certificate-meta span{color:var(--color-text-secondary);font-size:.9rem}.confidence-chip.tone-success,.ui-badge-success{color:var(--color-success);background:#2ecc711a}.confidence-chip.tone-accent,.ui-badge-sky{color:var(--color-accent-strong);background:var(--color-accent-soft)}.confidence-chip.tone-warning,.ui-badge-warning{color:var(--color-warning);background:#f59e0b1f}.confidence-chip.tone-danger,.ui-badge-danger{color:var(--color-danger);background:#f973161f}.ui-badge-gold{color:var(--color-silver);background:#b7c9dd1f}.percentile-banner{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:#101b2cb8;flex-wrap:wrap;align-items:center;padding:18px}html[data-theme=light] .percentile-banner{background:#ffffffc7}.percentile-banner.is-real{border-color:#67e8f952}.percentile-banner h2{margin:8px 0 0}.percentile-meta{color:var(--color-text-secondary);justify-items:end;gap:4px;display:grid}.confidence-notice{background:#f59e0b14;border-color:#f59e0b47;gap:10px;display:grid}html[data-theme=light] .confidence-notice{background:#fffbeb;border-color:#b453093d}.low-confidence-reasons{flex-wrap:wrap;gap:8px;display:flex}.low-confidence-reasons span{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b3d;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:.85rem;font-weight:800;display:inline-flex}html[data-theme=light] .low-confidence-reasons span{color:#92400e;background:#fef3c7;border-color:#b453093d}.capability-panel{gap:8px;display:grid}.capability-list{gap:14px;display:grid}.report-profile-section,.dimension-detail-section,.scenario-section,.boundary-section,.report-extra-section{gap:16px;display:grid}.profile-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.profile-statement,.profile-facts p,.dimension-detail-card,.scenario-card,.retest-grid article{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#101b2c94;min-width:0}html[data-theme=light] .profile-statement,html[data-theme=light] .profile-facts p,html[data-theme=light] .dimension-detail-card,html[data-theme=light] .scenario-card,html[data-theme=light] .retest-grid article,html[data-theme=light] .story-card-emphasis,html[data-theme=light] .growth-card,html[data-theme=light] .detail-module{background:#ffffffc7}.report-expand-control{justify-content:flex-end;display:flex}.report-section-collapsible{gap:0;display:grid}.collapsible-section-head{align-items:center;margin-bottom:0}.report-section-collapsible.is-expanded .collapsible-section-head{margin-bottom:16px}.section-toggle-button,.dimension-detail-toggle{border:1px solid var(--color-border-subtle);background:var(--action-secondary);color:var(--color-text-primary);border-radius:999px;font-weight:900}.section-toggle-button{white-space:nowrap;min-height:38px;padding:8px 12px}.dimension-detail-toggle{text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;display:flex}.dimension-detail-toggle span{gap:4px;display:grid}.dimension-detail-toggle strong{color:var(--color-silver);font-size:1.06rem}.dimension-detail-toggle em{color:var(--color-text-secondary);font-size:.78rem;font-style:normal}.dimension-detail-toggle b{font-family:var(--font-mono);color:var(--color-accent-strong);font-size:1.45rem;line-height:1}.dimension-detail-body,.collapsible-section-body{gap:12px;display:grid}.dimension-detail-body{margin-top:10px}.profile-statement{align-content:start;gap:10px;padding:18px;display:grid}.profile-statement strong{color:var(--color-silver);font-size:1.08rem}.profile-facts{gap:10px;display:grid}.profile-facts p{color:var(--color-text-secondary);gap:6px;margin:0;padding:14px;display:grid}.profile-facts span,.training-card span,.dimension-next-step span{color:var(--color-platinum);font-size:.78rem;font-weight:900;display:block}.dimension-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dimension-detail-card{gap:12px;padding:16px;display:grid}.dimension-detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dimension-detail-head strong{color:var(--color-silver);font-size:1.06rem}.dimension-detail-head span{font-family:var(--font-mono);color:var(--color-accent-strong);font-size:1.45rem;font-weight:900}.dimension-definition{color:var(--color-text-primary);font-weight:800}.dimension-next-step{border-radius:var(--radius-sm);color:var(--color-text-primary);background:#4d9eff1a;gap:5px;padding:10px;display:grid}.capability-bar>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.capability-bar strong{font-family:var(--font-mono);color:var(--color-silver)}.capability-bar i{height:10px}.capability-bar b{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-strong), var(--color-silver));display:block}.story-card-emphasis,.growth-card,.detail-module{background:#101b2c94}.advantage-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.insight-card,.risk-card{align-content:start;gap:8px;display:grid}.insight-list li::marker{color:var(--color-success)}.risk-list li::marker{color:var(--color-warning)}.feature-list{color:var(--color-text-secondary);margin:12px 0 0;padding-left:18px}.feature-list li+li,.copy-stack p+p{margin-top:8px}.growth-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-card{align-content:start;gap:10px;display:grid}.growth-card strong{color:var(--color-silver)}.growth-card span{color:var(--color-accent-strong);font-weight:800}.training-card p{gap:5px;margin:0;display:grid}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.scenario-card{gap:8px;padding:14px;display:grid}.scenario-card strong{color:var(--color-silver)}.scenario-card p{margin:0}.boundary-list{max-width:920px}.retest-guide{gap:10px;margin-top:4px;display:grid}.retest-guide h3{color:var(--color-silver);margin:0}.retest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.retest-grid article{gap:6px;padding:12px;display:grid}.retest-grid strong{color:var(--color-silver)}.retest-grid p{margin:0}.surface-subgrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.detail-module{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);padding:14px}.detail-module+.detail-module{margin-top:12px}.join-group-card{gap:16px;display:grid}.join-group-card.muted{opacity:.82}.group-list-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.group-action{text-align:left;justify-items:start;gap:6px;min-height:78px;display:grid}.poster-card{text-align:center;gap:10px;display:grid}.premium-poster-panel{padding:16px}.premium-poster-card{--color-border-subtle:#d8dde62e;--color-border-strong:#d8dde6b8;--color-platinum:#d8dde6;--color-silver:#f8fafc;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--score-accent:#d4af37;--badge-surface:#101b2dfa;--shadow-panel:0 24px 76px #0000006b;aspect-ratio:9/16;border-radius:var(--radius-xl);border:1px solid var(--color-border-strong);color:#f8fafc;width:100%;box-shadow:var(--shadow-panel);background:linear-gradient(#101b2c 0%,#0b1420 52%,#08111e 100%);align-content:start;padding:24px 18px;position:relative;overflow:hidden}.poster-capture-card{color:#f8fafc;background:radial-gradient(circle at 50% 20%,#67e8f929,#0000 30%),radial-gradient(circle at 18% 72%,#d4af371f,#0000 28%),linear-gradient(#101b2d 0%,#0b1420 54%,#08111f 100%);border-color:#d8dde6b8;gap:14px;padding:22px}.poster-card-head{z-index:1;color:#f8fafc;gap:4px;display:grid;position:relative}.poster-card-head span{color:#f8fafc;letter-spacing:0;font-size:.82rem;font-weight:900}.poster-card-head strong{color:#cbd5e1;font-size:.7rem;font-weight:900}.poster-card-rank{z-index:1;justify-items:center;gap:10px;display:grid;position:relative}.poster-rank-badge{background:radial-gradient(circle at 26% 20%, #ffffff38, transparent 22%), linear-gradient(145deg, #101b2dfa, #08111ffa), var(--badge-surface);border-color:#d8dde6b8;width:168px;min-height:168px;box-shadow:inset 0 0 0 1px #d4af3757,inset 0 0 42px #67e8f91a,0 20px 54px #0006}.poster-card-rank p{color:#cbd5e1;margin:0;font-weight:900}.poster-card-copy{z-index:1;gap:8px;display:grid;position:relative}.poster-card-copy h2{color:#f8fafc;text-wrap:balance;margin:0;font-size:1.32rem;line-height:1.18}.poster-card-copy p{-webkit-line-clamp:2;color:#cbd5e1;-webkit-box-orient:vertical;margin:0;font-weight:800;line-height:1.45;display:-webkit-box;overflow:hidden}.poster-micro-tags{z-index:1;flex-wrap:wrap;justify-content:center;gap:6px;max-height:42px;display:flex;position:relative;overflow:hidden}.poster-micro-tags span{color:#e8eef5;background:#f8fafc14;border:1px solid #d8dde633;border-radius:999px;align-items:center;gap:4px;min-height:22px;padding:4px 7px;font-size:.68rem;font-weight:900;display:inline-flex}.poster-micro-tags span:before{content:"";background:#67e8f9;border-radius:50%;width:5px;height:5px}.poster-confidence-row{z-index:1;position:relative}.poster-confidence-row span{color:#1f2a44;background:#ffffffb8;border:1px solid #1f2a441f;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:900}.poster-dimension-list{z-index:1;border-radius:var(--radius-lg);background:#ffffffad;border:1px solid #1f2a441a;gap:8px;padding:12px;display:grid;position:relative}.poster-dimension-list .capability-bar{gap:5px}.poster-dimension-list .capability-bar>div{font-size:.76rem}.poster-dimension-list .capability-bar span{color:#334155}.poster-dimension-list .capability-bar strong{color:#111827;font-size:.78rem}.poster-dimension-list .capability-bar i{background:#1f2a441f;height:6px}.poster-dimension-list .capability-bar b{background:linear-gradient(90deg,#2563eb,#67e8f9,#d4af37)}.poster-capture-card .poster-block,.poster-capture-card .poster-block.type-disclaimer{color:#cbd5e1}.poster-deco-ring{opacity:.72;pointer-events:none;border:1px solid #b7c9dd2e;border-radius:50%;height:180px;position:absolute;inset:20px 22px auto}.poster-deco-line{pointer-events:none;background:linear-gradient(90deg,#0000,#67e8f96b,#e8eef552,#0000);height:1px;position:absolute;inset:150px 24px auto}.poster-medal{z-index:1;width:82px;height:82px;margin:8px auto 0;font-size:.72rem;font-weight:900;position:relative}.poster-block{z-index:1;min-width:0;color:var(--color-text-primary);overflow-wrap:anywhere;white-space:pre-line;position:relative}.poster-block.align-left{text-align:left}.poster-block.align-center{text-align:center}.poster-block.align-right{text-align:right}.poster-block.size-xs{color:var(--color-text-muted);font-size:.68rem}.poster-block.size-sm{font-size:.82rem}.poster-block.size-md{font-size:.95rem;font-weight:800}.poster-block.size-lg{font-size:1.2rem;font-weight:900}.poster-block.size-xl{font-family:var(--font-mono);font-size:2.45rem;font-weight:900;line-height:1}.poster-block.type-product_name,.poster-block.type-nickname{color:var(--color-platinum)}.poster-block.type-share_line,.poster-block.type-persona,.poster-block.type-training_task,.poster-block.type-percentile{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#e8eef50f;padding:8px 10px}.poster-block.type-share_line,.poster-block.type-training_task{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.poster-block.type-share_line{-webkit-line-clamp:2}.poster-block.type-training_task{-webkit-line-clamp:2;text-align:left}.poster-block.type-disclaimer{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:auto;display:-webkit-box;overflow:hidden}.poster-divider{z-index:1;background:linear-gradient(90deg,#0000,#b7c9dd61,#0000);height:1px;position:relative}.poster-qr-shell{z-index:1;text-align:left;border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);color:#101b2c;background:#ffffffeb;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:auto;padding:14px;display:grid;position:relative}.poster-qr-shell svg{border-radius:var(--radius-sm);background:#fff;width:86px;height:86px;padding:8px}.poster-capture-card .poster-qr-shell svg{width:104px;height:104px}.poster-qr-copy strong{color:#0b1420;font-size:.94rem;line-height:1.25;display:block}.poster-qr-copy b{color:#2563eb;margin-top:3px;font-size:.82rem;line-height:1.2;display:block}.poster-qr-copy p{color:#475569;margin:6px 0 0;font-size:.66rem;line-height:1.35}.poster-output{gap:10px;margin-top:14px;display:grid}.poster-output img{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.low-confidence-panel{gap:14px;display:grid}.history-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.history-list{gap:12px;display:grid}.history-card{background:#101b2cb8;align-items:center}.history-card-main{gap:4px;min-width:0;display:grid}.history-date{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.82rem}.history-level{color:var(--color-silver);font-size:1.08rem}.history-card p{margin:0}.empty-state{text-align:center;justify-items:center;gap:12px;padding:24px 0 8px;display:grid}.doc-body{white-space:pre-wrap;word-break:break-word;gap:14px;display:grid}.modal-backdrop{z-index:20;background:#03080fb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);background:var(--color-bg-card-strong);width:min(420px,100%);box-shadow:var(--shadow-panel);gap:14px;padding:22px;display:grid}.qr-image{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.error-text{color:var(--color-danger);margin:0}.floating-error{z-index:30;border-radius:var(--radius-md);background:#2c140cf5;border:1px solid #f973164d;width:min(560px,100% - 32px);padding:12px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.fullpage-message{place-items:center;min-height:100vh;padding:24px;display:grid}.stat-block,.metric-card,.ui-data-card{align-content:space-between;gap:8px;min-height:110px;padding:18px;display:grid}.stat-block span,.metric-card span,.ui-data-card small{color:var(--color-text-secondary)}.stat-block strong,.metric-card strong{color:var(--color-silver);font-size:1.35rem}.score-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-state-panel{align-content:center;justify-items:start;gap:12px;min-height:200px;padding:22px;display:grid}.ui-state-error{border-color:#f9731647}.achievement-card{text-align:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-card);min-height:500px;box-shadow:var(--shadow-card);align-content:center;justify-items:center;gap:14px;padding:24px;display:grid}.achievement-medal{width:138px;height:138px;font-size:1.35rem}.ui-preview-hero{align-content:end;min-height:240px}.ui-preview-badges,.ui-preview-progress,.preview-module-list{gap:12px;margin-top:14px;display:grid}.ui-preview-result{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.ui-poster-preview{justify-self:center;width:min(360px,100%)}.preview-stress-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}.stress-poster{justify-self:center;width:min(320px,100%)}.stress-result-card{align-content:start;gap:12px;display:grid}.preview-module-card{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#101b2cb8;gap:8px;padding:14px;display:grid}@media (width<=1024px){.premium-hero,.quiz-layout,.result-layout,.history-layout,.ui-preview-result{grid-template-columns:1fr}.sticky-panel,.poster-panel{position:static}.certificate-hero{grid-template-columns:1fr;justify-items:start}.metal-badge,.result-rank-badge{width:170px;min-height:170px}.growth-grid,.dimension-detail-grid,.advantage-risk-grid,.retest-grid,.bento-grid{grid-template-columns:1fr 1fr}.bento-card-1,.trust-card{grid-row:auto}}@media (width<=720px){.topbar,.page-shell,.site-footer{width:min(100% - 24px,1180px)}.topbar{flex-direction:column;align-items:flex-start}.topnav{width:100%}.topnav a{flex:140px}.hero-card,.surface-card,.quiz-card{border-radius:var(--radius-lg);padding:16px}.hero-copy h1,.surface-card h1,.result-certificate h1{font-size:2.05rem}.premium-hero{gap:16px;min-height:auto}.premium-hero .hero-actions .secondary-button,.premium-hero .hero-tags,.premium-hero .level-ladder{display:none}.report-preview-card{gap:12px;padding:14px}.report-preview-main{grid-template-columns:104px minmax(0,1fr);gap:12px}.report-preview-main h2{font-size:1.12rem}.rank-badge-preview{width:104px;height:104px}.rank-badge span{font-size:1.9rem}.instrument-badge{width:170px;height:170px}.instrument-badge span,.metal-badge span{font-size:2rem}.hero-tags,.level-ladder,.form-grid,.score-grid,.metric-grid,.calibration-grid,.growth-grid,.profile-grid,.dimension-detail-grid,.advantage-risk-grid,.retest-grid,.bento-grid{grid-template-columns:1fr}.certificate-hero{gap:18px}.result-certificate{border-radius:var(--radius-lg);min-height:auto;padding:18px}.metal-badge,.result-rank-badge{justify-self:center}.report-hero-actions,.report-expand-control,.collapsible-section-head{width:100%}.collapsible-section-head{flex-direction:column;align-items:flex-start}.section-toggle-button{width:100%;min-height:42px}.history-card{flex-direction:column;align-items:flex-start}.button-row,.hero-actions,.primary-button,.secondary-button,.ghost-button,.danger-button{width:100%}.compact-row .primary-button,.compact-row .secondary-button,.compact-row .ghost-button,.compact-row .danger-button{width:auto}.option-card{min-height:76px;padding:12px 14px;line-height:1.6}.poster-capture-card{padding:18px}.poster-rank-badge{width:146px;min-height:146px}.poster-qr-shell{text-align:center;grid-template-columns:1fr;justify-items:center}.poster-card-copy h2{font-size:1.12rem}.poster-micro-tags{max-height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
