@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;0,800;1,500;1,700;1,800&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--page-bg: #0f0d1f;--text-primary: #e8e4f0;--font-display: "Barlow Condensed", "IBM Plex Mono", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--accent: #ffcc33;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%}body{font-family:var(--font-mono);background:var(--page-bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-width:320px}code{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);color:var(--text-primary)}.nav__inner{max-width:1240px;margin:0 auto;padding:.7rem 1rem .6rem;display:flex;flex-direction:column;gap:.5rem}.nav__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.nav__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav__spacer{margin-left:auto;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.wordmark-block{display:flex;flex-direction:column;gap:.15rem;min-width:0}.wordmark__text{font-family:var(--font-display);font-weight:800;font-style:italic;font-size:clamp(22px,6vw,34px);letter-spacing:.02em;line-height:1;color:var(--wordmark-fill);text-shadow:3px 3px 0 var(--accent),5px 5px 0 var(--nav-bg);white-space:nowrap;cursor:default;padding-right:5px}.wordmark__tagline{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--accent);letter-spacing:.02em;line-height:1.1}@media(max-width:480px){.wordmark__tagline{font-size:.9rem}}.nav-user{display:flex;align-items:center;gap:.4rem;min-width:0}.nav-user__email{font-size:.6rem;color:var(--text-muted);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:11rem}@media(max-width:480px){.nav-user__email{display:none}}.nav-seg{display:inline-flex;align-items:stretch;border:1px solid var(--border-mid);border-radius:var(--radius);overflow:hidden}.nav-seg__item{display:inline-flex;align-items:center;min-height:32px;padding:.35rem .65rem;background:transparent;border:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--text-dim);cursor:pointer;transition:color .15s,background .15s}.nav-seg__item+.nav-seg__item{border-left:1px solid var(--border-mid)}.nav-seg__item:hover{color:var(--text-sub);background:var(--surface-alt)}.nav-seg__item--current,.nav-seg__item--current:hover{background:var(--nav-current);color:var(--nav-current-on)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.3rem .6rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;text-decoration:none;background:transparent;color:var(--text-sub);border:1px solid var(--border-mid);border-radius:var(--radius);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn:hover:not(:disabled){color:var(--text-bright);border-color:var(--border-active);background:var(--surface-alt)}.btn:disabled{color:var(--text-hint);border-color:var(--border-faint);cursor:not-allowed}.btn--on,.btn--on:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.btn--fill,.btn--fill:hover:not(:disabled){background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.btn--danger:hover:not(:disabled){color:var(--neg);border-color:var(--neg);background:transparent}@media(hover:none){input.btn-input{font-size:16px}}.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:3px;padding:.18rem .45rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-sub);white-space:nowrap;font-variant-numeric:tabular-nums}.chip--live{color:var(--live);border-color:var(--live)}.chip__dot{width:6px;height:6px;border-radius:50%;background:var(--live);animation:pulse 2s infinite}.chip--err{color:var(--neg);border-color:var(--neg)}.date-title{font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:.04em;line-height:1;color:var(--text-bright);font-variant-numeric:tabular-nums}.drawer{background:var(--surface-deep);border-top:1px solid var(--border)}.drawer__inner{max-width:1240px;margin:0 auto;padding:.7rem 1rem .8rem}.field-label{font-family:var(--font-display);font-weight:600;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.3rem}.text-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:.35rem .6rem;font-family:var(--font-mono);font-size:.7rem;border-radius:var(--radius);outline:none;min-height:32px}.text-input:focus{border-color:var(--border-active)}@media(hover:none){.text-input{font-size:16px}}.app-main{max-width:1240px;margin:0 auto;width:100%;padding:1.25rem 1rem 4rem}.empty-note{text-align:center;padding:3.5rem 1rem;color:var(--text-dim);font-family:var(--font-display);font-weight:600;font-size:.85rem;letter-spacing:.2em}.legend{margin-top:1.25rem;font-size:.6rem;color:var(--text-dim);display:flex;gap:.9rem;flex-wrap:wrap;letter-spacing:.04em}@media(max-width:480px){.hide-sm{display:none}.btn{padding:.3rem .45rem}.nav__inner{padding:.55rem .75rem .5rem;gap:.4rem}.app-main{padding:1rem .75rem 3rem}}
