/* Monk family: warm paper, orange/gold, midnight, cyan orbital details. */
@media screen {
:root{--bg:#fbf8f3;--paper:#fffdfa;--ink:#18181b;--muted:#63616a;--line:#e7e0d7;--accent:#c2410c;--soft:#fff0e3;--green:#147437;--radius:20px;--shadow:none;--surface:#f5f0e9;--button-ink:#fff;--cyan:#0e7490;--positive-bg:#eaf5ed;--negative:#b42332;--negative-bg:#fff0f0;--star:#a8866750;font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color-scheme:light}
:root[data-theme=dark]{--bg:#05060a;--paper:#101117;--ink:#f4f4f5;--muted:#a5a5b1;--line:#2c2c36;--accent:#fb923c;--soft:#2c1b12;--green:#86dca4;--surface:#191a23;--button-ink:#170b04;--cyan:#7fd4e8;--positive-bg:#14281d;--negative:#fda4af;--negative-bg:#311b24;--star:#e7c69850;color-scheme:dark}
body{background:var(--bg);isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--star) .75px,transparent 1px),radial-gradient(circle,var(--star) .6px,transparent 1px);background-size:89px 97px,151px 163px;background-position:20px 10px,60px 80px;opacity:.45}
.top{background:var(--bg);gap:36px;border-color:var(--line);height:90px}
.wordmark{gap:11px;font-size:24px;font-weight:800;letter-spacing:-.8px}
.brand-mark{width:44px;height:44px;background:transparent;flex-shrink:0}
.brand-mark svg{width:100%;height:100%;display:block}
.wordmark-geo{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.2px;font-weight:700;color:var(--accent);padding:4px 8px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:7px;background:var(--soft);margin-left:2px}
.main-nav{gap:6px}
.main-nav a{height:40px;padding:0 15px;border-radius:24px;transition:background .2s,color .2s}
.main-nav a[aria-current]{background:var(--surface);color:var(--ink)}
.main-nav a[aria-current]::after{display:none}
.main-nav a:hover{background:var(--soft);color:var(--accent)}
.top-right{gap:14px}.appearance-tools{display:flex;gap:8px}
.icon-button,.avatar{width:40px;height:40px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:50%;color:var(--muted)}
.icon-button:hover,.avatar:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}
.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sun-icon,.play-icon{display:none}[data-theme=dark] .sun-icon{display:initial}[data-theme=dark] .moon-icon{display:none}[data-motion=off] .pause-icon{display:none}[data-motion=off] .play-icon{display:initial}
.wrap{padding-top:36px}.eyebrow{font-family:'JetBrains Mono',monospace;color:var(--accent);font-size:10px;letter-spacing:1.7px;font-weight:600}
h1{font-weight:800;letter-spacing:-1.4px}h2,h3{font-weight:700}.mono,code,.hash{font-family:'JetBrains Mono',monospace}
.gradient-text{color:var(--accent);background:linear-gradient(100deg,#c2410c,#a65c04);background-clip:text;-webkit-text-fill-color:transparent}
[data-theme=dark] .gradient-text{background-image:linear-gradient(100deg,#fb923c,#fde047)}
.btn{border-radius:14px;background:var(--accent);color:var(--button-ink);font-weight:650;min-height:46px;padding:11px 20px;position:relative;overflow:hidden;transition:transform .22s,background .22s,box-shadow .22s}
.btn:hover{background:var(--accent);box-shadow:0 5px 22px #f9731625;transform:translateY(-2px)}
.btn:active{transform:translateY(1px) scale(.98)}.btn span{transition:transform .22s}.btn:hover span{transform:translate(2px,-2px)}
.btn.secondary{color:var(--ink);background:var(--paper);border-color:var(--line)}.btn.secondary:hover{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.btn.danger{color:var(--negative);background:var(--negative-bg)}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.panel,.stat-strip,.filters{background:var(--paper);border-color:var(--line)}
.panel{transition:border-color .25s}.panel:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.stat-value,.metric-value,.progress-num{font-weight:600;letter-spacing:-1.6px}.stat{position:relative}.stat::after{content:"";position:absolute;bottom:-24px;left:25px;right:25px;height:2px;transform:scaleX(0);transform-origin:left;background:var(--accent);transition:transform .3s}.stat:hover::after{transform:scaleX(1)}
.brand-avatar,.provider-icon,.empty-mark{background:var(--soft);color:var(--accent);border-color:var(--line)}.brand-avatar{font-family:Inter,sans-serif;font-size:23px;font-weight:700}
.brand-row,.evidence-row,.metric{transition:background .2s,transform .2s}.metric:hover .metric-value{color:var(--accent)}
.tag,.tag.dark{background:var(--surface);color:var(--muted);border-radius:6px}.tag.mock,.tag.warn{background:var(--soft);color:var(--accent)}.tag.ok,.tag.live{background:var(--positive-bg);color:var(--green)}.tag.err{background:var(--negative-bg);color:var(--negative)}
.notice{background:var(--soft);color:var(--accent);border-radius:12px}.notice.info{background:var(--positive-bg);color:var(--green)}
.steps li:before{border-color:var(--line);color:var(--accent);background:var(--soft)}
th{background:var(--surface)}.table-wrap{position:relative}td{border-color:var(--line)}tbody tr{transition:background .2s}tbody tr:hover,.evidence-row:hover{background:var(--surface)}
.tabs a[aria-current]{border-color:var(--accent);color:var(--accent)}.tabs a:hover{color:var(--accent)}
input,select,textarea{background:var(--paper);border-color:var(--line);border-radius:11px;transition:border-color .2s,box-shadow .2s}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input:hover,select:hover,textarea:hover{border-color:var(--muted)}
input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:1px}
.form-error{background:var(--negative-bg);color:var(--negative)}.form-sticky{background:var(--paper);border-color:var(--line);box-shadow:0 8px 32px #00000012}
.provider-option:has(input:checked){border-color:var(--accent);background:var(--soft)}
.bar,.progress-track{background:var(--surface)}.bar i,.progress-track i{background:linear-gradient(90deg,#f97316,#eab308);transform-origin:left}.progress-track{height:9px}.progress-track i{transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}
[data-active=true] .progress-track i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff8,transparent);animation:scan-sheen 2s ease-in-out infinite}
.pulse{background:var(--accent)}.recommendation .number{color:var(--accent)}.evidence-chips a{color:var(--accent);background:var(--soft)}.evidence-chips a:hover{background:var(--surface)}pre{background:var(--surface);color:var(--ink)}
.toast,.skip{color:var(--paper);background:var(--ink)}.toast{border-radius:14px;box-shadow:0 6px 30px #0002}
.prompt-nav button{background:var(--paper);color:var(--ink);border-radius:12px}.prompt-nav button:hover{border-color:var(--accent)}.prompt-nav button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}
.workspace-hero,.login-layout{position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));border-radius:28px;background:radial-gradient(ellipse at 85% 20%,#f9731614,transparent 60%),var(--paper);overflow:hidden}
.workspace-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:330px;padding:40px 46px;margin-bottom:28px;gap:24px}
.workspace-hero h1{font-size:clamp(34px,3.5vw,48px);line-height:1.22;letter-spacing:-1.8px}.workspace-hero .lede{font-size:13px;margin-top:16px}.hero-copy>.btn{margin-top:24px}
.orbit-scene{width:300px;height:270px;position:relative;display:grid;place-items:center;justify-self:center;pointer-events:none}
.orbit-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#f9731630,transparent 70%);transform:scale(1.5);animation:orb-glow 6s ease-in-out infinite}
.monk-orb{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff3c4 0,#fdba4d 22%,#f97316 55%,#7c2d12 100%);box-shadow:inset -8px -10px 20px #431e2b40,0 0 55px #f9731628;animation:orb-breathe 7s ease-in-out infinite;position:relative}
.monk-orb::after{content:"";position:absolute;inset:12px;border:1px solid #ffffff25;border-radius:50%}
.orbit-ring{position:absolute;border:1px dashed color-mix(in srgb,var(--muted) 35%,transparent);border-radius:50%;width:254px;height:254px;animation:orbit-spin 40s linear infinite;display:grid;justify-items:center}
.orbit-ring span{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.4px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 10px;height:max-content;transform:translateY(-50%);animation:orbit-label 40s linear infinite}
.ring-two{width:198px;height:198px;border-color:color-mix(in srgb,var(--cyan) 40%,transparent);animation:orbit-spin 28s linear infinite reverse;rotate:110deg}.ring-two span{color:var(--cyan);transform:translateY(-50%) rotate(-110deg);animation:orbit-label-inner 28s linear infinite reverse}
.orbit-caption{position:absolute;bottom:-16px;font:8px 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:2px}
.login-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);gap:60px;max-width:1140px;margin:20px auto;padding:52px}
.login-copy h1{font-size:clamp(32px,3.6vw,48px);line-height:1.3;font-weight:800;letter-spacing:-1.8px}.login-copy>p{font-size:14px;max-width:430px;margin-top:20px;color:var(--muted)}
.login-copy .orbit-scene{height:230px;width:300px;margin:30px auto 32px}.login-copy .orbit-ring{width:214px;height:214px}.login-copy .ring-two{width:166px;height:166px}.login-copy .monk-orb{width:96px;height:96px}.login-copy .orbit-caption{bottom:-6px}
.login-proof{border-color:var(--line);color:var(--muted);font-size:11px;line-height:1.9}.login-panel{padding:32px;background:var(--paper);position:relative}.login-panel::before{content:"";position:absolute;top:0;left:32px;right:32px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.login-panel h2{font-size:22px}.login-panel .btn{width:100%;justify-content:space-between}.login-panel input{font-size:14px}.footer{padding-left:20px;padding-right:20px}
.btn[aria-busy=true]::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:orbit-spin .7s linear infinite;flex-shrink:0}.btn[aria-busy=true]{opacity:.8}
@media(hover:hover) and (pointer:fine){.panel:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.metric:hover{transform:translateY(-3px)}.text-link:hover{color:var(--accent)}}
@media(max-width:1000px){.top{gap:20px;padding-inline:24px}.main-nav a{padding-inline:11px}.workspace-label{display:none}.login-layout{padding:32px;gap:30px}.workspace-hero{padding:34px}.workspace-hero .orbit-scene{transform:scale(.85)}}
@media(max-width:700px){input,select,textarea,.prompt-item textarea,.login-panel input{font-size:16px}.filters select{font-size:16px}.top{height:auto;min-height:80px;padding:16px 18px;gap:16px;flex-wrap:wrap}.wordmark{font-size:22px}.brand-mark{width:38px;height:38px}.wordmark-geo{font-size:10px}.top-right{gap:8px}.appearance-tools{gap:6px}.icon-button,.avatar{height:36px;width:36px}.main-nav{order:3;width:100%;height:auto;justify-content:center;gap:8px}.main-nav a{height:38px;font-size:12px;padding-inline:16px}.wrap{padding:24px 18px 48px}.workspace-hero{grid-template-columns:1fr;padding:28px;gap:0}.workspace-hero h1{font-size:36px}.workspace-hero .orbit-scene{position:absolute;right:-70px;bottom:-28px;transform:scale(.48);opacity:.55;z-index:-1}.workspace-hero .orbit-caption{display:none}.workspace-hero .lede br{display:none}.login-layout{display:flex;flex-direction:column;align-items:stretch;padding:26px 22px;gap:24px;margin:0 auto}.login-copy h1{font-size:34px}.login-copy .orbit-scene{height:100px;margin:16px auto;transform:scale(.45);width:250px}.login-copy .orbit-caption{display:none}.login-proof{display:none}.login-panel{padding:24px 20px}.login-panel h2{font-size:21px}.login-copy>p{font-size:13px}.stat::after{bottom:-12px}.footer{flex-wrap:wrap;gap:12px;margin:0 18px;padding-inline:0}.footer>span:last-child{width:100%}.page-heading h1{font-size:30px}}
@media(max-width:360px){.top{gap:10px}.wordmark{gap:8px;font-size:20px}.brand-mark{width:34px;height:34px}.icon-button,.avatar{width:32px;height:32px}.top-right{gap:6px}.login-copy h1{font-size:29px}.login-layout{padding:24px 18px}.login-panel{padding:24px 16px}.workspace-hero h1{font-size:31px}}
}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes orbit-label{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(-360deg)}}
@keyframes orbit-label-inner{from{transform:translateY(-50%) rotate(-110deg)}to{transform:translateY(-50%) rotate(-470deg)}}
@keyframes orb-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.035)}}
@keyframes orb-glow{0%,100%{opacity:.55;transform:scale(1.4)}50%{opacity:1;transform:scale(1.7)}}
@keyframes scan-sheen{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-page-hidden=true] *,[data-page-hidden=true] *::before,[data-page-hidden=true] *::after{animation-play-state:paused!important}
.orbit-scene.ambient-idle *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.appearance-tools,.orbit-scene{display:none!important}.brand-mark svg{width:34px;height:34px}*,*::before,*::after{animation:none!important;transition:none!important}}