/* Reference-aligned layout. See DESIGN.md for measurements and provenance. */
details > summary{align-items:center}
details > summary > span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;font-size:0!important;line-height:0!important}
details > summary > span::before{content:'';display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
details[open] > summary > span::before{transform:translateY(2px) rotate(225deg)}
.workspace > #activate-form{grid-area:form}.workspace > #activation-status{grid-area:status;display:block;position:relative;align-self:start;min-width:0;isolation:isolate}
@font-face{font-family:Onest;src:url('/assets/onest-cyrillic-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url('/assets/onest-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:JetBrains;src:url('/assets/jetbrains-mono-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
html{background:#050508}body{position:relative;isolation:isolate;background:transparent;font:15px/1.5 Onest,system-ui,sans-serif;color:#ececf1;-webkit-font-smoothing:antialiased}
body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 80% 65% at 50% -12%,#e6ecf242,#e6ecf212 45%,transparent 75%),radial-gradient(ellipse 36% 32% at 50% 2%,#e6ecf22e,transparent 70%),#050508}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/activate-bg.webp') center 20px/max(1600px,100%) auto no-repeat;opacity:.5;filter:saturate(0) brightness(1.1)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}header{position:sticky;top:0;z-index:5;background:#050508b8;border-bottom:1px solid #ffffff12;backdrop-filter:saturate(140%) blur(16px)}
.header-inner{max-width:1280px;margin:0 auto;height:68px;padding:0 32px;gap:12px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:15px;font-weight:600;gap:10px;white-space:nowrap;letter-spacing:-.15px}.brand-mark{display:flex;gap:6px;color:#ececf1}.brand-mark svg{width:16px;height:16px}.brand-mark .claude{color:#d97757}
nav{margin:0 0 0 auto;max-width:none;align-self:stretch;display:flex;gap:20px}nav a{padding:0 4px;min-height:44px;gap:8px;font-size:14px;font-weight:400;color:#9b99ab;white-space:nowrap}nav a.active{border-color:#e8743a;color:#ececf1}nav a svg{width:16px;height:16px;opacity:.7}nav a.active svg{opacity:1}
main{max-width:1280px;margin:0 auto;padding:40px 32px 80px}.intro{max-width:720px;margin:0 0 48px}h1{margin:0 0 8px;font-size:32px;font-weight:650;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.intro>p{font-size:15px;line-height:1.65;color:#9b99ab;margin:0}.mobile-break{display:none}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,176px));gap:12px;margin:0 0 24px}.service{width:auto;height:104px;min-width:0;padding:16px;border-radius:14px;font-size:15px;font-weight:500;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff21;background:linear-gradient(#ffffff1f,#ffffff05 45%),#0e0e1459;box-shadow:inset 0 1px #ffffff24;color:#9b99ab}.service-symbol{width:28px;height:28px;flex-shrink:0}.service:not(.selected) .service-symbol{opacity:.55}.service:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 70% at 50% 0%,#e6ecf247,transparent 70%),url('/assets/tile-cool.webp') center top/cover no-repeat;opacity:0;transition:opacity .3s}.service[data-service=claude]:before{background:radial-gradient(90% 70% at 50% 0%,#d977574d,transparent 70%),url('/assets/tile-warm.webp') center top/cover no-repeat}.service.selected{background:linear-gradient(#ffffff1f,#ffffff05 45%),#0e0e1459;border-color:#e6ecf299;box-shadow:inset 0 1px #e6ecf280,0 16px 48px -16px #e6ecf280}.service.selected:before{opacity:.6}.service:hover{transform:none}.service:hover:before{opacity:.3}.service.selected:hover:before{opacity:.6}
.workspace{grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-template-areas:"form status";gap:24px}.panel{padding:20px;border-radius:12px;min-width:0;background:linear-gradient(#ffffff12,#ffffff04 35%),#0a0a0ec7;border:1px solid #ffffff17;box-shadow:inset 0 1px #e6ecf238,0 24px 64px -28px #000e;backdrop-filter:none}
.label-row{min-height:36px;gap:12px;margin:0 0 8px}label{font-size:13px;font-weight:400;color:#9b99ab}.text-button{width:36px;min-height:36px;display:grid;place-items:center;padding:0;border:1px solid #ffffff12;border-radius:12px;color:#9b99ab}.text-button svg{width:16px;height:16px}.text-button:hover{background:#e8743a14;border-color:#f5a87873}
input:not([type=checkbox]),textarea{min-height:44px;padding:10px 12px;border-radius:10px;border-color:#ffffff1a;background:#00000047;color:#ececf1;font-family:JetBrains,Consolas,monospace;font-size:13px;line-height:1.5}textarea{height:149px;min-height:149px}input::placeholder,textarea::placeholder{font:inherit;color:#6c6a7e}.hint{font-size:13px;line-height:1.5;color:#9b99ab;margin:8px 0 20px}details{margin:20px 0 0;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px}summary{padding:10px 12px;min-height:42px;font-size:14px;font-weight:500;color:#ececf1}summary span{color:#9b99ab;font-size:18px;line-height:20px}.primary{margin-top:24px;min-height:44px;border-radius:10px;font-size:14px;font-weight:500;padding:10px 16px;background:#fff;color:#000}.primary:hover:enabled{background:#dedede}.privacy{font-size:11px;line-height:1.5;margin:12px 0 0;color:#9b99ab}.privacy>span{max-width:none}
.status-panel{padding:0;overflow:hidden}.status-header{padding:14px 20px;min-height:54px;border-bottom:1px solid #ffffff12;flex-wrap:wrap}h2{font-size:16px;font-weight:600}.badge{padding:3px 9px;border:1px solid #ffffff12;border-radius:999px;font-size:12px;color:#ececf1;background:transparent;line-height:18px}.badge:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#6c6a7e;margin-right:7px}
dl{margin:0;padding:6px 24px;border-bottom:1px solid #ffffff12}dl div{min-height:36px;align-items:center;margin:0;font-size:13px}dl div+div{border-top:1px dashed #ffffff12}dt{color:#9b99ab}dd{color:#ececf1;font-size:13.5px}.stages{margin:0;padding:8px 24px}.stages li,.stages li:last-child{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;padding:10px 0;min-height:64px}.stage-number{width:20px;height:20px;margin-top:1px;border:1px solid #ffffff21;background:#0a0a0a}.stages li:not(:last-child):before{left:9.5px;top:32px;bottom:-8px;background:#ffffff12}.stages strong{font-size:14px;font-weight:400;color:#9b99ab}.stages p{font-size:12px;margin:2px 0 0;line-height:1.5;color:#6c6a7e}.stages .done .stage-number{background:#34d399;border-color:#34d399}.stages .done .stage-number:after{content:'✓';color:#050508;font-size:12px}.stages .done strong{color:#ececf1}.stages .current .stage-number{border-color:#f5a524;box-shadow:0 0 0 3px #f5a5240d}.stages .current strong{color:#f5a524}.stage-time{font:11px/20px JetBrains,monospace;color:#6c6a7e;white-space:nowrap}.current .stage-time{color:#f5a524}.stages .blocked .stage-number{background:#f87171;border-color:#f87171}.stages .blocked .stage-number:after{content:'×';color:#000}.stages .blocked strong{color:#f87171}
.status-panel .result{margin:0 24px 24px;padding:12px 14px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff0a;font-size:14px;color:#9b99ab;line-height:1.5}.status-panel .result.error{color:#f1a4a4;border-color:#f8717159}.status-panel .result.success{color:#8fe0b7;border-color:#34d39959}.status-panel .result.busy{color:#f5c979;border-color:#f5a52466}.status-panel .secondary{width:calc(100% - 48px);margin:0 24px 24px}
.check-layout{margin:0;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px}.check-help{padding:24px}.check-layout .panel{max-width:100%}.dialog-actions .primary{margin-top:0}.consent{font-size:12px}.check-layout .result{font-size:14px}
@media(max-width:960px){.header-inner{height:auto;min-height:64px;padding:16px 20px 0;flex-wrap:wrap;gap:8px}.brand{flex:1;min-height:40px}nav{order:3;width:100%;margin:0;gap:20px;overflow-x:auto}nav a{height:44px;flex-shrink:0}}
@media(max-width:899px){.workspace,.check-layout{grid-template-columns:minmax(0,1fr);gap:16px}.workspace{grid-template-areas:"form" "status"}.check-help{display:none}}
@media(max-width:760px){main{margin:0 auto;padding:32px 20px 64px}.header-inner{margin:0 auto}.intro{margin-bottom:48px}h1{font-size:26px}.intro>p{font-size:15px}.services{margin:0 0 24px}.panel{padding:20px}.status-panel{padding:0}.status-header{padding:16px}.mobile-break{display:none}}
@media(max-width:480px){main{padding-left:16px;padding-right:16px}.header-inner{padding-left:16px;padding-right:16px}.status-header{padding:16px}.brand{font-size:15px}.check-layout{gap:16px}}
@media(max-width:420px){nav{gap:12px}}
@media(pointer:coarse){.text-button{width:44px;min-height:44px}}

.text-button[data-tooltip]{position:relative;overflow:visible}
.text-button[data-tooltip]::after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;white-space:nowrap;padding:6px 10px;border:1px solid #ffffff21;border-radius:8px;background:#19171e;color:#ececf1;box-shadow:0 6px 20px #0005;font:500 12px/1.4 Onest,sans-serif;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s}
.text-button[data-tooltip]:hover::after,.text-button[data-tooltip]:focus-visible::after{opacity:1;visibility:visible}

.check-batch-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.check-batch-layout #check-key{height:238px;min-height:180px;resize:vertical}.check-batch-layout #check-button{margin-top:24px}.check-summary{padding:0;overflow:hidden}.check-summary .status-header{padding:16px 20px}.check-summary .check-counts{padding:8px 24px 14px}.check-results{max-height:520px;overflow:auto;padding:16px 20px;color:#9b99ab;font-size:13px;line-height:1.5}.check-row{padding:14px 0;border-top:1px solid #ffffff16}.check-row:first-child{border-top:0}.check-row-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font:12px JetBrains,Consolas,monospace;color:#ececf1}.check-row-title span{overflow-wrap:anywhere}.check-row-title strong{font:600 12px Onest,Arial,sans-serif;white-space:nowrap;color:#b9b6c4}.check-row.available .check-row-title strong{color:#8fe0b7}.check-row.used .check-row-title strong,.check-row.missing .check-row-title strong{color:#f1a4a4}.check-row-product{margin-top:7px;color:#ececf1}.check-row p{margin:4px 0 0;color:#9b99ab;font-size:12px}.check-stop{padding:12px;border:1px solid #f5a52466;border-radius:8px;color:#f5c979}@media(max-width:899px){.check-batch-layout{grid-template-columns:minmax(0,1fr)}.check-results{max-height:none}}

#check-button,#check-button:hover:enabled{background:linear-gradient(180deg,#ec8d5c,#d8692c);color:#fff;border-color:#ffd6be59;box-shadow:inset 0 1px #ffffff59,0 8px 24px -10px #e8743a8c}#check-button:hover:enabled{filter:brightness(1.06)}