:root{--bg:#f3f5f4;--surface:#fff;--surface-sunken:#eaedec;--rail-bg:#1b2226;--rail-ink:#dee4e3;--rail-ink-dim:#8b979a;--ink:#1b2226;--ink-dim:#5b666a;--ink-faint:#8b979a;--border:#dbdfdd;--accent:#0e7c86;--accent-ink:#fff;--accent-soft:#e3f1f1;--ok:#2f7a4f;--ok-soft:#e5f2ea;--ok-ink:#fff;--warn:#b8720b;--warn-soft:#fbeedc;--warn-ink:#fff;--danger:#b23a34;--danger-soft:#fbe7e5;--shadow:0 1px 2px #141a1c0f, 0 4px 14px #141a1c0d;--font-mono:ui-monospace, "SF Mono", "Roboto Mono", "Cascadia Mono", Consolas, monospace;--font-sans:-apple-system, "Segoe UI", system-ui, Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#14181a;--surface:#1c2224;--surface-sunken:#171c1e;--rail-bg:#0e1213;--rail-ink:#e4e9e8;--rail-ink-dim:#7c8a8d;--ink:#e7ecea;--ink-dim:#9aa6a8;--ink-faint:#6c787b;--border:#2b3235;--accent:#4fc3cb;--accent-ink:#0b2224;--accent-soft:#1b3538;--ok:#6fbf8b;--ok-soft:#1c3327;--ok-ink:#0b2214;--warn:#e3a73f;--warn-soft:#3a2c14;--warn-ink:#2b1d04;--danger:#e1746d;--danger-soft:#3a211f;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000059}}*{box-sizing:border-box}body{margin:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea,select{color:inherit;font-family:inherit}.app{grid-template-columns:1fr;min-height:100vh;display:grid}.app>*{min-width:0}@media (width>=821px){.app{height:100vh;display:flex}.rail{flex:none;width:232px;height:100%;overflow-y:auto}main{flex:1;height:100%;margin:0;overflow-y:auto}}@media (width<=820px){.app{grid-template-columns:1fr}}.rail{background:var(--rail-bg);color:var(--rail-ink);flex-direction:column;gap:22px;padding:20px 16px;display:flex}.rail-brand{flex-direction:column;gap:2px;display:flex}.rail-brand .mark{font-family:var(--font-mono);letter-spacing:.06em;color:var(--rail-ink-dim);text-transform:uppercase;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.rail-brand .mark:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.rail-brand h1{letter-spacing:-.01em;margin:2px 0 0;font-size:19px;font-weight:700}.rail-brand .event-row{align-items:center;gap:6px;display:flex}.rail-brand .event{color:var(--rail-ink-dim);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13px}.rail-brand .event-switch{color:var(--accent);opacity:.85;white-space:nowrap;margin-left:2px;font-size:10.5px}.rail-brand .event:hover .event-switch{opacity:1;text-decoration:underline}.rail-brand .event-rename-btn{all:unset;cursor:pointer;color:var(--rail-ink-dim);opacity:.7;padding:2px;font-size:11px}.rail-brand .event-rename-btn:hover{opacity:1;color:var(--rail-ink)}.event-rename-form{align-items:center;gap:5px;display:flex}.event-rename-form input{color:var(--rail-ink);background:#ffffff14;border:1px solid #ffffff29;border-radius:5px;width:130px;padding:3px 6px;font-size:13px}.event-rename-form button[type=submit]{all:unset;cursor:pointer;color:var(--ok);padding:2px 4px;font-size:13px}.event-rename-form button[type=button]{all:unset;cursor:pointer;color:var(--rail-ink-dim);padding:2px 4px;font-size:12px}.event-rename-form .error{margin-top:30px;font-size:11px;position:absolute}.sync-badge{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px 11px;display:flex}.sync-badge .dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #6fbf8b2e}.sync-badge.offline .dot{background:var(--warn);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 3px #e3a73f33}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.sync-badge .txt{flex-direction:column;gap:1px;display:flex}.sync-badge .txt b{font-size:12.5px;font-weight:600}.sync-badge .txt span{color:var(--rail-ink-dim);font-size:11.5px;font-family:var(--font-mono)}.rail-nav{flex-direction:column;gap:3px;display:flex}.rail-nav button{all:unset;cursor:pointer;color:var(--rail-ink-dim);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:14px;font-weight:500;display:flex}.rail-nav button:hover{color:var(--rail-ink);background:#ffffff0d}.rail-nav button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.rail-nav button .n{font-family:var(--font-mono);opacity:.75;font-size:11.5px}.rail-stats{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.rail-stat{justify-content:space-between;align-items:baseline;display:flex}.rail-stat .l{color:var(--rail-ink-dim);font-size:12px}.rail-stat .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.rail-stat.warn .v{color:var(--warn)}.rail-stat.ok .v{color:var(--ok)}.rail-stat.clickable{all:unset;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:baseline;width:100%;margin:-2px -4px;padding:2px 4px;display:flex}.rail-stat.clickable:hover:not(:disabled){background:#ffffff0d}.rail-stat.clickable:disabled{cursor:default}.invite-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;padding:10px 11px;display:flex}.invite-label{text-transform:uppercase;letter-spacing:.05em;color:var(--rail-ink-dim);font-size:10.5px;font-weight:600}.invite-link-btn{all:unset;cursor:pointer;background:var(--accent);color:var(--accent-ink);text-align:center;border-radius:6px;padding:7px 9px;font-size:12.5px;font-weight:600}.invite-link-btn:hover{filter:brightness(1.06)}.invite-link-btn.secondary{color:var(--rail-ink-dim);background:0 0;border:1px solid #ffffff24}.invite-link-btn.secondary:hover{filter:none;background:#ffffff0d}.invite-code-btn{all:unset;cursor:pointer;color:var(--rail-ink-dim);text-align:center;font-size:11.5px}.invite-code-btn .code{font-family:var(--font-mono);letter-spacing:.08em;color:var(--rail-ink);font-weight:600}main{min-width:0;max-width:980px;padding:26px 32px 60px}@media (width<=640px){main{padding:18px 16px 48px}}.main-topbar{justify-content:flex-end;align-items:center;margin-bottom:14px;display:flex}.hamburger-btn{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--ink);box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:none}.account-menu{position:relative}.account-pill{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex}.account-avatar{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.account-name{color:var(--ink);font-size:13px;font-weight:600}.account-chevron{color:var(--ink-faint);font-size:8px}.account-dropdown{z-index:50;background:var(--surface);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.account-dropdown button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--ink-dim);border-radius:6px;padding:8px 10px;font-size:13px}.account-dropdown button:hover{background:var(--surface-sunken);color:var(--ink)}.profile-screen{justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.profile-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:520px;height:fit-content;box-shadow:var(--shadow);border-radius:14px;padding:30px 28px}.profile-head{align-items:center;gap:16px;margin-bottom:26px;display:flex}.profile-head h1{margin:0;font-size:19px}.profile-section{border-bottom:1px solid var(--border);margin-bottom:26px;padding-bottom:26px}.profile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-section h2{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin:0 0 14px;font-size:13.5px}.profile-join-form{gap:8px;margin-top:10px;display:flex}.profile-join-form input{background:var(--surface-sunken);border:1px solid var(--border);border-radius:8px;flex:1;min-width:0;padding:9px 12px;font-size:13.5px}.profile-join-form button{background:var(--ink);color:var(--bg);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600}.profile-join-form button:disabled{opacity:.5;cursor:default}.profile-card .event-list button:disabled{opacity:.65;cursor:default;border-color:var(--accent)}.view-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.view-head h2{letter-spacing:-.01em;text-wrap:balance;margin:0 0 3px;font-size:22px}.view-head p{color:var(--ink-dim);margin:0;font-size:13.5px}.export-buttons{gap:8px;display:flex}.export-btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600}.export-btn:hover:not(:disabled){filter:brightness(1.06)}.export-btn:disabled{opacity:.6;cursor:default}.export-btn.secondary{border:1px solid var(--border);color:var(--ink-dim);background:0 0}.export-btn.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--ink);filter:none}.quickadd{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:16px;padding:14px}.quickadd-meta{grid-template-columns:84px 1fr 150px auto;align-items:end;gap:8px;margin-bottom:8px;display:grid}.quickadd-content{flex-direction:column;gap:8px;display:flex}.quickadd-content .row2{align-items:flex-end;gap:8px;display:flex}.quickadd-content .row2 .field{flex:1}@media (width<=760px){.quickadd-meta{grid-template-columns:1fr 1fr}.quickadd-content .row2{flex-wrap:wrap}}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-size:10.5px;font-weight:600}.field input,.field textarea,.field select{background:var(--surface-sunken);border:1px solid var(--border);color:var(--ink);resize:none;box-sizing:border-box;border-radius:7px;width:100%;min-width:0;padding:7px 9px;font-family:inherit;font-size:13.5px;line-height:1.3}.field input,.field select{height:33px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238B979A'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:26px}.field input:focus,.field textarea:focus,.field select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field input[type=time]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;appearance:none;line-height:18px}.check-field{flex-direction:column;gap:4px;min-width:0;display:flex}.check-field .box{background:var(--surface-sunken);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:7px;height:33px;padding:7px 10px;display:flex}.check-field input[type=checkbox]{width:15px;height:15px;accent-color:var(--ok);cursor:pointer}.check-field .box span{color:var(--ink-dim);font-size:12.5px;font-weight:500}.quickadd-submit{background:var(--accent);color:var(--accent-ink);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 16px;font-size:13.5px;font-weight:600}.quickadd-submit:hover{filter:brightness(1.06)}.quickadd-submit:disabled{opacity:.5;cursor:default}.prio-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.prio-badge.laag{background:var(--surface-sunken);color:var(--ink-faint)}.prio-badge.hoog{background:var(--warn-soft);color:var(--warn)}.prio-badge.code-rood{background:var(--danger-soft);color:var(--danger)}.prio-badge.code-rood:before{content:"";background:var(--danger);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite pulse}.pending-badge{color:var(--ink-faint);font-size:10px;font-family:var(--font-mono)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.search{flex:1;min-width:160px}.search input{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 12px;font-size:13.5px}.chip-group{gap:6px;display:flex}.chip{all:unset;cursor:pointer;border:1px solid var(--border);color:var(--ink-dim);background:var(--surface);border-radius:20px;padding:6px 12px;font-size:12.5px;font-weight:600}.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.creator-filter{background:var(--surface);border:1px solid var(--border);color:var(--ink-dim);border-radius:8px;padding:6px 10px;font-size:12.5px}.log-list{flex-direction:column;gap:6px;display:flex}.entry{background:var(--surface);border:1px solid var(--border);border-radius:9px;grid-template-columns:3px 200px 1fr 1fr auto;align-items:center;gap:12px;padding:10px 12px 10px 0;display:grid;position:relative;overflow:hidden}.entry .stripe{background:var(--ok);border-radius:3px;align-self:stretch}.entry.open .stripe{background:var(--warn)}.entry .time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-dim);flex:none;font-size:12.5px}.who-cell{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.who-row{align-items:center;gap:8px;min-width:0;display:flex}.creator-avatar{background:var(--ok);width:18px;height:18px;color:var(--ok-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.entry.open .creator-avatar{background:var(--warn);color:var(--warn-ink)}.who-chip{background:var(--surface-sunken);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:100%;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block;overflow:hidden}.entry .what{overflow-wrap:anywhere;min-width:0;font-size:13.5px;line-height:1.45}.entry .solution{color:var(--ink-dim);overflow-wrap:anywhere;min-width:0;font-size:13.5px;line-height:1.45}.entry .solution em{color:var(--ink-faint);font-style:italic}.entry-actions{align-items:center;gap:5px;display:flex}.entry .toggle{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.entry.open .toggle{border-color:var(--warn)}.entry:not(.open) .toggle{background:var(--ok);border-color:var(--ok);color:#fff}.icon-btn{cursor:pointer;width:18px;height:18px;color:var(--ink-faint);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.icon-btn:hover{background:var(--surface-sunken);color:var(--ink-dim)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}@media (width<=760px){.entry{grid-template-columns:3px 1fr auto}.entry .stripe{grid-area:1/1/span 3}.entry .who-cell,.entry .what,.entry .solution{grid-column:2}.entry-actions{flex-direction:column;grid-area:1/3/span 3;justify-content:center;align-self:stretch}}.entry-edit{grid-template-columns:3px 1fr;padding:12px 14px 12px 0}.entry-edit-fields{grid-template-columns:84px 140px 130px;gap:8px;display:grid}.entry-edit-fields input,.entry-edit-fields select{background:var(--surface-sunken);border:1px solid var(--border);color:var(--ink);border-radius:7px;padding:6px 9px;font-size:13px}.entry-edit-fields .full{grid-column:1/-1}@media (width<=640px){.entry-edit-fields{grid-template-columns:1fr 1fr}}.entry-edit-actions{gap:8px;margin-top:8px;display:flex}.entry-edit-actions .save-btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600}.entry-edit-actions .cancel-btn{border:1px solid var(--border);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:12.5px}.empty-state{text-align:center;color:var(--ink-faint);padding:40px 20px;font-size:13.5px}.eval-list{flex-direction:column;gap:8px;display:flex}.eval-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;grid-template-columns:30px 1fr;gap:10px;padding:12px 14px;display:grid}.eval-card .num{font-family:var(--font-mono);color:var(--accent);font-size:13px;font-weight:700}.eval-card p{overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.55}.eval-card{min-width:0}.eval-add{gap:8px;margin-top:14px;display:flex}.eval-add input{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1;padding:9px 12px;font-size:13.5px}.eval-add button{background:var(--ink);color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600}.eval-add button:disabled{opacity:.5;cursor:default}.channel-list{flex-direction:column;gap:6px;display:flex}.channel-row{background:var(--surface);border:1px solid var(--border);border-radius:9px;grid-template-columns:18px 24px 1fr auto;align-items:center;gap:10px;padding:6px 10px;transition:border-color .1s,background .1s,box-shadow .1s,opacity .1s;display:grid}.channel-row.dragging{z-index:5;opacity:.9;border-color:var(--accent);position:relative;box-shadow:0 6px 18px #0000002e}.channel-drag{cursor:grab;color:var(--ink-faint);text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;padding:6px 0;font-size:14px}.channel-drag:active{cursor:grabbing}.channel-num{font-family:var(--font-mono);color:var(--accent);text-align:center;font-size:13px;font-weight:700}.channel-input{background:0 0;border:none;border-radius:5px;min-width:0;padding:7px 6px;font-size:13.5px}.channel-input:focus{background:var(--surface-sunken);outline:none}.channel-error{color:var(--danger);margin:0 0 12px;font-size:12.5px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;display:grid}@media (width<=700px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:14px 16px}.stat-tile .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stat-tile.warn .v{color:var(--warn)}.stat-tile.ok .v{color:var(--ok)}.stat-tile .l{color:var(--ink-dim);margin-top:2px;font-size:12px}.stat-tile.clickable{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;display:block}.stat-tile.clickable:hover:not(:disabled){border-color:var(--warn)}.stat-tile.clickable:disabled{cursor:default;opacity:.6}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:16px;padding:18px 20px}.panel h3{margin:0 0 3px;font-size:14.5px}.panel .sub{color:var(--ink-faint);margin:0 0 16px;font-size:12px}.bar-row{grid-template-columns:132px 1fr 34px;align-items:center;gap:10px;margin-bottom:9px;font-size:12.5px;display:grid}.bar-row .name{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:var(--surface-sunken);border-radius:4px;height:9px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:4px;height:100%}.bar-row .count{font-family:var(--font-mono);text-align:right;color:var(--ink-dim);font-variant-numeric:tabular-nums}.hourly{align-items:flex-end;gap:6px;height:130px;padding-bottom:2px;display:flex;overflow-x:auto}.hbar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:30px;height:100%;display:flex}.hbar .col{background:var(--accent-soft);border-radius:4px 4px 2px 2px;width:100%;max-width:22px;position:relative}.hbar .col .fill{background:var(--accent);border-radius:4px 4px 2px 2px;position:absolute;bottom:0;left:0;right:0}.hbar .lbl{font-family:var(--font-mono);color:var(--ink-faint);font-size:10.5px}.hbar .cnt{font-family:var(--font-mono);color:var(--ink-dim);font-size:10px}.centered-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.screen-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:14px;padding:28px 26px}.screen-card .mark{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.screen-card .mark:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.screen-card h1{margin:6px 0 4px;font-size:21px}.screen-card p.lead{color:var(--ink-dim);margin:0 0 20px;font-size:13.5px;line-height:1.5}.screen-card .field,.profile-card .field{margin-bottom:12px}.screen-card .field input,.screen-card .field select,.profile-card .field input,.profile-card .field select{width:100%;padding:9px 11px;font-size:14px}.field-row{gap:10px;display:flex}.field-row .field{flex:1;min-width:0}.screen-card .primary-btn,.profile-card .primary-btn{background:var(--accent);width:100%;color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:10px;font-size:14px;font-weight:600}.screen-card .primary-btn:disabled,.profile-card .primary-btn:disabled{opacity:.55;cursor:default}.screen-card .note,.profile-card .note{color:var(--ink-faint);margin-top:14px;font-size:12.5px;line-height:1.5}.screen-card .note code{background:var(--surface-sunken);font-family:var(--font-mono);border-radius:4px;padding:1px 5px}.screen-card .error,.profile-card .error{color:var(--danger);margin-top:10px;font-size:12.5px}.link-btn{all:unset;cursor:pointer;color:var(--accent);text-underline-offset:2px;text-decoration:underline}.screen-card .account-note{border-top:1px solid var(--border);color:var(--ink-faint);margin-top:10px;padding-top:10px;font-size:11.5px;line-height:1.5}.auth-tabs{background:var(--surface-sunken);border-radius:8px;gap:4px;margin-bottom:18px;padding:3px;display:flex}.auth-tabs button{all:unset;text-align:center;cursor:pointer;color:var(--ink-dim);border-radius:6px;flex:1;padding:7px 0;font-size:12.5px;font-weight:600}.auth-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.event-list{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.event-list button{all:unset;cursor:pointer;border:1px solid var(--border);border-radius:9px;justify-content:space-between;padding:10px 12px;font-size:13.5px;display:flex}.event-list button:hover{border-color:var(--accent)}.update-banner{z-index:100;background:var(--rail-bg);color:var(--rail-ink);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:12px;padding:10px 10px 10px 18px;font-size:13px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.update-banner button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:600}.update-banner button:hover{filter:brightness(1.06)}.public-feed{max-width:900px;margin:0 auto;padding:32px 20px 60px}.public-feed-header{margin-bottom:22px}.public-feed-header .mark{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:11.5px;display:flex}.live-dot{background:var(--danger);border-radius:50%;flex:none;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.public-feed-header h1{letter-spacing:-.01em;margin:0 0 6px;font-size:24px}.public-feed-header .lead{color:var(--ink-dim);margin:0;font-size:13px}.weather-widget{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;overflow:hidden}.weather-error{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--rail-ink-dim);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:11.5px;display:flex}.weather-error:hover{color:var(--rail-ink);border-color:#ffffff29}.weather-summary{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:7px;width:100%;padding:9px 11px;display:flex}.weather-icon{font-size:15px;line-height:1}.weather-temp{font-family:var(--font-mono);color:var(--rail-ink);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.weather-wind{color:var(--rail-ink-dim);flex:1;font-size:11.5px}.weather-toggle{color:var(--rail-ink-dim);font-size:8px}.weather-details{flex-direction:column;gap:5px;padding:10px 11px;display:flex}.weather-details-popover{z-index:200;background:var(--rail-bg);color:var(--rail-ink);border:1px solid #ffffff24;border-radius:10px;max-height:calc(100vh - 16px);position:fixed;overflow-y:auto;box-shadow:0 12px 32px #0006}.weather-details>div{justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.weather-details>div span:first-child{color:var(--rail-ink-dim)}.weather-details>div span:last-child{color:var(--rail-ink);font-variant-numeric:tabular-nums;text-align:right}.weather-updated{color:var(--rail-ink-dim);margin-top:2px;justify-content:flex-start!important;font-size:10.5px!important}.weather-updated span{color:var(--rail-ink-dim)!important}.weather-location-edit{all:unset;cursor:pointer;color:var(--accent);text-underline-offset:2px;margin-left:auto;font-size:10.5px;text-decoration:underline}.weather-set-location{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--rail-ink-dim);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:11.5px;display:flex}.weather-set-location:hover{color:var(--rail-ink);border-color:#ffffff29}.weather-location-form{flex-direction:column;gap:6px;padding:9px 11px;display:flex}.weather-location-input-row{align-items:center;gap:5px;display:flex}.weather-location-input-row input{min-width:0;color:var(--rail-ink);background:#ffffff14;border:1px solid #ffffff29;border-radius:5px;flex:1;padding:5px 7px;font-size:12.5px}.weather-location-input-row button[type=button]{all:unset;cursor:pointer;color:var(--rail-ink-dim);padding:3px 4px;font-size:12px}.weather-location-spinner{border:1.5px solid #fff3;border-top-color:var(--accent);border-radius:50%;flex:none;width:11px;height:11px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.weather-location-error{color:var(--danger);margin:0;font-size:11px}.weather-location-results{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.weather-location-results button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--rail-ink);border-radius:6px;padding:6px 7px;font-size:12px}.weather-location-results button:hover{background:#ffffff0f}.weather-location-results button:disabled{opacity:.5;cursor:default}.weather-location-credit{color:var(--rail-ink-dim);opacity:.7;margin:4px 0 0;font-size:10px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=820px){.field input,.field textarea,.field select,.screen-card .field input,.screen-card .field select,.profile-card .field input,.profile-card .field select,.event-rename-form input,.profile-join-form input,.search input,.eval-add input,.channel-input,.weather-location-input-row input{font-size:16px}.rail{display:none}.rail.rail-open{z-index:100;width:min(320px,86vw);height:100dvh;display:flex;position:fixed;inset:0;overflow-y:auto;box-shadow:4px 0 24px #00000040}.rail-backdrop{z-index:90;background:#0a0e0f80;position:fixed;inset:0}.main-topbar{justify-content:space-between}.hamburger-btn{display:inline-flex}}
