:root{--bg:#0c0d10;--bg-elevated:#16171c;--bg-elevated-2:#1c1e25;--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.16);--text:#e8e9ed;--text-muted:#9a9ca6;--text-faint:#6c6e78;--accent:#cc9a52;--accent-strong:#e0b26e;--accent-soft:rgba(204,154,82,.14);--accent-ink:#201708;--danger:#e0685c;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1100px 520px at 50% -8%,#191b21 0,var(--bg) 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:900px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.wrap.narrow{max-width:520px}.hero{text-align:center;margin-bottom:2.25rem}.hero h1{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.35rem}.tag{opacity:.6;margin-top:0;font-size:.95rem}.stafflink{display:inline-block;margin-top:1rem;color:var(--accent-strong);text-decoration:none;font-weight:600}.stafflink:hover{text-decoration:underline}.tabs{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.75rem;border-bottom:1px solid var(--border)}.tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:.6rem .05rem;margin-bottom:-1px;cursor:pointer;font-size:.85rem;font-weight:500;transition:color .15s ease,border-color .15s ease}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent-strong);border-bottom-color:var(--accent);font-weight:600}.board{list-style:none;padding:0;margin:0 0 2.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.board li{display:grid;grid-template-columns:2.5rem 1fr auto;grid-template-areas:"rank name score" "rank title stat" "rank cert cert";align-items:center;grid-gap:.15rem .75rem;gap:.15rem .75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.board li:last-child{border-bottom:none}.board li.first{background:var(--accent-soft);border-left:3px solid var(--accent);padding-left:calc(1rem - 3px)}.board .rank{grid-area:rank;font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board li.first .rank{color:var(--accent-strong)}.board .name{grid-area:name;font-size:1.05rem;font-weight:600}.board .title{grid-area:title;font-size:.82rem;color:var(--text-muted)}.board .score{grid-area:score;font-family:var(--font-mono);font-weight:700;color:var(--accent-strong);justify-self:end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board .stat{grid-area:stat;font-size:.78rem;color:var(--text-faint);justify-self:end;margin-left:.5rem}.empty,.error,.loading{text-align:center;color:var(--text-muted)}.error{color:var(--danger)}.feed{margin-bottom:2rem}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.feed h2{font-size:1rem;font-weight:600;color:var(--text-muted);margin:0}.feed-clear{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-strong);padding:.25rem .7rem;border-radius:999px;font-size:.76rem;font-weight:600;cursor:pointer}.feed ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.feed-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .9rem;display:flex;gap:.75rem;align-items:flex-start}.feed-avatar{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--bg-elevated-2);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:.85rem;color:var(--accent-strong)}.feed-body{flex:1 1;min-width:0}.feed-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.92rem}.feed-tag{border:none;border-radius:999px;padding:.15rem .65rem;font-size:.74rem;font-weight:700;color:var(--accent-ink);cursor:pointer;line-height:1.5}.feed-severity{font-size:.95rem}.feed-quote{font-style:italic;color:var(--text-muted);font-size:.86rem;margin:.3rem 0 0}.feed-meta{font-size:.74rem;color:var(--text-faint);margin:.25rem 0 0}form{gap:1.1rem}form,label{display:flex;flex-direction:column}label{gap:.4rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}input,textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem;color:var(--text);font-size:1rem;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{min-height:4rem;resize:vertical}.severity-picker{display:flex;flex-direction:column;gap:.35rem}.severity-picker button{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem}.severity-picker button.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600;border-color:var(--accent)}button.submit{background:var(--accent);color:var(--accent-ink);border:none;padding:.75rem 1rem;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;cursor:pointer;transition:background .15s ease}button.submit:hover:not(:disabled){background:var(--accent-strong)}button.submit:disabled{opacity:.5;cursor:default}.status{text-align:center;color:var(--text-muted);font-size:.9rem}a{color:var(--accent-strong)}.hero-links{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-top:1rem;font-size:.9rem}.hero-links a{color:var(--text-muted);text-decoration:none;font-weight:500}.hero-links a:hover{color:var(--accent-strong)}.kpi-row{display:flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);margin-bottom:1.75rem;overflow:hidden}.stat-tile{flex:1 1 140px;padding:.9rem 1.1rem;border-right:1px solid var(--border)}.stat-tile:last-child{border-right:none}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:.35rem}.stat-value{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--text);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-sub{font-size:.76rem;color:var(--text-faint);margin-top:.3rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.25rem}.chart-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.chart-card h3{font-size:.85rem;font-weight:600;color:var(--text-muted);margin:0 0 1rem}.chart-card .empty{padding:1rem 0}.donut-wrap{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.donut-svg{width:170px;height:170px;flex-shrink:0}.donut-total{fill:var(--text);font-family:var(--font-mono);font-size:1.4rem;font-weight:700}.donut-total-label{fill:var(--text-faint);font-size:.68rem}.legend{list-style:none;padding:0;margin:0;flex-direction:column;flex:1 1;min-width:160px}.legend,.legend li{display:flex;gap:.5rem}.legend li{align-items:center;font-size:.83rem}.swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-label{flex:1 1;color:var(--text)}.legend-value{color:var(--text-muted);font-family:var(--font-mono);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-list{display:flex;flex-direction:column;gap:.6rem}.bar-row{display:grid;grid-template-columns:minmax(70px,30%) 1fr auto;align-items:center;grid-gap:.65rem;gap:.65rem}.bar-label{font-size:.83rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:var(--bg-elevated-2);height:8px;overflow:hidden}.bar-fill,.bar-track{border-radius:var(--radius-sm)}.bar-fill{height:100%}.bar-value{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);min-width:2.5rem;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend-wrap{position:relative}.trend-svg{width:100%;height:auto;display:block}.trend-tooltip{position:absolute;top:0;transform:translateX(-50%);background:var(--bg-elevated-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:.76rem;display:flex;flex-direction:column;gap:.15rem;pointer-events:none;white-space:nowrap}.table-toggle{margin-top:.75rem}.table-toggle summary{cursor:pointer;color:var(--accent-strong);font-size:.78rem}.table-toggle table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.78rem}.table-toggle td,.table-toggle th{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.table-toggle th{color:var(--text-faint);font-weight:600}.board .cert-link{grid-area:cert;font-size:.76rem;text-decoration:none;justify-self:end;color:var(--text-muted)}.board .cert-link:hover{color:var(--accent-strong)}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-size:.83rem}.chip.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600;border-color:var(--accent)}.chip.ghost{border-style:dashed;color:var(--text-muted)}.kiosk{position:fixed;inset:0;display:flex;flex-direction:column;padding:2.5rem 3rem;overflow:hidden}.kiosk-header{text-align:center;font-size:1.6rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.5rem;color:var(--text-muted)}.kiosk-slide{flex:1 1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.kiosk-slide h2{text-align:center;font-size:1.5rem;font-weight:600;color:var(--text-muted);margin-bottom:1.25rem}.kiosk-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.kiosk-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.kiosk-dot.active{background:var(--accent)}.kiosk .board .name{font-size:2.1rem}.kiosk .board .rank{font-size:2.4rem}.kiosk .board .stat,.kiosk .board .title{font-size:1rem}.kiosk .board .score{font-size:1.5rem}.kiosk .chart-card h3{font-size:1.4rem}.kiosk .donut-svg{width:300px;height:300px}.kiosk .legend-label,.kiosk .legend-value{font-size:1.15rem}.kiosk .feed li{font-size:1.2rem;padding:.9rem 1.2rem}.certificate-page{max-width:620px;margin:0 auto;padding:2.5rem 1.25rem 4rem;text-align:center}.certificate{border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:3rem 2rem;background:var(--bg-elevated);position:relative}.certificate:before{content:"";position:absolute;inset:8px;border:1px solid var(--border);border-radius:calc(var(--radius-lg) - 4px);pointer-events:none}.certificate-title{font-size:1.4rem;font-weight:700;color:var(--accent-strong);margin:0 0 .25rem;letter-spacing:-.01em}.certificate-subtitle{color:var(--text-faint);font-size:.82rem;margin:0 0 1.5rem}.certificate-name{font-size:2.1rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.01em}.certificate-rank{font-size:1.05rem;color:var(--text-muted);margin-bottom:1.75rem}.certificate-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));text-align:left;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.certificate-stats .stat-tile{border-right:1px solid var(--border);border-bottom:none}.certificate-quote{font-style:italic;color:var(--text-muted);border-left:2px solid var(--accent);padding-left:1rem;margin:0 0 1.5rem;text-align:left}.certificate-footer{color:var(--text-faint);font-size:.82rem;margin-top:1.5rem}.no-print{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.no-print button{background:var(--accent);color:var(--accent-ink);border:none;padding:.6rem 1.1rem;border-radius:var(--radius-sm);font-weight:700;cursor:pointer}.subnav{text-align:center;font-size:.82rem;color:var(--text-muted);margin-top:-.5rem}.settings-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1.1rem;margin:1rem 0}.settings-panel summary{cursor:pointer;font-weight:600;color:var(--text)}.settings-desc{color:var(--text-muted);font-size:.83rem;margin:.6rem 0 .75rem}.confirm-card{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:.5rem}.confirm-card h3{margin:0 0 .5rem;font-size:.95rem;color:var(--accent-strong)}.confirm-quote{font-style:italic;color:var(--text-muted)}.confirm-flavor{font-weight:700;color:var(--accent-strong)}.entry-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.entry-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1.1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.entry-main{flex:1 1;min-width:200px}.entry-meta{font-size:.76rem;color:var(--text-faint);margin-top:.3rem}.entry-actions{display:flex;gap:.5rem;flex-shrink:0}.entry-actions button{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.83rem}.entry-actions button:hover{border-color:var(--border-strong);color:var(--text)}.entry-edit{width:100%;display:flex;flex-direction:column;gap:.6rem}.entry-edit input,.entry-edit textarea{width:100%}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.certificate{border:1px solid #000;background:#fff}.certificate:before{border-color:#00000033}.certificate *{color:#000!important}.stat-tile{background:#fff;border-color:#000;box-shadow:none}@page{margin:1.5cm}}