@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:wght@600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#121212}#root{min-height:100vh}:root{--bg: #121212;--surface: #1b1b1b;--surface-strong: #242424;--border: #2f2f2f;--text: #f5f5f5;--text-muted: #b7b7b7;--accent: #ff8a00;--accent-soft: rgba(255, 138, 0, .15)}.app-shell{background:var(--bg);color:var(--text);min-height:100vh;padding:2.5rem clamp(1.25rem,3vw,3.5rem) 4rem;font-family:Space Grotesk,Noto Sans,sans-serif}.hero{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:center;padding:2rem;border-radius:1.25rem;background:var(--surface);border:1px solid var(--border)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--text-muted);margin-bottom:.6rem}h1{font-family:Fraunces,Space Grotesk,serif;font-size:clamp(2.4rem,5vw,3.2rem);margin:0}.subtitle{max-width:44ch;color:var(--text-muted);line-height:1.6;margin-top:.6rem}.cta{background:var(--accent);color:#1a1a1a;border:none;border-radius:999px;padding:.9rem 2.6rem;font-weight:700;font-size:1rem;cursor:pointer}.cta.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.spotlight{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.main-nav{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.8rem}.nav-button{border:1px solid var(--border);color:var(--text-muted);background:var(--surface);border-radius:999px;padding:.5rem 1.6rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}.nav-button.active{border-color:var(--accent);color:var(--accent);background:var(--surface)}.spotlight-card{padding:1.8rem;background:var(--surface);border-radius:1rem;border:1px solid var(--border)}.spotlight-notes{padding:1.8rem;border-radius:1rem;background:var(--surface-strong);border:1px solid var(--border);line-height:1.6;color:var(--text-muted)}h2{font-size:1.4rem;margin:0 0 .5rem}.stat{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.detail{color:var(--accent);background:var(--surface);display:inline-block;padding:.15rem .5rem;border-radius:999px}section{margin-top:3rem}.auth-panel{margin-top:2rem;padding:1.6rem;border-radius:1rem;background:var(--surface);border:1px solid var(--border)}.auth-form{display:grid;gap:.8rem}.auth-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.auth-title{font-size:1.1rem;font-weight:600;margin:.2rem 0 0}.auth-input{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);padding:.7rem;font:inherit}.auth-error{color:var(--accent)}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.section-header h3{margin:0;font-size:1.15rem}.ghost{border:1px solid var(--accent);background:var(--surface);color:var(--accent);border-radius:999px;padding:.4rem 1.2rem;cursor:pointer;font-weight:600}.grid{margin-top:1.2rem;display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border-radius:1rem;padding:1.4rem;border:1px solid var(--border)}.event-card .venue{font-size:1rem;font-weight:700}.event-card .time{color:var(--text-muted);margin-bottom:.7rem}.event-card{cursor:pointer;transition:border-color .2s ease}.event-card.selected{border-color:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.tag{background:var(--accent-soft);border:1px solid rgba(255,138,0,.4);padding:.2rem .7rem;border-radius:999px;font-size:.75rem;color:var(--text)}.tiny{border:1px solid var(--border);border-radius:999px;padding:.4rem 1rem;background:var(--surface-strong);color:var(--text);font-weight:600;cursor:pointer}.list-card{display:flex;flex-direction:column;gap:.6rem}.list-title{font-weight:600;font-size:.98rem}.list-stats{color:var(--text-muted);font-size:.88rem}.quote-card .quote{font-size:.98rem;line-height:1.6;margin-bottom:.7rem}.micro{color:var(--text-muted);font-size:.82rem}.field{display:flex;flex-direction:column;gap:.4rem}.field-row{display:flex;justify-content:space-between;align-items:baseline}.events-panel{display:grid;gap:1.8rem;grid-template-columns:minmax(0,1fr) minmax(260px,340px);margin-top:3rem}.event-detail{position:sticky;top:2rem;align-self:start;border:1px solid var(--border);display:flex;flex-direction:column;gap:.7rem;background:var(--surface)}.event-detail .time{color:var(--text-muted);margin:0;font-weight:600}.event-detail .host{font-weight:600}.event-detail .description{color:var(--text-muted);line-height:1.5}.event-detail ul{padding-left:1.2rem;margin:0;color:var(--text)}.log-backdrop{position:fixed;inset:0;background:#000000b3;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:40}.log-backdrop.open{opacity:1;pointer-events:auto}.log-drawer{position:fixed;inset:auto 0 0;background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;padding:2rem;border-top:1px solid var(--border);transform:translateY(105%);transition:transform .35s ease;z-index:50;max-height:90vh;overflow-y:auto}.log-drawer.open{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem}.log-form{display:flex;flex-direction:column;gap:1.1rem}.log-form select,.log-form textarea,.log-form input[type=range]{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);padding:.7rem;font:inherit}.log-form input[type=range]{accent-color:var(--accent);padding:0}.rating-emoji{font-size:1.4rem}.recap{padding:1rem;border-radius:1rem;background:var(--surface-strong)}.drawer-actions{display:flex;justify-content:flex-end;gap:1rem}@media(max-width:960px){.events-panel{grid-template-columns:1fr}.event-detail{position:static}}footer{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);text-align:center;font-size:.85rem}
