[data-variant=mood]{--mood-red-f:#c8463b;--mood-teal-f:#2e8f89;--mood-gold-f:#d4a24c;--mood-red-band-ink:#fff;--mood-teal-band-ink:#fff;--mood-gold-band-ink:#1a1917;--mood-r-tile:8px 8px 4px 4px;--mood-r-tab:12px;--mood-r-panel:8px;--mood-r-pill:99px;--mood-r-swatch:5px;--mood-font:var(--font-hanken),system-ui,sans-serif;--mood-ease:cubic-bezier(.2,.8,.2,1);--mood-t-hover:.25s;--mood-t-wash:.4s;--mood-t-drawer:.26s;--mood-t-scrim:.2s;--mood-grid-cols:5;--mood-grid-gap-x:20px;--mood-grid-gap-y:28px;--mood-drawer-w:360px;--mood-poster-h:214px}[data-variant=mood],[data-variant=mood][data-theme=dark]{--mood-bg:#111617;--mood-surf:#1a2122;--mood-surf2:#232c2d;--mood-ink:#f2efe8;--mood-ink2:#c9c5bd;--mood-mute:#8f9a98;--mood-line:#ffffff1a;--mood-line2:#ffffff2e;--mood-red-deep:#e0665b;--mood-teal-deep:#4fb3ab;--mood-gold-deep:#d4a24c;--mood-shadow:0 10px 24px #00000080, inset 0 1px 0 #ffffff0f;--mood-hover:0 18px 36px #0009;--mood-scrim:#0000008c;--mood-wash-alpha:.22;--mood-grain-blend:screen;--mood-grain-alpha:.035}[data-variant=mood][data-theme=light]{--mood-bg:#eef4f2;--mood-surf:#fff;--mood-surf2:#e4ecea;--mood-ink:#1a1917;--mood-ink2:#3d3a35;--mood-mute:#5c6b68;--mood-line:#00000017;--mood-line2:#00000029;--mood-red-deep:#b83a30;--mood-teal-deep:#1f6e69;--mood-gold-deep:#8a5c12;--mood-shadow:0 8px 22px #1428261f, inset 0 1px 0 #ffffffe6;--mood-hover:0 16px 34px #1428262e;--mood-scrim:#141e1c59;--mood-wash-alpha:.14;--mood-grain-blend:multiply;--mood-grain-alpha:.045}[data-variant=mood][data-mood=intense],[data-variant=mood] [data-mood=intense]{--mood-sel-f:var(--mood-red-f);--mood-sel-deep:var(--mood-red-deep);--mood-sel-rgb:200,70,59;--mood-sel-band-ink:var(--mood-red-band-ink)}[data-variant=mood][data-mood=calm],[data-variant=mood] [data-mood=calm]{--mood-sel-f:var(--mood-teal-f);--mood-sel-deep:var(--mood-teal-deep);--mood-sel-rgb:46,143,137;--mood-sel-band-ink:var(--mood-teal-band-ink)}[data-variant=mood][data-mood=feelgood],[data-variant=mood] [data-mood=feelgood]{--mood-sel-f:var(--mood-gold-f);--mood-sel-deep:var(--mood-gold-deep);--mood-sel-rgb:212,162,76;--mood-sel-band-ink:var(--mood-gold-band-ink)}[data-variant=mood] .mood-wash{background:radial-gradient(ellipse at 50% 0%, rgba(var(--mood-wash-rgb),var(--mood-wash-alpha)) 0, transparent 55%);opacity:0;transition:opacity var(--mood-t-wash) ease}[data-variant=mood] .mood-wash[data-wash=intense]{--mood-wash-rgb:200,70,59}[data-variant=mood] .mood-wash[data-wash=calm]{--mood-wash-rgb:46,143,137}[data-variant=mood] .mood-wash[data-wash=feelgood]{--mood-wash-rgb:212,162,76}[data-variant=mood] [data-mood=intense] .mood-wash[data-wash=intense],[data-variant=mood] [data-mood=calm] .mood-wash[data-wash=calm],[data-variant=mood] [data-mood=feelgood] .mood-wash[data-wash=feelgood]{opacity:1}@media (prefers-reduced-motion:reduce){[data-variant=mood]{--mood-t-hover:0s;--mood-t-wash:0s;--mood-t-drawer:0s;--mood-t-scrim:0s}}
[data-variant=panorama]{--ink:#faf3e0;--ink2:#faf3e0d1;--ink3:#faf3e0b3;--ink4:#faf3e094;--ink5:#faf3e06b;--ink6:#faf3e047;--inkb:#efe6cf;--inkc:#dfd5bd;--w035:#faf3e00b;--w07:#faf3e017;--w1:#faf3e01f;--w14:#faf3e02b;--w2:#faf3e03d;--g08:#faf3e00f;--g14:#faf3e01f;--g4:#faf3e066;--sc1:#13110f1a;--sc4:#13110f66;--sc55:#13110f8c;--sc6:#13110f99;--bg:#13110f;--bg2:#171412;--bg3:#191613;--s1:#1f1b17;--s2:#24201b;--s4:#2b2621;--s5:#312b25;--av1:#423c36;--av2:#4a3a36;--av3:#3b3f3a;--av4:#4a4032;--av5:#45403c;--av6:#4d3b38;--av7:#3f4538;--ok:#8fbfa6;--ok2:#7fb59a;--ok3:#8aab98;--bad:#e8744d;--info:#9a8cff;--mk:#ff7b00;--mkhover:#ff9633;--mk-text:#faf3e0;--mk-line:#faf3e0;--mk-ink:#1a1008;--focus:#faf3e0;--mk-on-dark:#faf3e0}[data-variant=panorama][data-theme=light]{--ink:#1c1612;--ink2:#1c1612db;--ink3:#1c1612c7;--ink4:#1c1612b3;--ink5:#1c16129e;--ink6:#1c161275;--inkb:#2b231c;--inkc:#3d342b;--w035:#1c16120f;--w07:#1c16121a;--w1:#1c161221;--w14:#1c16122b;--w2:#1c16123d;--g08:#2b1f1414;--g14:#2b1f1424;--g4:#2b1f1473;--sc1:#f4ecdd1a;--sc4:#f4ecdd66;--sc55:#f4ecdd8c;--sc6:#f4ecdd99;--bg:#f4ecdd;--bg2:#eee4d2;--bg3:#ebe0cc;--s1:#fbf6ec;--s2:#f8f1e3;--s4:#efe5d2;--s5:#e8ddc8;--av1:#d8d2c6;--av2:#e0cfc8;--av3:#d3d6cc;--av4:#e2d3b3;--av5:#dad4ca;--av6:#e2cfc9;--av7:#d4dacb;--ok:#2e5a48;--ok2:#2d6a52;--ok3:#3f6b55;--bad:#a8351f;--info:#5a3ce0;--mk:#ff7b00;--mkhover:#e86f00;--mk-text:#2b1f14;--mk-line:#2b1f14;--mk-ink:#1a1008;--focus:#2b1f14;--mk-on-dark:#faf3e0}
@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-archivo), -apple-system, BlinkMacSystemFont, sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:14px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:700}img{max-width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer legacy{:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{z-index:1000;background:var(--bg-surface);color:var(--text);border:1px solid var(--mk-line);border-radius:var(--radius);padding:8px 14px;font-size:13px;font-weight:600;transition:top .15s;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr auto;min-height:100vh;display:grid}@media (min-width:901px){.app-shell.headerless{--header-height:0px;grid-template-rows:0 1fr auto}.app-shell.headerless .app-header{display:none}.app-shell.headerless .app-main{padding:0}[data-variant=mood] .app-shell.route-browse{--header-height:0px;grid-template-rows:0 1fr auto;grid-template-columns:0 1fr}[data-variant=mood] .app-shell.route-browse .app-header,[data-variant=mood] .app-shell.route-browse .app-sidebar,[data-variant=mood] .app-shell.route-browse .app-main>nav[aria-label=Discover\ sections]{display:none}[data-variant=mood] .app-shell.route-browse .app-main{padding:0}.app-header .app-logo,.app-header .header-surprise{display:none}}.app-header{z-index:100;height:var(--header-height);background:var(--bg2);border-bottom:var(--border-width) solid var(--border);grid-column:1/-1;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.app-logo{color:var(--mk-text);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.5px;flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:900;display:inline-flex}.app-logo:before{content:"";background:var(--mk);border-radius:50%;flex-shrink:0;width:9px;height:9px}[data-variant=panorama] .app-logo{color:var(--ink);font-family:var(--font-archivo-wide), var(--font-archivo), sans-serif;letter-spacing:.03em;font-size:15px;font-weight:800;font-stretch:125%}[data-variant=panorama] .app-logo:before{border:2px solid var(--ink);box-sizing:border-box;background:radial-gradient(circle at 76% 56%, var(--mk) 0 2.6px, transparent 2.9px);border-radius:2.5px;width:25px;height:10px}[data-variant=panorama] body:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:soft-light;opacity:.07;background-image:url(/grain.svg);background-size:180px 180px;position:fixed;inset:0}[data-variant=panorama][data-theme=light] body:before{mix-blend-mode:multiply;opacity:.05}@media (prefers-reduced-transparency:reduce){[data-variant=panorama] body:before{opacity:0}}.app-search{flex:1;max-width:540px;margin:0 auto;position:relative}.app-search input{background:var(--bg-surface);border:var(--border-width) solid var(--border);width:100%;height:38px;color:var(--text);border-radius:20px;padding:0 14px 0 38px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s}.app-search input:focus{border-color:var(--w2);background:var(--bg-surface-2)}.app-search input::placeholder{color:var(--text-dim)}.app-search-icon{color:var(--text-dim);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-shortcut{background:var(--bg-surface-2);border:var(--border-width) solid var(--border);color:var(--text-dim);pointer-events:none;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.app-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--bg);border-right:var(--border-width) solid var(--border);top:var(--header-height);height:calc(100vh - var(--header-height));flex-direction:column;grid-area:2/1;padding:22px 0;display:flex;position:sticky;overflow-y:auto}.app-main{min-height:calc(100vh - var(--header-height));grid-area:2/2;min-width:0;padding:32px}.btn{border:var(--border-width) solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:var(--radius);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--bg-surface-2);border-color:var(--w14)}.btn-primary{background:var(--mk);color:var(--mk-ink);border-color:#0000}.btn-primary:hover{background:var(--mkhover);border-color:#0000}.btn-ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text);border-color:var(--w14)}.btn-danger{border-color:var(--bad);color:var(--bad);background:0 0}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-surface-2);border:var(--border-width) solid var(--w14);border-radius:var(--radius);box-shadow:var(--shadow-md);color:var(--text);pointer-events:all;padding:12px 18px;font-size:13px;font-weight:600;animation:.2s ease-out toastIn}.toast-success{color:var(--ok2)}.toast-error{color:var(--bad)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--border);border-top-color:var(--mk-text);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{justify-content:center;align-items:center;padding:64px;display:flex}.loading-page{min-height:calc(100vh - var(--header-height));justify-content:center;align-items:center;padding:64px;display:flex}.spinner-lg{border-width:3px;width:32px;height:32px}.modal-overlay{background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.empty-state{text-align:center;color:var(--text-muted);padding:64px 24px}.empty-state p{margin-bottom:16px;font-size:14px;font-weight:500}.desktop-controls{display:flex}.mobile-controls{display:none}.mobile-menu-btn{width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:none}.mobile-menu-btn:hover{background:var(--bg-hover)}.mobile-search-btn{width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:none}.mobile-search-btn:hover{background:var(--bg-hover)}.mobile-overlay{inset:0;top:var(--header-height);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;background:#0009;position:fixed}@media (max-width:900px){.mobile-menu-btn{width:44px;height:44px;display:flex}.app-shell{grid-template-columns:1fr}.app-sidebar{left:0;top:var(--header-height);z-index:200;width:280px;height:calc(100vh - var(--header-height));box-shadow:var(--shadow-lg);border-right:1px solid var(--border);transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0)}.app-main{grid-column:1;padding:16px}.app-shell.route-title{--header-height:0px;grid-template-rows:0 1fr auto}.app-shell.route-title .app-header{display:none}.app-shell.route-title .app-main{padding-top:0;padding-left:0;padding-right:0}.search-shortcut,.app-search{display:none}.mobile-search-btn{display:flex}.app-header{gap:10px;padding:0 12px}.surprise-me-label{display:none}.app-header-actions .btn{justify-content:center;min-width:44px;padding:0 12px}.app-logo{min-height:44px;font-size:15px}.btn{min-height:44px}}}@layer components;:root{--bg-surface:var(--s1);--bg-surface-2:var(--s2);--bg-hover:var(--s4);--bg-sidebar:var(--bg2);--text:var(--ink);--text-muted:var(--ink3);--text-dim:var(--ink4);--accent:var(--mk-text);--accent-hover:var(--mkhover);--accent2:var(--mk);--accent3:var(--mk-line);--gradient:var(--mk);--poster-hatch:repeating-linear-gradient(135deg, var(--w035) 0 1px, transparent 1px 7px);--border:var(--w07);--border-light:var(--w035);--border-width:1px;--sidebar-width:218px;--header-height:60px;--radius:8px;--radius-lg:12px;--shadow-sm:var(--elev-1);--shadow-md:var(--elev-2);--shadow-lg:var(--elev-2)}@media (max-width:900px){.app-main{--mobile-nav-height:52px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}}@media (max-width:400px){.app-header .header-surprise{display:none}}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-heading{margin:0 0 6px;font-size:24px;font-weight:700}.page-lede{color:var(--text-muted);margin:0;font-size:14px}.display-heading{letter-spacing:-.034em;color:var(--ink);margin:0;font-size:27px;font-weight:700}.display-lede{color:var(--ink3);margin:0;font-size:14px;line-height:1.5}