:root{font-family:"Noto Sans CJK SC","Noto Sans Display",sans-serif;color:#262925;background:#f4f2eb;font-synthesis:none;--muted:#63685f;--accent:#ad482a;--line:#d3d4c9}*{box-sizing:border-box}body{margin:0}header,main{max-width:1200px;margin:auto}header{height:106px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 42px}.brand{font-size:14px;letter-spacing:2px;text-decoration:none;color:inherit;font-weight:700}.brand span{display:block;letter-spacing:0;font-size:12px;margin-top:5px;font-weight:400}.tag,.eyebrow,.console-top,footer>span{font-family:"Noto Sans Mono",monospace;font-size:11px;letter-spacing:1px}.tag{border:1px solid var(--line);padding:8px 12px}main{padding:68px 42px 24px;display:grid;grid-template-columns:1fr 440px;gap:60px}.eyebrow{color:var(--accent);margin:0 0 26px}h1{font-size:clamp(36px,4.2vw,54px);line-height:1.35;letter-spacing:-2px;font-weight:500;margin:0 0 27px}.lead{font-size:15px;line-height:1.95;color:var(--muted)}.boundary{margin-top:70px;font-size:12px;line-height:1.8;color:var(--muted);display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.console{background:#fffefa;border:1px solid var(--line);padding:25px 28px 24px;box-shadow:6px 6px 0 #e6e6dc}.console-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--muted)}.status-block{padding-top:27px}.label{font-size:11px;color:var(--muted);letter-spacing:1px}h2{font-weight:500}#status{font-size:31px;margin:8px 0}#detail{color:var(--muted);font-size:13px;line-height:1.7;min-height:22px}dl{margin:25px 0}dl div{display:flex;justify-content:space-between;font-size:12px;margin:12px 0;gap:12px}dt{color:var(--muted)}dd{margin:0;text-align:right}button,select{font:inherit}#press{width:100%;padding:19px 21px;border:0;background:var(--accent);color:white;font-size:16px;display:flex;justify-content:space-between;cursor:pointer}#press:hover:enabled{background:#893820}#press:disabled{background:#e2e3da;color:#73786d;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #307475;outline-offset:4px}.button-note{font-size:11px;color:var(--muted);text-align:center;margin:13px 0 28px}.receipt{border-top:1px solid var(--line);padding-top:20px}h3{font-weight:500;font-size:16px;margin:10px 0}.receipt p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 12px}code{font-family:"Noto Sans Mono",monospace;font-size:10px;overflow-wrap:anywhere;color:var(--muted)}.text-button{display:block;border:0;background:none;padding:12px 0 0;text-decoration:underline;color:var(--accent);font-size:12px;cursor:pointer}.text-button[hidden]{display:none}.simulation{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;gap:30px}.simulation .eyebrow{margin-bottom:12px}.simulation h2{font-size:20px;margin:0 0 9px}.simulation p{font-size:12px;color:var(--muted);line-height:1.7}.scenario{width:260px;flex-shrink:0}.scenario label{font-size:12px;display:block;margin-bottom:10px}select{width:100%;padding:12px;background:#fffefa;border:1px solid #898d80;color:inherit}footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}footer p{font-size:10px;margin:0;line-height:1.8}@media(max-width:850px){header{padding:0 24px;height:86px}main{padding:36px 24px 24px;grid-template-columns:1fr;gap:32px}.intro h1{font-size:39px}.boundary{margin-top:22px}.console{max-width:540px;width:100%;justify-self:center}.simulation{flex-direction:column;gap:15px}.scenario{width:100%}footer{flex-direction:column;gap:12px}.tag{font-size:9px;padding:7px}header .brand{font-size:11px}.console{padding:22px}.lead{font-size:14px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}
.diagnostics{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr 440px;gap:60px}.diagnostics .eyebrow{margin-bottom:12px}.diagnostics h2{font-size:20px;margin:0 0 9px}.diagnostics p{font-size:12px;color:var(--muted);line-height:1.8}.diagnostic-reading{border-left:2px solid var(--accent);padding-left:22px}.diagnostic-reading h3{margin-top:0}.diagnostic-reading dl{margin:18px 0}.diagnostics .diagnostic-note{font-size:11px}@media(max-width:850px){.diagnostics{grid-template-columns:1fr;gap:18px}}
[hidden]{display:none!important}.account-bar{display:flex;align-items:center;gap:18px}.account-bar .text-button{padding:0}.login-layout{max-width:1200px;margin:0 auto;padding:80px 42px;display:grid;grid-template-columns:1fr 440px;gap:60px}.login-form{padding:30px;border:1px solid var(--line);background:#fffefa;box-shadow:6px 6px 0 #e6e6dc}.login-form label{display:block;margin:25px 0 9px;font-size:13px}.login-form input{width:100%;padding:14px;border:1px solid #898d80;background:transparent;color:inherit;font:inherit;font-size:14px}.login-form input:focus-visible{outline:3px solid #307475;outline-offset:3px}#login-submit{width:100%;padding:18px 20px;margin-top:30px;border:0;background:var(--accent);color:#fffefa;display:flex;justify-content:space-between;cursor:pointer}#login-submit:disabled{opacity:.6;cursor:wait}#login-error{font-size:12px;color:#963a22;min-height:20px;line-height:1.8}.login-note{font-size:11px;line-height:1.8;color:var(--muted)}@media(max-width:850px){.login-layout{grid-template-columns:1fr;padding:40px 24px;gap:30px}.login-form{padding:24px}.account-bar{gap:12px}.account-bar .text-button{font-size:11px}}
.account-bar{min-width:0;max-width:55%}.account-bar .tag{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bar .text-button{flex-shrink:0}
.network-diagnostics{grid-column:1/-1;border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:1fr 440px;gap:60px}.network-diagnostics .eyebrow{margin-bottom:12px}.network-diagnostics h2{font-size:24px;margin:0 0 13px}.network-diagnostics p{font-size:12px;color:var(--muted);line-height:1.9}.readonly-tag{display:inline-block;margin-top:14px;font-size:11px;color:#46655a;border:1px solid #b8c7bd;padding:7px 10px}.network-reading{border-left:2px solid #a9ada1;padding-left:22px}.network-reading[data-availability="observing"]{border-color:#367063}.network-status-line{display:flex;align-items:center;gap:9px}.network-status-line h3{margin:0;font-size:20px}.network-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#8e9488}.network-reading[data-availability="observing"] .network-dot{background:#367063}.network-reading dl{margin:22px 0}.network-reading dd{overflow-wrap:anywhere;min-width:0}.network-reading dt{flex-shrink:0}.outline-button{width:100%;padding:12px 15px;background:transparent;border:1px solid #898d80;color:var(--accent);display:flex;justify-content:space-between;cursor:pointer;font-size:12px}.outline-button:hover:enabled{background:#e9e9df}.outline-button:disabled{color:#73786d;border-color:var(--line);cursor:not-allowed}.network-diagnostics .network-note{font-size:11px;margin-bottom:0}#network-error{color:#963a22;min-height:0;margin:7px 0 0}@media(max-width:850px){.network-diagnostics{grid-template-columns:1fr;gap:22px}.network-reading{padding-left:18px}}

.servo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.servo-actions button{flex:1 1 170px;min-width:0}.servo-actions+ .receipt code{overflow-wrap:anywhere}

.servo-actions button{min-height:44px}#servo-panel button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
