:root {
  --ss-bg:#090708;
  --ss-bg-soft:#130d0f;
  --ss-panel:#151112;
  --ss-panel-2:#1d1516;
  --ss-cream:#f7e9d1;
  --ss-paper:#d9c9ae;
  --ss-muted:#aa9985;
  --ss-dim:#71665d;
  --ss-gold:#d7b472;
  --ss-gold-soft:#ead7ac;
  --ss-red:#9f2d37;
  --ss-red-bright:#d5545d;
  --ss-line:rgba(231,205,158,.17);
  --ss-line-strong:rgba(231,205,158,.34);
  --ss-radius:6px;
}

* { box-sizing:border-box; }
html { min-height:100%; background:#050405; }
body { margin:0; color:var(--ss-cream); background:radial-gradient(circle at 50% 0, #251114 0, #090708 42%, #040304 100%); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; letter-spacing:0; }
button { border:0; color:inherit; font:inherit; -webkit-tap-highlight-color:transparent; }
h1,h2,h3,p { margin:0; }
.hidden { display:none !important; }
.ss-shell { width:min(100%,460px); min-height:100vh; margin:0 auto; overflow:hidden; background:linear-gradient(90deg,transparent 0 39px,rgba(215,180,114,.025) 40px,transparent 41px),linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%),var(--ss-bg); box-shadow:0 0 0 1px rgba(255,255,255,.035),0 30px 100px rgba(0,0,0,.5); }
.ss-screen { min-height:100svh; padding:20px 18px calc(30px + env(safe-area-inset-bottom)); }
.ss-intro { position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:13px; overflow:hidden; background:radial-gradient(circle at 50% 45%,rgba(159,45,55,.26),transparent 28%),radial-gradient(circle at 76% 8%,rgba(215,180,114,.13),transparent 24%),linear-gradient(180deg,rgba(5,4,5,.35),rgba(8,6,7,.96)); }
.ss-intro::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.28; background:linear-gradient(60deg,transparent 49.7%,rgba(215,180,114,.13) 50%,transparent 50.3%),linear-gradient(120deg,transparent 49.7%,rgba(215,180,114,.1) 50%,transparent 50.3%); }
.ss-intro-top,.ss-intro-copy,.ss-wheel,.ss-intro-bottom { position:relative; z-index:1; }
.ss-intro-top { display:flex; align-items:center; justify-content:center; gap:12px; color:var(--ss-gold); font-size:11px; font-weight:800; letter-spacing:.12em; }
.ss-intro-top::before,.ss-intro-top::after { content:""; width:42px; height:1px; background:linear-gradient(90deg,transparent,var(--ss-line-strong)); }
.ss-intro-top::after { transform:scaleX(-1); }
.ss-intro-copy { text-align:center; }
.ss-intro-copy>p:first-child { color:var(--ss-gold); font-family:Georgia,"Times New Roman",serif; font-size:10px; letter-spacing:.18em; }
.ss-intro-copy h1 { margin-top:8px; color:var(--ss-cream); font-family:"Songti SC","STSong",Georgia,serif; font-size:clamp(46px,13vw,62px); line-height:1.04; font-weight:800; text-shadow:0 10px 28px rgba(0,0,0,.55); }
.ss-lead { color:var(--ss-muted); font-size:14px; line-height:1.72; }
.ss-lead strong { color:var(--ss-cream); font-weight:600; }
.ss-wheel { width:min(78vw,330px); aspect-ratio:1; margin:0 auto; border:1px solid rgba(215,180,114,.28); border-radius:50%; background:repeating-conic-gradient(from -90deg,rgba(215,180,114,.13) 0 1deg,transparent 1deg 51.42deg),radial-gradient(circle,rgba(159,45,55,.22),rgba(10,8,9,.8) 58%); box-shadow:inset 0 0 48px rgba(0,0,0,.75),0 24px 48px rgba(0,0,0,.3); }
.ss-wheel::before,.ss-wheel::after { content:""; position:absolute; border:1px solid rgba(215,180,114,.18); border-radius:50%; inset:31px; pointer-events:none; }
.ss-wheel::after { inset:85px; border-color:rgba(213,84,93,.32); box-shadow:0 0 34px rgba(159,45,55,.22); }
.ss-wheel-core { position:absolute; left:50%; top:50%; z-index:2; width:92px; height:92px; display:grid; place-items:center; align-content:center; color:var(--ss-cream); border:1px solid rgba(215,180,114,.5); background:linear-gradient(135deg,#6d1821,#140d0f 55%,#8f2932); transform:translate(-50%,-50%) rotate(45deg); box-shadow:0 0 38px rgba(159,45,55,.4); }
.ss-wheel-core>* { transform:rotate(-45deg); }
.ss-wheel-core span,.ss-wheel-core small { color:var(--ss-gold); font-family:Georgia,serif; font-size:7px; letter-spacing:.13em; }
.ss-blade-seven { width:48px; height:64px; display:block; margin:-8px 0 -4px; background:url("seven-brush.png") 50% 50%/132% auto no-repeat; filter:invert(1) grayscale(1) contrast(1.8) brightness(1.45); mix-blend-mode:screen; }
.ss-wheel-node-slot { position:absolute; left:50%; top:50%; z-index:3; width:0; height:0; transform:rotate(var(--angle)); animation:ssOrbit 42s linear infinite; }
.ss-wheel-node { position:absolute; left:0; top:0; width:69px; min-height:69px; transform:translate(-50%,-50%) translateY(calc(min(39vw,162px) * -1)); }
.ss-wheel-node-face { width:69px; min-height:69px; display:grid; place-items:center; align-content:center; gap:3px; padding:7px; border:1px solid rgba(215,180,114,.34); border-radius:50%; text-align:center; background:radial-gradient(circle at 50% 15%,rgba(213,84,93,.35),transparent 45%),rgba(12,9,10,.94); transform:rotate(var(--counter-angle)); animation:ssCounterOrbit 42s linear infinite; box-shadow:0 12px 25px rgba(0,0,0,.35); }
.ss-wheel-node-face b { font-family:"Songti SC",serif; font-size:16px; }
.ss-wheel-node-face small { color:var(--ss-gold); font-family:Georgia,serif; font-size:8px; letter-spacing:.08em; }
@keyframes ssOrbit { to { transform:rotate(calc(var(--angle) + 360deg)); } }
@keyframes ssCounterOrbit {
  from { transform:rotate(var(--counter-angle)); }
  to { transform:rotate(calc(var(--counter-angle) - 360deg)); }
}
@media (prefers-reduced-motion:reduce) {
  .ss-wheel-node-slot,.ss-wheel-node-face { animation:none; }
}
.ss-intro-bottom { display:grid; gap:10px; }
.ss-facts { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--ss-line); background:rgba(11,8,9,.72); }
.ss-facts span { padding:10px 4px; color:var(--ss-dim); border-right:1px solid var(--ss-line); text-align:center; font-size:10px; }
.ss-facts span:last-child { border-right:0; }
.ss-facts strong { display:block; margin-bottom:3px; color:var(--ss-cream); font-family:Georgia,serif; font-size:18px; }
.ss-button { width:100%; min-height:54px; display:flex; align-items:center; justify-content:center; border-radius:var(--ss-radius); cursor:pointer; font-weight:800; }
.ss-primary { color:#fff3df; border:1px solid rgba(239,215,174,.27); background:linear-gradient(135deg,#751b24,#b43843 52%,#711820); box-shadow:0 16px 38px rgba(159,45,55,.27); }
.ss-secondary { color:var(--ss-gold-soft); border:1px solid var(--ss-line); background:#151112; }
.ss-report-save { color:#1a1011; border:1px solid #e5ca95; background:linear-gradient(135deg,#f3dfb6,#cba55f 52%,#efd8a6); box-shadow:0 13px 30px rgba(215,180,114,.14); }
.ss-button:active,.ss-prev:active,.ss-option:active { transform:scale(.985); }
.ss-note { color:var(--ss-dim); text-align:center; font-size:11px; line-height:1.5; }

.ss-quiz { background:radial-gradient(circle at 80% 5%,rgba(159,45,55,.18),transparent 24%),var(--ss-bg); }
.ss-quiz-head { display:grid; gap:10px; }
.ss-quiz-head>div:first-child { display:flex; justify-content:space-between; align-items:center; color:var(--ss-muted); font-size:12px; }
.ss-quiz-head b { color:var(--ss-gold); font-weight:700; }
.ss-progress { height:5px; overflow:hidden; background:rgba(215,180,114,.13); }
.ss-progress i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--ss-red),var(--ss-red-bright),var(--ss-gold)); transition:width .25s ease; }
.ss-question-card { position:relative; min-height:calc(100svh - 118px); display:flex; flex-direction:column; margin-top:12px; padding:20px 17px 16px; border:1px solid var(--ss-line); background:radial-gradient(circle at 92% 7%,rgba(215,180,114,.1),transparent 21%),linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--ss-panel); box-shadow:0 24px 64px rgba(0,0,0,.34); overflow:hidden; }
.ss-question-card::after { content:""; position:absolute; right:-46px; top:-43px; width:138px; height:138px; border:1px solid rgba(215,180,114,.14); border-radius:50%; background:repeating-conic-gradient(rgba(215,180,114,.1) 0 1deg,transparent 1deg 51deg); }
.ss-question-mark { position:relative; z-index:1; display:flex; align-items:center; gap:11px; }
.ss-question-mark span { color:var(--ss-red-bright); font-family:Georgia,serif; font-size:46px; line-height:1; }
.ss-question-mark i { width:72px; height:1px; background:linear-gradient(90deg,var(--ss-gold),transparent); }
.ss-question-card>p { position:relative; z-index:1; margin-top:10px; color:var(--ss-dim); font-size:11px; letter-spacing:.07em; }
.ss-question-card h2 { position:relative; z-index:1; margin-top:9px; color:var(--ss-cream); font-family:"Songti SC","STSong",serif; font-size:24px; line-height:1.45; font-weight:700; }
.ss-options { position:relative; z-index:1; display:grid; gap:8px; margin-top:auto; padding-top:19px; }
.ss-option { width:100%; min-height:51px; display:grid; grid-template-columns:34px 1fr; align-items:center; gap:10px; padding:8px 11px; color:var(--ss-muted); text-align:left; border:1px solid rgba(231,205,158,.12); border-radius:var(--ss-radius); background:rgba(8,6,7,.62); transition:.16s ease; }
.ss-option span { width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(215,180,114,.32); border-radius:50%; color:var(--ss-gold); font-family:Georgia,serif; font-weight:700; }
.ss-option strong { font-size:14px; line-height:1.35; font-weight:500; }
.ss-option.is-selected { color:var(--ss-cream); border-color:rgba(213,84,93,.6); background:linear-gradient(90deg,rgba(159,45,55,.65),rgba(14,10,11,.88)); }
.ss-option.is-selected span { color:#fff; background:rgba(159,45,55,.7); border-color:var(--ss-gold); }
.ss-prev { display:block; min-height:38px; margin:11px auto 0; color:var(--ss-muted); background:transparent; cursor:pointer; font-size:13px; }

.ss-result { padding:0 14px calc(34px + env(safe-area-inset-bottom)); background:linear-gradient(180deg,#0a0708,#160d0f 38%,#070506); }
.ss-result-report { padding:22px 0 0; }
.ss-result-head { padding:15px 12px 18px; text-align:center; border-bottom:1px solid var(--ss-line); }
.ss-result-head>p { color:var(--ss-gold); font-size:11px; font-weight:800; letter-spacing:.12em; }
.ss-result-head h1 { margin-top:7px; font-family:"Songti SC",serif; font-size:29px; }
.ss-result-head>div { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:9px; color:var(--ss-dim); font-family:Georgia,serif; font-size:8px; letter-spacing:.14em; }
.ss-result-head i { width:33px; height:1px; background:var(--ss-line-strong); }
.ss-result-hero { display:grid; grid-template-columns:.88fr 1.12fr; gap:9px; margin-top:10px; }
.ss-total,.ss-dominant,.ss-verdict,.ss-section { position:relative; border:1px solid var(--ss-line); background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008)),rgba(17,13,14,.94); }
.ss-total::before,.ss-dominant::before,.ss-verdict::before,.ss-section::before { content:""; position:absolute; inset:5px; border:1px solid rgba(215,180,114,.07); pointer-events:none; }
.ss-total { display:block; padding:18px 10px; text-align:center; }
.ss-total>span,.ss-dominant>span { display:block; color:var(--ss-gold-soft); font-size:13px; font-weight:700; }
.ss-total strong { display:inline-block; margin-top:15px; color:var(--ss-cream); font-family:Georgia,serif; font-size:58px; line-height:.88; }
.ss-total small { color:var(--ss-gold-soft); font-family:Georgia,serif; font-size:18px; }
.ss-total p { margin-top:14px; color:var(--ss-muted); font-size:11px; line-height:1.5; }
.ss-dominant { display:grid; justify-items:center; padding:17px 10px 13px; text-align:center; background:radial-gradient(circle at 50% 48%,rgba(159,45,55,.36),transparent 38%),rgba(17,13,14,.94); }
.ss-dominant-seal { width:140px; height:140px; display:grid; place-items:center; align-content:center; gap:4px; margin-top:8px; border:1px solid rgba(215,180,114,.52); border-radius:50%; background:radial-gradient(circle,#8c252f 0,#2a1115 55%,#0b0809 72%); box-shadow:inset 0 0 32px rgba(0,0,0,.55),0 0 26px rgba(159,45,55,.25); }
.ss-dominant-seal::before { content:"✦"; color:var(--ss-gold); font-size:18px; }
.ss-dominant-seal small { color:var(--ss-gold); font-family:Georgia,serif; font-size:9px; letter-spacing:.11em; }
.ss-dominant-seal strong { font-family:"Songti SC",serif; font-size:34px; }
.ss-dominant>p { margin-top:8px; color:var(--ss-muted); font-size:11px; line-height:1.45; }
.ss-verdict { margin-top:9px; padding:19px 17px 18px; text-align:center; }
.ss-verdict>p:first-child { color:var(--ss-gold); font-size:10px; letter-spacing:.11em; }
.ss-verdict h2 { margin-top:8px; color:var(--ss-cream); font-family:"Songti SC",serif; font-size:23px; line-height:1.35; }
.ss-verdict #verdict-copy { margin-top:12px; color:var(--ss-muted); font-size:13px; line-height:1.75; text-align:left; }
.ss-keywords { display:flex; justify-content:center; flex-wrap:wrap; gap:16px; margin-top:13px; }
.ss-keywords span { position:relative; color:var(--ss-gold-soft); font-size:12px; font-weight:700; }
.ss-keywords span::after { content:""; position:absolute; left:8%; right:8%; bottom:-4px; height:1px; background:var(--ss-red-bright); }
.ss-section { margin-top:9px; padding:16px 14px 17px; }
.ss-section>header { position:relative; z-index:1; display:flex; align-items:center; gap:11px; padding-bottom:11px; border-bottom:1px solid var(--ss-line); }
.ss-section>header>span { color:var(--ss-red-bright); font-family:Georgia,serif; font-size:27px; }
.ss-section>header p { color:var(--ss-dim); font-size:9px; letter-spacing:.12em; }
.ss-section>header h2 { margin-top:2px; font-family:"Songti SC",serif; font-size:20px; }
.ss-radar-wrap { position:relative; z-index:1; margin-top:8px; }
.ss-radar { width:100%; height:auto; display:block; overflow:visible; }
.ss-radar .grid { fill:none; stroke:rgba(215,180,114,.2); stroke-width:1; }
.ss-radar .axis { stroke:rgba(215,180,114,.2); stroke-width:1; }
.ss-radar .area { fill:rgba(159,45,55,.55); stroke:var(--ss-gold); stroke-width:2; filter:drop-shadow(0 0 12px rgba(159,45,55,.38)); }
.ss-radar .dot { fill:var(--ss-cream); stroke:#281014; stroke-width:2; }
.ss-radar .label { fill:var(--ss-gold-soft); font-family:"Songti SC",serif; font-size:13px; text-anchor:middle; dominant-baseline:middle; }
.ss-ranking { position:relative; z-index:1; display:grid; gap:0; margin-top:9px; }
.ss-rank { display:grid; grid-template-columns:29px 42px minmax(0,1fr) 34px; align-items:center; gap:8px; min-height:46px; border-bottom:1px solid rgba(215,180,114,.09); }
.ss-rank>span:first-child { color:var(--ss-dim); font-family:Georgia,serif; font-size:12px; }
.ss-rank b { color:var(--ss-cream); font-size:13px; }
.ss-rank-track { height:7px; overflow:hidden; background:rgba(215,180,114,.11); border-radius:999px; }
.ss-rank-track i { display:block; width:var(--value); height:100%; border-radius:inherit; background:linear-gradient(90deg,#6f1720,var(--ss-red-bright),var(--ss-gold)); }
.ss-rank strong { color:var(--ss-gold-soft); font-family:Georgia,serif; font-size:18px; text-align:right; }
.ss-trigger-grid { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:11px; }
.ss-trigger { min-height:118px; padding:12px 10px; border:1px solid rgba(215,180,114,.11); background:rgba(8,6,7,.45); }
.ss-trigger span { color:var(--ss-red-bright); font-family:Georgia,serif; font-size:18px; }
.ss-trigger h3 { margin-top:7px; color:var(--ss-gold-soft); font-size:14px; }
.ss-trigger p { margin-top:6px; color:var(--ss-muted); font-size:11px; line-height:1.55; }
.ss-reading-copy { position:relative; z-index:1; padding:16px 4px 2px; }
.ss-reading-copy h3 { color:var(--ss-gold-soft); font-family:"Songti SC",serif; font-size:20px; line-height:1.4; }
.ss-reading-copy>p { margin-top:10px; color:var(--ss-muted); font-size:13px; line-height:1.8; }
.ss-reading-copy blockquote { margin:16px 0 0; padding:13px 14px; color:var(--ss-cream); border-left:2px solid var(--ss-red-bright); background:rgba(159,45,55,.13); font-family:"Songti SC",serif; font-size:14px; line-height:1.65; }
.ss-advice { position:relative; z-index:1; display:grid; gap:8px; margin-top:11px; }
.ss-advice article { display:grid; grid-template-columns:34px 1fr; gap:10px; padding:10px 9px; border-bottom:1px solid rgba(215,180,114,.1); background:rgba(8,6,7,.32); }
.ss-advice span { width:32px; height:32px; display:grid; place-items:center; color:var(--ss-gold); border:1px solid var(--ss-line-strong); border-radius:50%; font-family:Georgia,serif; }
.ss-advice h3 { color:var(--ss-gold-soft); font-size:14px; }
.ss-advice p { margin-top:4px; color:var(--ss-muted); font-size:11px; line-height:1.55; }
#seven-sins-card,#seven-sins-report { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.ss-result-actions { display:grid; gap:9px; margin-top:11px; }
.regulatory-footer { width:min(100%,460px); margin:0 auto; padding:16px; text-align:center; background:#050405; }
.regulatory-footer a { color:#5f5650; font-size:11px; text-decoration:none; }

.ss-preview-requested body { overflow:hidden; }
.ss-preview-requested .ss-shell,.ss-preview-requested .regulatory-footer { visibility:hidden; }
.ss-preview-authorized body { overflow:auto; }
.ss-preview-authorized .ss-shell { visibility:visible; }
.ss-preview-active .ss-result-actions,.ss-preview-active .regulatory-footer { display:none; }
.ss-preview-asset-card .ss-result-report>*:not(.ss-preview-export-image),
.ss-preview-asset-report .ss-result-report>*:not(.ss-preview-export-image) { display:none !important; }
.ss-preview-export-image { width:100%; height:auto; display:block; }
.ss-preview-asset-card .ss-result,
.ss-preview-asset-report .ss-result { padding:0; background:#090708; }
.ss-preview-asset-card .ss-result-report,
.ss-preview-asset-report .ss-result-report { max-width:540px; padding:0; }
.ss-preview-asset-card .ss-preview-controls,
.ss-preview-asset-report .ss-preview-controls,
.ss-preview-asset-card .ss-preview-adjust-button,
.ss-preview-asset-report .ss-preview-adjust-button,
.ss-preview-asset-card .ss-preview-customizer,
.ss-preview-asset-report .ss-preview-customizer { display:none; }
.ss-preview-gate { position:fixed; inset:0; z-index:99; display:grid; place-items:center; color:var(--ss-gold-soft); background:#080607; }
.ss-preview-gate.is-failed { color:#f0b6b8; }
.ss-preview-controls { position:fixed; left:50%; bottom:calc(14px + env(safe-area-inset-bottom)); z-index:90; width:min(310px,calc(100vw - 28px)); display:grid; grid-template-columns:46px 1fr 46px; align-items:center; transform:translateX(-50%); border:1px solid rgba(215,180,114,.25); background:rgba(12,9,10,.91); backdrop-filter:blur(15px); box-shadow:0 16px 40px rgba(0,0,0,.36); transition:opacity .2s ease; }
.ss-preview-controls.is-hidden { opacity:0; pointer-events:none; }
.ss-preview-controls button { height:47px; color:var(--ss-gold-soft); background:transparent; font-size:28px; }
.ss-preview-controls div { min-width:0; text-align:center; }
.ss-preview-controls strong,.ss-preview-controls span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ss-preview-controls strong { color:var(--ss-cream); font-size:12px; }
.ss-preview-controls span { margin-top:2px; color:var(--ss-dim); font-size:10px; }
.ss-preview-adjust-button { position:fixed; top:calc(12px + env(safe-area-inset-top)); right:12px; z-index:92; min-width:84px; height:39px; padding:0 13px; color:#1a1011; border:1px solid #e5ca95; border-radius:20px; background:linear-gradient(135deg,#f3dfb6,#cba55f 52%,#efd8a6); box-shadow:0 10px 28px rgba(0,0,0,.3); font-size:12px; font-weight:800; cursor:pointer; }
.ss-preview-adjust-button.is-open { color:var(--ss-gold-soft); border-color:var(--ss-line-strong); background:#1a1113; }
.ss-preview-customizer { position:fixed; left:50%; bottom:0; z-index:91; width:min(460px,100%); max-height:min(76dvh,680px); padding:18px 16px calc(18px + env(safe-area-inset-bottom)); color:var(--ss-cream); border:1px solid var(--ss-line-strong); border-bottom:0; background:rgba(13,9,10,.98); box-shadow:0 -24px 60px rgba(0,0,0,.5); transform:translate(-50%,calc(100% + 18px)); visibility:hidden; transition:transform .24s ease,visibility .24s; overflow:auto; overscroll-behavior:contain; }
.ss-preview-customizer.is-open { transform:translate(-50%,0); visibility:visible; }
.ss-preview-customizer>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:13px; border-bottom:1px solid var(--ss-line); }
.ss-preview-customizer>header small { color:var(--ss-red-bright); font-size:9px; font-weight:800; letter-spacing:.12em; }
.ss-preview-customizer>header h2 { margin-top:3px; font-family:"Songti SC","STSong",serif; font-size:22px; }
.ss-preview-customizer>header button { min-width:58px; height:34px; color:var(--ss-gold-soft); border:1px solid var(--ss-line-strong); background:transparent; font-size:12px; font-weight:800; cursor:pointer; }
.ss-preview-score-list { display:grid; gap:3px; margin-top:11px; }
.ss-preview-score-list label { display:grid; grid-template-columns:43px minmax(0,1fr) 36px; align-items:center; gap:10px; min-height:44px; }
.ss-preview-score-list span { color:var(--ss-gold-soft); font-size:13px; font-weight:700; }
.ss-preview-score-list input { width:100%; accent-color:var(--ss-red-bright); cursor:pointer; }
.ss-preview-score-list output { color:var(--ss-cream); font-family:Georgia,serif; font-size:17px; font-weight:700; text-align:right; }
.ss-preview-customizer>p { margin-top:10px; color:var(--ss-dim); font-size:10px; line-height:1.55; text-align:center; }
.ss-preview-customizing .ss-preview-controls { opacity:0; pointer-events:none; }

@media (max-width:699px) {
  .ss-screen { padding:12px 18px calc(14px + env(safe-area-inset-bottom)); }
  .ss-intro { justify-content:flex-start; gap:7px; }
  .ss-intro-top { font-size:10px; }
  .ss-intro-copy>p:first-child { font-size:9px; }
  .ss-intro-copy h1 { margin-top:4px; font-size:43px; line-height:.98; }
  .ss-lead { font-size:12px; line-height:1.45; }
  .ss-wheel { width:min(62vw,240px); margin:15px auto 42px; }
  .ss-wheel::before { inset:25px; }
  .ss-wheel::after { inset:65px; }
  .ss-wheel-core { width:76px; height:76px; }
  .ss-blade-seven { width:40px; height:54px; margin:-7px 0 -4px; }
  .ss-wheel-node { width:52px; min-height:52px; transform:translate(-50%,-50%) translateY(calc(min(28vw,108px) * -1)); }
  .ss-wheel-node-face { width:52px; min-height:52px; gap:0; padding:4px; }
  .ss-wheel-node-face b { font-size:14px; }
  .ss-wheel-node-face small { display:none; }
  .ss-intro-bottom { gap:6px; margin-top:1px; }
  .ss-facts span { padding:6px 3px; font-size:9px; }
  .ss-facts strong { margin-bottom:1px; font-size:15px; }
  .ss-button { min-height:48px; }
  .ss-note { font-size:10px; line-height:1.3; }
}

@media (min-width:700px) {
  .ss-shell,.regulatory-footer { width:min(100%,880px); }
  .ss-screen { padding-left:36px; padding-right:36px; }
  .ss-intro { min-height:920px; }
  .ss-wheel { width:350px; }
  .ss-wheel-node { transform:translate(-50%,-50%) translateY(-172px); }
  .ss-question-card { min-height:720px; }
  .ss-result { padding-left:32px; padding-right:32px; }
  .ss-result-report { width:100%; max-width:760px; margin:0 auto; }
  .ss-result-hero { grid-template-columns:1fr 1fr; }
  .ss-verdict { padding-left:44px; padding-right:44px; }
  .ss-radar-section { padding-left:70px; padding-right:70px; }
  .ss-radar { max-width:510px; margin:0 auto; }
  .ss-trigger-grid { grid-template-columns:repeat(4,1fr); }
  .ss-trigger { min-height:130px; }
}

@media (max-width:370px) {
  .ss-screen { padding-left:13px; padding-right:13px; }
  .ss-wheel-node,.ss-wheel-node-face { width:62px; min-height:62px; }
  .ss-wheel-node-face b { font-size:14px; }
  .ss-question-card h2 { font-size:22px; }
  .ss-option { min-height:48px; }
  .ss-result { padding-left:10px; padding-right:10px; }
}