.svi-app{--svi-low: #D14343;--svi-mid: #C97A1F;--svi-high: var(--accent);max-width:var(--prose-max);margin:0 auto;padding:var(--space-7) var(--page-pad-x) var(--space-11)}.svi-app *,.svi-app *:before,.svi-app *:after{box-sizing:border-box}.svi-form{display:flex;flex-direction:column;gap:var(--space-4)}.svi-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--mute)}.svi-input-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.svi-input{flex:1;min-width:220px;font-family:var(--font-body);font-size:var(--text-md);padding:16px 20px;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--paper-pure);color:var(--ink)}.svi-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.svi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:16px 28px;border-radius:var(--radius-pill);border:none;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);white-space:nowrap}.svi-btn--primary{background:var(--ink);color:var(--paper)}.svi-btn--primary:hover:not(:disabled){transform:translateY(-1px)}.svi-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.svi-btn--ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.svi-btn--ghost:hover{background:var(--paper-2)}.svi-back-link{background:none;border:none;color:var(--mute);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;padding:0 0 var(--space-6);display:block}.svi-loading-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0}.svi-spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:svi-spin .8s linear infinite}@keyframes svi-spin{to{transform:rotate(360deg)}}.svi-loading{font-size:var(--text-sm);color:var(--mute);margin:0;animation:svi-fade-in .4s var(--ease-out)}@keyframes svi-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.svi-error{background:color-mix(in srgb,var(--svi-low) 8%,var(--paper-pure));border:1.5px solid color-mix(in srgb,var(--svi-low) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.svi-error p{margin:0;font-size:var(--text-sm);color:var(--ink-2);line-height:var(--lh-prose)}.svi-result{display:flex;flex-direction:column;gap:var(--space-8)}.svi-score-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) 0 var(--space-2)}.svi-gauge{position:relative;width:160px;height:160px}.svi-gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.svi-gauge-track{fill:none;stroke:var(--line);stroke-width:10}.svi-gauge-fill{fill:none;stroke:var(--svi-score-color, var(--accent));stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s var(--ease-out)}.svi-gauge-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.svi-gauge-num{font-family:var(--font-display);font-size:44px;font-weight:600;letter-spacing:var(--tracking-tight);color:var(--ink);line-height:1}.svi-gauge-max{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mute)}.svi-score-status{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--svi-score-color, var(--ink));margin:0}.svi-score-url{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mute);margin:0;word-break:break-all}.svi-methodology-note{font-size:var(--text-xs);color:var(--mute);text-align:center;max-width:480px;margin:0 auto var(--space-2);line-height:var(--lh-tight-body)}.svi-bars{display:flex;flex-direction:column;gap:var(--space-5)}.svi-bar-row{display:flex;flex-direction:column;gap:var(--space-2)}.svi-bar-head{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--ink-2)}.svi-bar-head span:last-child{font-family:var(--font-mono);color:var(--mute)}.svi-bar-track{height:8px;background:var(--paper-2);border-radius:var(--radius-pill);overflow:hidden}.svi-bar-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--svi-bar-color, var(--accent)) 45%,white) 0%,var(--svi-bar-color, var(--accent)) 100%);border-radius:var(--radius-pill);transition:width .8s var(--ease-out)}.svi-bar-desc{font-size:var(--text-xs);color:var(--mute);line-height:var(--lh-tight-body);margin:0}.svi-gate{background:var(--paper-2);border-radius:var(--radius-lg);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-3)}.svi-gate-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--ink);margin:0}.svi-gate-sub{font-size:var(--text-sm);color:var(--mute);margin:0 0 var(--space-2)}.svi-gate-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.svi-gate-row input{flex:1;min-width:200px;font-family:var(--font-body);font-size:var(--text-md);padding:14px 18px;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--paper-pure);color:var(--ink)}.svi-gate-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.svi-confirm{background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);padding:var(--space-7);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.svi-confirm p{margin:0;font-size:var(--text-md);color:var(--paper)}.svi-confirm .svi-btn--primary{background:var(--accent);color:var(--accent-ink)}.svi-action-plan{display:flex;flex-direction:column;gap:var(--space-6)}.svi-action-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.svi-action-item{display:flex;flex-direction:column;gap:8px;padding:var(--space-4) var(--space-5);background:var(--paper-pure);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.svi-action-item:hover{border-color:var(--accent);transform:translateY(-2px)}.svi-action-category-tag{display:inline-flex;align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--mute);background:var(--line);padding:3px 10px;border-radius:var(--radius-pill)}.svi-action-issue{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);font-weight:600;color:var(--ink)}.svi-action-issue:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.svi-action-fix{font-size:var(--text-sm);color:var(--ink-2);line-height:var(--lh-prose)}.svi-action-locked{position:relative;border-radius:var(--radius-md);overflow:hidden;min-height:220px}.svi-action-list--blurred{filter:blur(6px);user-select:none;pointer-events:none}.svi-action-locked-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-5);background:color-mix(in srgb,var(--paper) 55%,transparent)}.svi-action-locked-count{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--ink);margin:0;text-shadow:0 1px 12px var(--paper),0 1px 3px var(--paper)}.svi-action-locked-sub{font-size:var(--text-xs);color:var(--mute);margin:0}@media(max-width:600px){.svi-input-row,.svi-gate-row{flex-direction:column}.svi-btn{width:100%}}