.surface-shell{width:min(100%, var(--surface-max,1160px));margin:0 auto;padding:clamp(24px,5vh,60px) clamp(18px,4vw,42px) clamp(32px,6vh,72px)}.surface-head h1{max-width:18ch;color:var(--gate-ink);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4.6vw,3.5rem);font-weight:700;line-height:1}.surface-head .gate-rule{margin:clamp(24px,4vh,40px) 0 0}.surface-headrow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.surface-grid{grid-template-columns:repeat(var(--surface-cols,3), minmax(0, 1fr));border-top:1px solid var(--gate-line);border-left:1px solid var(--gate-line);display:grid}.surface-card{border-right:1px solid var(--gate-line);border-bottom:1px solid var(--gate-line);background:var(--gate-panel);min-width:0;color:var(--gate-ink);flex-direction:column;padding:clamp(18px,2.2vw,26px);display:flex;position:relative}a.surface-card:before,.surface-card--link:before{pointer-events:none;content:"";border:2px dotted #0000;transition:border-color .18s;position:absolute;inset:0}a.surface-card:hover:before,.surface-card--link:hover:before{border-color:var(--gate-ink)}a.surface-card{text-decoration:none}.surface-card-index{color:var(--gate-decor);letter-spacing:.14em;font-size:12px;font-weight:600}.surface-card h2,.surface-card h3{color:var(--gate-ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:700}.surface-card p{color:var(--gate-muted);margin:8px 0 0;font-size:.8125rem;line-height:1.6}.surface-panel{border:1px solid var(--gate-line);background:var(--gate-panel);color:var(--gate-ink);border-radius:12px;padding:clamp(18px,2.4vw,28px)}.surface-badge{border:1px solid var(--gate-line-strong);color:var(--gate-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.surface-badge--accent{background:var(--gate-accent);color:var(--gate-on-accent);border-color:#0000}.surface-badge--ok{border-color:var(--kade-success);color:var(--kade-success)}.surface-badge--warn{border-color:var(--kade-warning);color:var(--kade-warning)}.surface-badge--danger{border-color:var(--gate-danger);color:var(--gate-danger)}.surface-table{border-collapse:collapse;width:100%;font-size:.8125rem}.surface-table th{border-bottom:1px solid var(--gate-line-strong);color:var(--gate-muted);letter-spacing:.1em;text-align:left;text-transform:uppercase;padding:10px 12px;font-size:11px;font-weight:600}.surface-table td{border-bottom:1px solid var(--gate-line);color:var(--gate-ink);padding:12px}.surface-table tr:last-child td{border-bottom:0}.surface-table-wrap{overflow-x:auto}.surface-empty{border:1px dashed var(--gate-line-strong);color:var(--gate-muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:clamp(32px,6vh,60px) 24px;display:flex}.surface-empty strong{color:var(--gate-ink);letter-spacing:-.02em;font-size:1rem;font-weight:700}.surface-empty p{max-width:46ch;margin:0;font-size:.8125rem;line-height:1.6}@media (width<=1080px){.surface-grid{--surface-cols:2}}@media (width<=700px){.surface-grid{--surface-cols:1}}.kade-surface .glass-card[role=status]{font-size:.8125rem;line-height:1.6;display:block;border:1px solid var(--gate-line)!important;border-left:3px solid var(--gate-accent)!important;background:var(--gate-panel)!important;color:var(--gate-muted)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important}.kade-surface input:not([type=checkbox]):not([type=radio]):not([type=range]),.kade-surface textarea,.kade-surface select{border:1px solid var(--gate-line-strong)!important;color:var(--gate-ink)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}.kade-surface input::placeholder,.kade-surface textarea::placeholder{color:var(--gate-faint)!important}.kade-surface input:focus,.kade-surface textarea:focus,.kade-surface select:focus{border-color:var(--gate-ink)!important;box-shadow:4px 4px 0 var(--gate-accent)!important}.kade-surface input[type=checkbox],.kade-surface input[type=radio]{accent-color:var(--gate-accent)}.kade-surface .btn{box-shadow:none!important;border-radius:0!important}.kade-surface .btn-primary{border:1px solid var(--gate-ink)!important;background:var(--gate-accent)!important;color:var(--gate-on-accent)!important}.kade-surface .btn-primary:hover{background:var(--gate-ink)!important;color:var(--gate-bg)!important}.kade-surface .btn-outline{border:1px solid var(--gate-ink)!important;color:var(--gate-ink)!important;background:0 0!important}