@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;700;800&family=Geist:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root,html[data-theme=light]{--paper:#f3f0e9;--surface:#faf8f3;--soft:#eae6dd;--ink:#141311;--line:#dedbd3;--text-secondary:#48453f;--muted:#6b675f;--violet:#c33b16;--accent:#f2481b}html[data-theme=dark]{--paper:#0a0a0b;--surface:#141415;--soft:#202021;--ink:#f4f2ed;--line:#2d2b29;--text-secondary:#c0bdb6;--muted:#aaa59d;--violet:#ff673e;--accent:#ff5727}body,button,input,select,textarea{font-family:Geist,Arial,sans-serif}h1,h2,h3,.dashboard-brand{font-family:'Bricolage Grotesque',Arial,sans-serif!important}body,html[data-theme=dark] body{background:var(--paper);color:var(--ink)}
html .dashboard-sidebar,html .dashboard-topbar{background:var(--paper);border-color:var(--line)}html .dashboard-nav .selected{background:var(--soft);color:var(--ink)}.dashboard-nav button,.dashboard-nav a{border-radius:30px}html .sidebar-search,html .dashboard-hero .search{background:var(--surface);border-color:var(--line)}.dashboard-hero{background:radial-gradient(ellipse at 95% 8%,#f2481b20,transparent 60%),radial-gradient(ellipse at 0% 100%,#e9b44c12,transparent 50%);padding-top:75px;padding-bottom:65px}.dashboard-hero h1{font-size:clamp(45px,4.9vw,72px);line-height:1.05;font-weight:750;letter-spacing:-3px}html .dashboard-hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;color:var(--text-secondary);letter-spacing:-1.8px}.dashboard-hero p{font-size:17px;line-height:1.75}.dashboard-eyebrow,.preview-kicker,.staging-badge,.studio-preview-head,.studio-preview-footer{font-family:monospace;letter-spacing:1.5px}.dashboard-eyebrow:before{content:'● ';color:var(--accent)}html .preview-hero-actions .primary,html .primary,html .plan-button.dark{background:var(--accent);border-color:var(--accent);color:#170903;border-radius:100px;box-shadow:none}html .preview-hero-actions .primary:hover{background:#ff7148;border-color:#ff7148}html .quick-tool,html .quick-tool.featured,html .tool-card,html .plan,html .plan.featured,html .resource-card,html .resource-callout{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:18px;box-shadow:none}html .quick-tool.featured,html .plan.featured{border-color:var(--accent)}html .quick-tool:hover,html .tool-card:hover{background:var(--soft);border-color:#8e796e}html .quick-tool>span,html .tool-icon,html .cat-Video .tool-icon,html .cat-Audio .tool-icon,html .cat-Study .tool-icon{background:var(--soft);color:var(--ink);border-color:var(--line);border-radius:50%}html .quick-tool.featured>span{background:var(--accent);color:#170903;border-color:var(--accent)}html .tabs button.selected{background:var(--ink);color:var(--paper)}html .section-top h2 span{color:var(--ink)}html .staging-badge{background:var(--surface);color:var(--muted);border-color:var(--line)}.studio-preview{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 25px 55px #0001}.studio-preview-head,.studio-preview-footer{border-color:var(--line);color:var(--muted)}.studio-mark{color:var(--accent);border-color:var(--line)}.studio-preview-dot{background:var(--accent)}.studio-scene{background:linear-gradient(150deg,#efe4d3,#dba183)}.scene-sun{background:#f4dc9e}.scene-hill.hill-back{background:#bcb398}.scene-hill.hill-front{background:#54736a}.scene-corner{color:#4e4235}.scene-caption em{background:#c4562b}.studio-mini-timeline i,.studio-mini-timeline i:nth-child(2n){background:#bd7a5e;border-color:#c98f77}.studio-mini-timeline i:nth-child(3n){background:#54736a}.studio-mini-timeline:after{background:var(--accent);box-shadow:none}html .modal-head button{background:var(--soft);color:var(--ink);border-color:var(--muted)}.tool-card:focus-visible,.quick-tool:focus-visible{outline-color:var(--accent)}.preview-section-heading h2,.section-top h2{font-size:30px;font-weight:600}.badge,.badge.beta{background:var(--soft)!important;color:var(--text-secondary)!important}.tabs button{border-radius:100px!important}@media(max-width:1200px){.dashboard-hero h1{font-size:53px}}@media(max-width:720px){.dashboard-hero{padding:42px 22px}.dashboard-hero h1{font-size:49px;letter-spacing:-2px}.dashboard-hero p{font-size:16px}.preview-section-heading h2,.section-top h2{font-size:26px}}

html .dashboard-brand img,html .brand img{filter:none!important}html .dashboard-brand strong,html .dashboard-brand strong span,html .brand>.wordmark,html .wordmark>span,html .brand>.brand-period{color:var(--accent)!important}.dashboard-nav{padding-bottom:15px}