:root{--bg:#08090b;--bg-raised:#0c0e11;--panel:#101317;--panel-2:#14181d;--line:#ffffff12;--line-strong:#ffffff21;--text:#f2f4f3;--text-2:#9aa39f;--text-3:#6d7873;--accent:#b8ff5a;--accent-ink:#0a0d06;--accent-quiet:#b8ff5a1a;--accent-line:#b8ff5a47;--accent-text:#c9f58a;--warn:#f0c674;--warn-quiet:#f0c6741a;--warn-line:#f0c67447;--danger:#f08a7a;--danger-quiet:#f08a7a1a;--danger-line:#f08a7a4d;--neutral:#8fb3d9;--neutral-quiet:#8fb3d91a;--radius:12px;--radius-lg:16px;--max:1000px;--font:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.9em}code{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:.1em .4em}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{letter-spacing:-.02em;font-size:clamp(1.6rem,1.4rem + 1vw,2.2rem)}h2{font-size:1.25rem}h3{font-size:1.02rem}p{margin:0 0 1rem}.muted{color:var(--text-2)}.small{font-size:.875rem}.wrap{max-width:var(--max);width:100%;margin:0 auto;padding:0 1.25rem}.narrow{max-width:620px}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--line);background:var(--bg-raised)}.app-header .wrap{flex-wrap:wrap;align-items:center;gap:1.5rem;min-height:60px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{width:22px;height:22px}.app-nav{gap:1.25rem;margin-right:auto;display:flex}.app-nav a{color:var(--text-2);border-bottom:2px solid #0000;padding:.2rem 0;font-size:.94rem}.app-nav a:hover{color:var(--text);text-decoration:none}.app-nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.app-user{color:var(--text-3)}.app-main{flex:1;padding-top:2.5rem;padding-bottom:4rem}.app-footer{border-top:1px solid var(--line);padding:1.25rem 0}.page-head{margin-bottom:2rem}.page-head p{margin-bottom:0}.section-head{margin:2.5rem 0 1rem}.back{color:var(--text-2);margin-bottom:.75rem;font-size:.9rem;display:inline-block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.panel.quiet{background:var(--bg-raised)}.panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel h3{margin-top:1.25rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);flex-direction:column;gap:.15rem;padding:1.1rem 1.25rem;display:flex}.tile:hover{border-color:var(--line-strong);text-decoration:none}.tile-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.tile-value{letter-spacing:-.02em;font-size:1.5rem}.card-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.card-link:hover{border-color:var(--line-strong);background:var(--panel-2);text-decoration:none}.card-current{border-color:var(--accent-line)}.card-main h3{margin-bottom:.15rem}.card-main p,.card-aside{margin-bottom:0}.card-aside{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.3rem;display:flex}.detail{grid-template-columns:minmax(140px,max-content) 1fr;gap:.6rem 1.5rem;margin:0 0 1.5rem;display:grid}.detail dt{color:var(--text-3);font-size:.9rem}.detail dd{margin:0}.detail-row{display:contents}.feature-list{margin:0 0 1rem;padding-left:1.1rem}.feature-list li{margin-bottom:.25rem}.steps{color:var(--text-2);padding-left:1.2rem}.state{color:var(--text-2);align-items:center;gap:.7rem;padding:2rem 0;display:flex}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--line-strong);animation:none}}.empty{background:var(--bg-raised);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;padding:2rem}.empty h3{margin-bottom:.5rem}.notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:1.5rem;padding:1.1rem 1.25rem}.notice h3{margin-bottom:.35rem}.notice p:last-child{margin-bottom:0}.notice-error{border-color:var(--danger-line);background:var(--danger-quiet)}.notice-ok{border-color:var(--accent-line);background:var(--accent-quiet)}.badge{border:1px solid var(--line-strong);color:var(--text-2);white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;display:inline-block}.badge-ok{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-quiet)}.badge-warn{color:var(--warn);border-color:var(--warn-line);background:var(--warn-quiet)}.badge-neutral{color:var(--neutral);background:var(--neutral-quiet)}.field{margin-bottom:1.25rem;display:block}.field>span{color:var(--text-3);margin-bottom:.35rem;font-size:.9rem;display:block}.input{background:var(--bg);border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;border-radius:9px;padding:.6rem .8rem}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.code-input{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;max-width:12ch;font-size:1.35rem}.btn{font:inherit;cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-weight:550;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){text-decoration:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-sm{padding:.4rem .8rem;font-size:.9rem}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--text-3)}.btn-danger{border-color:var(--danger-line);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-quiet)}.btn-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.danger-zone{border:1px solid var(--danger-line);border-radius:var(--radius-lg);margin-top:2.5rem;padding:1.5rem}.danger-zone h2{color:var(--danger)}.confirm .detail dd .input{margin-bottom:.3rem}@media (width<=640px){.app-header .wrap{padding-top:.75rem;padding-bottom:.75rem}.app-nav{order:3;width:100%;overflow-x:auto}.detail{grid-template-columns:1fr;gap:.15rem 0}.detail dd{margin-bottom:.75rem}.card{flex-direction:column;align-items:flex-start}.card-aside{text-align:left;align-items:flex-start}}
