:root{--ground:#f3f2f2;--surface:#fff;--ink:#201e1d;--muted:#706d6b;--line:#cac7c5;--accent:#ec3013;--accent-dark:#ae1800;--success:#1f7a45}*{box-sizing:border-box}html{background:var(--ground);color:var(--ink)}body{margin:0;min-height:100vh;background:var(--ground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans CJK SC",sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:36px 0 64px}.topbar{min-height:106px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid var(--ink)}.eyebrow,.section-index{margin:0 0 8px;color:var(--accent-dark);font-size:12px;font-weight:800;letter-spacing:.12em}h1,h2,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.055em}h2{margin-bottom:0;font-size:24px;letter-spacing:-.035em}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--ink)}.metrics article{min-height:128px;padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.metrics article:first-child{padding-left:0}.metrics article:last-child{border-right:0}.metrics span{color:var(--muted);font-size:14px}.metrics strong{font-size:42px;line-height:1}.workspace{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);border-bottom:2px solid var(--ink)}.workspace>.panel{padding:32px}.workspace>.panel:first-child{padding-left:0;border-right:1px solid var(--line)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.panel-heading>span{color:var(--muted);font-size:13px}.panel-copy{max-width:520px;color:var(--muted);font-size:14px;line-height:1.7}.bind-form,.login-form{display:grid;gap:10px}label{margin-top:8px;font-size:13px;font-weight:750}label small{color:var(--muted);font-weight:500}input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink);padding:0 14px;outline:none}input:focus{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.code-input{min-height:66px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.bind-form button,.login-form button{min-height:52px;margin-top:12px;border:0;background:var(--accent);color:white;font-weight:800;text-align:left;padding:0 18px}.bind-form button:hover,.login-form button:hover{background:var(--accent-dark)}.quiet-button,.text-button,.danger-button{border:0;background:transparent;padding:8px 0;font-weight:750}.quiet-button,.text-button{color:var(--muted)}.quiet-button:hover,.text-button:hover{color:var(--ink)}.danger-button{color:var(--accent-dark)}.request-list{border-top:1px solid var(--line)}.request-row{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.request-row div{display:grid;gap:5px}.request-row span,.request-row time{color:var(--muted);font-size:12px}.empty-state{min-height:176px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-top:1px solid var(--line);color:var(--muted)}.empty-state strong{color:var(--ink)}.devices-panel{padding-top:34px}.device-table{border-top:2px solid var(--ink)}.table-head,.device-row{display:grid;grid-template-columns:minmax(260px,1.5fr) .7fr .8fr .6fr 72px;align-items:center;gap:18px;min-height:66px;border-bottom:1px solid var(--line)}.table-head{min-height:42px;color:var(--muted);font-size:12px;font-weight:750}.device-row>div{display:grid;gap:4px}.device-row code{color:var(--muted);font-size:11px}.device-row>span{font-size:13px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--success)}.status-dot.revoked{background:var(--line)}.table-empty{grid-column:1/-1}.message-banner{padding:14px 18px;border-bottom:1px solid currentColor;font-size:14px}.message-banner.success{color:var(--success)}.message-banner.error,.message.error{color:var(--accent-dark)}.message{margin:4px 0;font-size:13px}.login-stage,.center-stage{min-height:100vh;width:min(100% - 40px,520px);display:grid;place-items:center;padding:40px 0}.login-card{width:100%;border-top:6px solid var(--accent);border-bottom:2px solid var(--ink);padding:34px 0 30px}.login-card h1{font-size:clamp(48px,12vw,72px)}.intro{max-width:400px;margin-bottom:36px;color:var(--muted);line-height:1.7}.footnote{margin:28px 0 0;color:var(--muted);font-family:ui-monospace,monospace;font-size:11px}.center-stage{color:var(--muted)}.loading-rule{width:100%;height:4px;background:linear-gradient(90deg,var(--accent) 0 36%,var(--line) 36%)}@media(max-width:760px){main{width:min(100% - 28px,1180px);padding-top:24px}.metrics article{min-height:104px;padding:18px 12px}.metrics article:first-child{padding-left:0}.metrics strong{font-size:32px}.workspace{grid-template-columns:1fr}.workspace>.panel{padding:28px 0;border-right:0!important;border-bottom:1px solid var(--line)}.table-head{display:none}.device-row{grid-template-columns:1fr auto;gap:10px;padding:16px 0}.device-row>span{grid-column:1}.device-row .danger-button{grid-column:2;grid-row:1/4;align-self:center}}
.main-nav{display:flex;gap:0;border-bottom:2px solid var(--ink)}.nav-button{min-width:120px;padding:16px 20px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-weight:800;text-align:left}.nav-button.active{background:var(--ink);color:var(--ground)}.page{display:none}.page.active{display:block}.ai-hero{display:flex;justify-content:space-between;gap:32px;padding:34px 0;border-bottom:2px solid var(--ink)}.ai-hero h2{font-size:36px}.ai-hero p{color:var(--muted)}.ai-status-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));min-width:360px;border:1px solid var(--line)}.ai-status-grid span{display:flex;justify-content:space-between;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.ai-status-grid b{color:var(--ink)}.config-block{padding:36px 0;border-bottom:2px solid var(--ink)}.config-list{display:grid;gap:10px;margin-bottom:24px}.config-card{display:flex;justify-content:space-between;gap:24px;padding:18px;border:1px solid var(--line);background:var(--surface)}.config-card.default{border-left:6px solid var(--accent)}.config-card h3{margin:8px 0 4px}.config-card p,.config-card code{display:block;margin:0;color:var(--muted);font-size:12px}.config-tag{color:var(--accent-dark);font-size:11px;font-weight:800;letter-spacing:.08em}.card-actions,.form-actions{display:flex;align-items:center;gap:12px}.card-actions button,.secondary-button{border:1px solid var(--line);background:transparent;padding:9px 12px;font-size:12px;font-weight:750}.config-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px;background:#eae9e9}.config-form label{display:grid;gap:7px;margin:0}.config-form input,.config-form textarea,.config-form select,.test-box textarea,.form-actions select{width:100%;border:1px solid var(--line);border-radius:0;background:white;padding:11px 12px;color:var(--ink);outline:none}.config-form input:focus,.config-form textarea:focus,.test-box textarea:focus{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.config-form textarea{resize:vertical}.config-form>button,.config-form .form-actions>button,.test-box>button,.test-box .form-actions>button{min-height:46px;border:0;background:var(--accent);color:#fff;font-weight:800;padding:0 16px}.config-form>.form-actions{grid-column:1/-1}.wide-form .full-field{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:8px!important;align-self:end;min-height:46px}.check-label input{width:18px;min-height:18px;box-shadow:none}.test-box{display:grid;gap:12px;margin-top:20px;padding:20px;border:1px solid var(--line);background:var(--surface)}.test-box label{display:grid;gap:8px}.test-box pre,#storage-test-result{min-height:54px;margin:0;padding:14px;background:var(--ink);color:var(--ground);white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.test-box audio{width:100%}.log-table{border-top:2px solid var(--ink)}.log-head,.log-row{display:grid;grid-template-columns:1fr 1fr 1fr .6fr .5fr;gap:14px;align-items:center;min-height:56px;border-bottom:1px solid var(--line);font-size:13px}.log-head{min-height:40px;color:var(--muted);font-size:11px;font-weight:800}.log-row small{display:block;color:var(--muted)}.log-status.success{color:var(--success)}.log-status.failed{color:var(--accent-dark)}select{min-height:42px}textarea{font:inherit}@media(max-width:900px){.config-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-hero{display:grid}.ai-status-grid{min-width:0;width:100%}.config-card{display:grid}.card-actions{flex-wrap:wrap}}@media(max-width:600px){.main-nav{overflow-x:auto}.nav-button{min-width:104px}.config-form{grid-template-columns:1fr;padding:18px}.wide-form .full-field,.config-form>.form-actions{grid-column:auto}.ai-status-grid{grid-template-columns:1fr}.log-head{display:none}.log-row{grid-template-columns:1fr 1fr;padding:12px 0}.log-row span:nth-child(3){grid-column:1/-1}}
.form-actions>button{flex:0 0 auto;white-space:nowrap}.form-actions>select{min-width:0;flex:1 1 auto}

.inline-filters select{width:100%;min-height:48px;border:1px solid var(--line);background:var(--surface);padding:0 12px}.inline-filters{display:flex;gap:8px;min-width:min(100%,560px)}.inline-filters input,.inline-filters select{min-height:42px}.chain-word-table,.chain-game-table{border-top:2px solid var(--ink)}.chain-word-head,.chain-word-row{display:grid;grid-template-columns:.4fr .8fr .35fr .7fr 1.3fr minmax(200px,.75fr);gap:16px;align-items:center;min-height:58px;border-bottom:1px solid var(--line);font-size:13px}.chain-word-explanation{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pager{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 0 0;font-size:13px}.pager span{color:var(--muted)}.pager button{min-height:38px;padding:0 16px;border:1px solid var(--line);background:var(--surface);font-weight:750}.pager button:disabled{opacity:.4}.chain-word-head,.chain-game-head{min-height:42px;color:var(--muted);font-size:12px;font-weight:750}.row-actions{display:flex;justify-content:flex-end;gap:12px}.row-actions button{border:0;background:transparent;color:var(--muted);font-weight:750}.row-actions button:hover{color:var(--ink)}.row-actions .danger-button{color:var(--accent-dark)}.chain-game-head,.chain-game-row{display:grid;grid-template-columns:1fr .8fr .45fr .8fr .55fr;gap:16px;align-items:center;min-height:58px;border-bottom:1px solid var(--line);font-size:13px}.chain-game-row{width:100%;border-width:0 0 1px;background:transparent;text-align:left;color:var(--ink)}.chain-game-row:hover{background:#fff}.turn-list{border-top:2px solid var(--ink)}.turn-list article{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;min-height:72px;border-bottom:1px solid var(--line)}.turn-index{font-size:24px;font-weight:850;color:var(--accent)}.turn-list p{margin:5px 0 0;color:var(--muted);font-size:12px}.turn-list time{color:var(--muted);font-size:12px}@media(max-width:760px){.inline-filters{flex-direction:column}.chain-word-head,.chain-game-head{display:none}.chain-word-row,.chain-game-row{grid-template-columns:1fr 1fr;gap:8px;padding:14px 0}.chain-word-explanation{grid-column:1/-1}.chain-word-row .row-actions{grid-column:1/-1;justify-content:flex-start}.turn-list article{grid-template-columns:40px 1fr}.turn-list time{grid-column:2}}