:root{--bg:#f6f5f2;--card:#fff;--subtle:#efede7;--subtle-2:#e8e5dd;--ink:#1c1a17;--muted:#6b665e;--faint:#9a958c;--hair:#1c1a171a;--hair-2:#1c1a1729;--amber:#e3a53b;--amber-tint:#fbf1dd;--amber-on:#7a560f;--live:#2f8f6b;--live-tint:#e7f2ec;--moi:#e8553a;--moi-tint:#fbede9;--moi-on:#7a2a18;--sacha:#2f8f6b;--sacha-tint:#e7f2ec;--sacha-on:#1c5b43;--nous:#9b4670;--nous-tint:#f5e8ef;--nous-on:#5e2845;--hugo:#2c6e49;--hugo-tint:#e7f1eb;--hugo-on:#173d2a;--sacha-p:#d24e92;--sacha-p-tint:#fbe9f2;--sacha-p-on:#7e2a57;--accent:var(--hugo);--accent-tint:var(--hugo-tint);--accent-on:var(--hugo-on);--serif:"Instrument Serif", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--serif-tracking:0em;--r-card:18px;--r-input:11px;--r-chip:9px;--shadow-sm:0 1px 2px #1c1a170d;--shadow-card:0 1px 2px #1c1a170a, 0 10px 30px -18px #1c1a1733;--shadow-pop:0 1px 2px #1c1a170d, 0 20px 50px -22px #1c1a174d;--bar:#fdfcfab8;--bar-line:#1c1a1714;--maxw:1180px;--ease:cubic-bezier(.22,.61,.36,1);transition:none}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5;overflow:hidden}.app-tint{z-index:0;pointer-events:none;background:radial-gradient(1200px 520px at 82% -8%, var(--accent-tint), transparent 70%);opacity:.9;transition:background .48s var(--ease);position:fixed;inset:0}.serif{font-family:var(--serif);letter-spacing:var(--serif-tracking);font-weight:400;line-height:1.2}.mono{font-family:var(--mono)}.nowrap{white-space:nowrap;flex:none}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap;flex:none;font-size:11.5px;font-weight:500}.label-faint{color:var(--faint)}.accent-ink{color:var(--accent);transition:color .32s var(--ease)}em.why{font-family:var(--serif);color:var(--muted);letter-spacing:.005em;font-style:italic}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-tint);color:var(--accent-on)}.card{background:var(--card);border:1px solid var(--hair);border-radius:var(--r-card);box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease), border-color .16s var(--ease), transform .16s var(--ease)}.card-hover:hover{border-color:var(--accent);box-shadow:var(--shadow-card), 0 0 0 3px var(--accent-tint)}.rule{background:var(--hair);border:0;width:100%;height:1px}.pill{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:500;display:inline-flex}.pill-accent{background:var(--accent-tint);color:var(--accent-on);transition:background .32s var(--ease), color .32s var(--ease)}.pill-amber{background:var(--amber-tint);color:var(--amber-on)}.pill-live{background:var(--live-tint);color:var(--live)}.pill-neutral{background:var(--subtle);color:var(--muted)}.chip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-chip);border:1px solid var(--hair);color:var(--muted);background:var(--card);transition:all .14s var(--ease);white-space:nowrap;align-items:center;gap:6px;padding:6px 11px;font-size:11px;display:inline-flex}.chip:hover{border-color:var(--hair-2);color:var(--ink)}.chip-on{background:var(--accent);color:#fff;border-color:var(--accent)}.chip-on:hover{color:#fff}.dot{border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.ava{width:30px;height:30px;font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--hair);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:inline-flex}.btn{border-radius:var(--r-input);transition:all .15s var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--hair-2)}.btn-secondary:hover{border-color:var(--ink)}.btn-ghost{color:var(--muted);padding:8px 12px}.btn-ghost:hover{color:var(--ink);background:var(--subtle)}.ph{background:repeating-linear-gradient(135deg, #1c1a170b 0 10px, #1c1a1700 10px 20px), var(--subtle);border:1px solid var(--hair);border-radius:12px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.ph-accent{background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--accent) 14%, transparent) 0 10px, transparent 10px 20px), var(--accent-tint);border-color:color-mix(in oklab, var(--accent) 22%, var(--hair))}.ph-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);white-space:nowrap;padding:8px 10px;font-size:10px}.topbar{background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--bar-line);z-index:30;flex:none;align-items:stretch;height:60px;display:flex;position:relative}.topbar-brand{border-right:1px solid var(--bar-line);flex:none;align-items:center;width:248px;padding:0 18px;display:flex}.topbar-main{flex:1;align-items:center;gap:14px;min-width:0;padding:0 22px 0 24px;display:flex}.topbar-chip{border:1px solid var(--hair);background:color-mix(in oklab, var(--card) 70%, transparent);height:36px;color:var(--muted);transition:all .15s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:13px;display:inline-flex}.topbar-chip:hover{border-color:var(--hair-2);color:var(--ink)}.topbar-search{border:1px solid var(--hair);background:color-mix(in oklab, var(--card) 60%, transparent);min-width:220px;max-width:340px;height:36px;color:var(--faint);transition:all .16s var(--ease);border-radius:999px;flex:0 300px;align-items:center;gap:10px;padding:0 14px;font-size:13.5px;display:inline-flex}.topbar-search:hover{border-color:var(--hair-2)}.topbar-search:focus-within{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px var(--accent-tint)}.topbar-search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.kbd{font-family:var(--mono);letter-spacing:.04em;background:var(--subtle);color:var(--faint);border:1px solid var(--hair);border-radius:6px;padding:2px 6px;font-size:10px}.icon-btn{width:36px;height:36px;color:var(--muted);transition:all .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--subtle);color:var(--ink)}.sidebar{border-right:1px solid var(--hair);background:color-mix(in oklab, var(--bg) 55%, #fff);flex-direction:column;flex:none;width:248px;height:100%;padding:18px 16px;display:flex;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hair-2);border:3px solid var(--bg);border-radius:999px}::-webkit-scrollbar-track{background:0 0}@keyframes rise{0%{transform:translateY(8px)}to{transform:none}}.rise{animation:rise .5s var(--ease) both}@media (prefers-reduced-motion:reduce){.rise{animation:none;transform:none}.app-tint,.pill-accent,.accent-ink{transition:none}.sync-track>i{opacity:.5;width:100%;animation:none;left:0}}@keyframes newton-slide{0%{left:-35%}to{left:100%}}.sync-track{background:var(--subtle-2);border-radius:999px;height:5px;position:relative;overflow:hidden}.sync-track>i{background:var(--accent);width:35%;animation:newton-slide 1.15s var(--ease) infinite;border-radius:999px;position:absolute;top:0;bottom:0}.tile{cursor:pointer}.tile-poster{background:var(--subtle);box-shadow:var(--shadow-card);transition:transform .24s var(--ease), box-shadow .24s var(--ease);border-radius:14px;position:relative;overflow:hidden}.tile-poster>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tile:hover .tile-poster{box-shadow:var(--shadow-pop), 0 0 0 3px var(--accent-tint);transform:translateY(-4px)scale(1.025)}.tile-chip{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;max-width:calc(100% - 20px);font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;background:#0000006b;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:9.5px;display:inline-flex;position:absolute;top:10px;left:10px;overflow:hidden}.tile-actions{z-index:2;opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);background:linear-gradient(#0000,#0a0806d1);align-items:center;gap:2px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.tile:hover .tile-actions{opacity:1;transform:none}.tile-ib{color:#fff;width:32px;height:32px;transition:background .14s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tile-ib:hover{background:#fff3}@media (prefers-reduced-motion:reduce){.tile:hover .tile-poster{transform:none}.tile-actions{opacity:1;transform:none}}.evt{transition:transform .24s var(--ease), box-shadow .24s var(--ease);will-change:transform}.evt:hover{box-shadow:var(--shadow-pop);transform:translateY(-5px)}.evt-img{position:relative;overflow:hidden}.evt-img>img{transition:transform .72s var(--ease);will-change:transform}.evt:hover .evt-img>img{transform:scale(1.07)}.evt .tile-actions{opacity:0;transition:opacity .22s var(--ease), transform .22s var(--ease);transform:translateY(6px)}.evt:hover .tile-actions{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.evt:hover,.evt:hover .evt-img>img{transform:none}.evt .tile-actions{opacity:1;transform:none}}.home-row{transition:background .14s var(--ease);cursor:pointer;border-radius:9px}.home-row:hover{background:var(--subtle)}.home-cal{position:sticky;top:8px}@media (max-width:900px){.home-grid{grid-template-columns:1fr!important}.home-cal{position:static}}.home-cards{columns:340px;column-gap:16px}.home-cards>*{break-inside:avoid;margin:0 0 16px}.home-open{transition:color .14s var(--ease);cursor:pointer;flex:none}.home-open:hover{color:var(--accent)!important}.home-thumb{background:var(--accent-tint);width:44px;height:44px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 6%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.home-thumb>img{object-fit:cover;width:100%;height:100%;display:block}.home-sum{transition:box-shadow .2s var(--ease), border-color .16s var(--ease)}.home-sum:hover{box-shadow:var(--shadow-pop);border-color:var(--hair-2)}.hero-split{grid-template-columns:1.15fr .85fr;align-items:stretch;min-height:290px;display:grid}.hero-slides{background:#15110e;min-height:240px;position:relative;overflow:hidden}.hero-slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.8s var(--ease);transform-origin:50%;will-change:transform, opacity;position:absolute;inset:0}.hero-slide.on{opacity:1}.hero-slide.kb1.on{animation:17s ease-out both kb1}.hero-slide.kb2.on{animation:17s ease-out both kb2}.hero-slide.kb3.on{animation:17s ease-out both kb3}.hero-slide.kb4.on{animation:17s ease-out both kb4}@keyframes kb1{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.15)translate(-2.5%,-2%)}}@keyframes kb2{0%{transform:scale(1.15)translate(2%,1%)}to{transform:scale(1.02)translate(0)}}@keyframes kb3{0%{transform:scale(1.05)translate(2.5%,-2%)}to{transform:scale(1.16)translate(-1.5%,2%)}}@keyframes kb4{0%{transform:scale(1.14)translate(-2%,2%)}to{transform:scale(1.03)translate(1.5%,-1.5%)}}@media (max-width:820px){.hero-split{grid-template-columns:1fr}.hero-slides{min-height:220px}}@media (prefers-reduced-motion:reduce){.hero-slide.on{animation:none!important}}