.hud{display:flex;flex-direction:column;min-height:100vh}.app{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 24px 32px;display:flex;flex-direction:column}.app-header{display:flex;flex-direction:column;gap:6px;padding:24px 0 18px;border-bottom:1px solid var(--rule)}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header h1{font-family:var(--mono);font-size:18px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fg)}.app-header .tagline{font-family:var(--sans);font-size:13px;color:var(--fg-2);max-width:760px;line-height:1.45}.count-tag{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);padding:4px 10px;border:1px solid var(--rule);background:var(--bg-2)}.count-tag .num{color:var(--accent);font-weight:500}.bottombar{display:flex;align-items:center;gap:14px;padding:10px 20px;background:var(--bg-2);color:var(--fg-2);font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--rule);flex-shrink:0}.bottombar .spacer{flex:1}.bottombar a{color:var(--accent);text-decoration:none}.bottombar a:hover{text-decoration:underline}.references-btn{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;background:var(--bg-2);color:var(--fg);border:1px solid var(--rule-2);cursor:pointer;white-space:nowrap;transition:color 80ms ease,border-color 80ms ease}.references-btn:hover{color:var(--accent);border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--fg) 35%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--bg);border:1px solid var(--rule-2);max-width:800px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 32px color-mix(in oklch,var(--fg) 25%,transparent)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--rule)}.modal-head h2{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}.modal-close{font-family:var(--mono);font-size:20px;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--rule);color:var(--fg-2);cursor:pointer}.modal-close:hover{color:var(--accent);border-color:var(--accent)}.modal-body{padding:16px 20px 24px;overflow-y:auto}.modal-intro{font-family:var(--sans);font-size:12px;color:var(--fg-2);margin-bottom:16px;line-height:1.55}.modal-body section{margin-bottom:18px}.modal-body h3{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding-bottom:6px;border-bottom:1px solid var(--rule);margin-bottom:8px}.modal-body ul{list-style:none;display:flex;flex-direction:column;gap:10px}.modal-body li{display:flex;flex-direction:column;gap:3px;padding:4px 0}.ref-title{display:flex;align-items:baseline;gap:10px;font-family:var(--sans);font-weight:500;color:var(--fg);font-size:13px}.ref-title a{color:var(--fg)}.ref-title a:hover{color:var(--accent)}.ref-source{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-weight:400}.ref-detail{font-family:var(--sans);font-size:12px;color:var(--fg-2);line-height:1.5}.filters{display:flex;flex-direction:column;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule)}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);display:flex;align-items:baseline;gap:12px}.filter-label .clear{color:var(--accent);background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:0}.filter-label .clear:hover{text-decoration:underline}.pills{display:flex;gap:4px;flex-wrap:wrap}.pill{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;background:var(--bg-2);color:var(--fg-2);border:1px solid var(--rule);transition:color 80ms ease,border-color 80ms ease,background 80ms ease;cursor:pointer}.pill:hover{color:var(--fg);border-color:var(--rule-2)}.pill.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.pill.day{padding:6px 10px;font-size:10px;letter-spacing:.08em;min-width:44px;text-align:center}.pill.use-case{display:inline-flex;align-items:center;gap:6px;text-transform:none;letter-spacing:.02em;font-family:var(--sans);font-size:11px}.pill.use-case .dot{width:8px;height:8px;border-radius:1px;display:inline-block}.search{display:flex;flex-direction:column;gap:6px;max-width:420px}.search input[type=search]{width:100%}.net-groups{margin-top:20px;display:flex;flex-direction:column;gap:18px}.net-group{padding:14px 16px;background:var(--bg-2);border:1px solid var(--rule)}.net-group-head{display:flex;align-items:baseline;gap:12px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--rule)}.net-group-head h2{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.net-group-head .count{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--fg-3);text-transform:uppercase}.net-list{list-style:none;display:flex;flex-direction:column}.net-list li{display:grid;grid-template-columns:70px 118px 1fr auto;gap:12px;padding:8px 4px;border-bottom:1px solid var(--rule);align-items:baseline}.net-list li:last-child{border-bottom:none}.net-list .time{font-family:var(--mono);color:var(--fg);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.net-list .freq{font-family:var(--mono);color:var(--accent);font-variant-numeric:tabular-nums;font-size:11px;display:flex;flex-direction:column;gap:2px;line-height:1.2}.net-list .freq .mode{font-size:9px;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase}.net-list .body{display:flex;flex-direction:column;gap:3px;min-width:0}.net-list .name-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.net-list .name{font-family:var(--sans);font-weight:500;color:var(--fg);font-size:12px}.net-list .name a{color:var(--fg)}.net-list .name a:hover{color:var(--accent)}.net-list .org{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.net-list .meta{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;color:var(--fg-2)}.net-list .meta .repeater{color:var(--fg-2)}.net-list .meta .alt{color:var(--fg-3);font-variant-numeric:tabular-nums}.net-list .note{font-family:var(--sans);font-size:10px;color:var(--fg-3);line-height:1.4;margin-top:2px}.net-list .badges{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.net-list .badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);padding:2px 6px;border:1px solid var(--rule);background:var(--bg);white-space:nowrap}.net-list .badge .dot{width:7px;height:7px;border-radius:1px}.net-list .badge.band{color:var(--fg-3)}.empty{padding:40px 20px;text-align:center;font-family:var(--sans);font-size:13px;color:var(--fg-3);background:var(--bg-2);border:1px dashed var(--rule);margin-top:20px}@media (max-width: 720px){.net-list li{grid-template-columns:70px 1fr;row-gap:4px}.net-list .freq{grid-column:1 / -1}.net-list .badges{grid-column:1 / -1;flex-direction:row;align-items:flex-start;flex-wrap:wrap}}:root{--mono: "JetBrains Mono", "Berkeley Mono", ui-monospace, Menlo, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--accent: oklch(.62 .16 47);--accent-2: oklch(.68 .16 47);--warn: oklch(.66 .16 25);--info: oklch(.65 .15 230)}:root{--bg: oklch(.985 .003 90);--bg-2: oklch(.965 .004 90);--bg-3: oklch(.93 .005 90);--fg: oklch(.2 .01 60);--fg-2: oklch(.42 .01 60);--fg-3: oklch(.62 .01 60);--rule: oklch(.86 .005 60);--rule-2:oklch(.78 .005 60)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--mono);font-feature-settings:"ss01","ss02","cv11";-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--fg);font-size:12px}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--mono);cursor:pointer;background:transparent;border:1px solid var(--rule-2);color:var(--fg)}button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}input[type=search],input[type=text],input[type=number],select{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--rule);color:var(--fg);padding:6px 8px;font-size:12px;letter-spacing:.02em}input[type=search]:focus,input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--accent)}::selection{background:color-mix(in oklch,var(--accent) 30%,transparent)}