@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,300&family=Satoshi:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--studio-midnight:#1A1D24;--studio-charcoal:#2A2A2E;--studio-ink:#3D4250;--studio-slate:#5A6270;--studio-fog:#E8E6E3;--studio-cream:#FAF7F2;--studio-pearl:#F5F3F0;--studio-amber:#E8A15B;--studio-rust:#CB6843;--studio-gold:#D4A574;--studio-copper:#B87D5A;--studio-success:#7CB342;--studio-error:#E57373;--studio-warning:#FFB74D;--studio-info:#64B5F6;--studio-amber-10:rgba(232,161,91,0.1);--studio-amber-20:rgba(232,161,91,0.2);--studio-amber-30:rgba(232,161,91,0.3);--studio-fog-10:rgba(232,230,227,0.1);--studio-fog-20:rgba(232,230,227,0.2);--studio-fog-80:rgba(232,230,227,0.8);--font-display:"Fraunces",Georgia,serif;--font-body:"Satoshi",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-amber:0 8px 16px -4px rgba(232,161,91,0.2),0 4px 8px -2px rgba(232,161,91,0.1);--shadow-rust:0 8px 16px -4px rgba(203,104,67,0.2),0 4px 8px -2px rgba(203,104,67,0.1);--radius-sm:0.375rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--duration-fast:150ms;--duration-base:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.33,1,0.68,1);--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.studio-grain{position:relative}.studio-grain:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05' /%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:overlay;opacity:.6}.studio-paper-texture{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.01),transparent 1px,transparent 2px,rgba(255,255,255,.01) 3px)}.studio-display{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);font-feature-settings:"ss01" on,"ss02" on}.studio-body{font-family:var(--font-body);font-weight:var(--font-normal)}.studio-body,.studio-mono{line-height:var(--leading-normal)}.studio-mono{font-family:var(--font-mono);letter-spacing:-.01em}.studio-button,.studio-mono{font-weight:var(--font-medium)}.studio-button{font-family:var(--font-body);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out);cursor:pointer;border:none;outline:none}.studio-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.studio-button:active{transform:translateY(0);box-shadow:var(--shadow-base)}.studio-button-primary{background:linear-gradient(135deg,var(--studio-amber) 0,var(--studio-rust) 100%);color:var(--studio-midnight);box-shadow:var(--shadow-amber)}.studio-button-secondary{background:var(--studio-ink);color:var(--studio-fog);border:1px solid var(--studio-slate)}.studio-button-ghost{background:transparent;color:var(--studio-fog);border:1px solid var(--studio-ink)}.studio-input{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--studio-charcoal);border:1px solid var(--studio-ink);color:var(--studio-fog);transition:all var(--duration-base) var(--ease-out);outline:none}.studio-input:focus{border-color:var(--studio-amber);box-shadow:0 0 0 3px var(--studio-amber-20);background:var(--studio-midnight)}.studio-input::-moz-placeholder{color:var(--studio-slate);opacity:.7}.studio-input::placeholder{color:var(--studio-slate);opacity:.7}.studio-card{box-shadow:var(--shadow-lg)}.studio-card,.studio-card-elevated{background:var(--studio-charcoal);border:1px solid var(--studio-ink);border-radius:var(--radius-xl);padding:var(--space-xl)}.studio-card-elevated{box-shadow:var(--shadow-2xl);transition:all var(--duration-base) var(--ease-out)}.studio-card-elevated:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl),0 0 0 1px var(--studio-amber-10)}.studio-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.studio-badge-amber{background:var(--studio-amber-20);color:var(--studio-amber);border:1px solid var(--studio-amber-30)}.studio-badge-rust{background:rgba(203,104,67,.2);color:var(--studio-rust);border:1px solid rgba(203,104,67,.3)}.studio-chip{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--studio-ink);color:var(--studio-fog);border:1px solid var(--studio-slate);cursor:pointer;transition:all var(--duration-base) var(--ease-out);min-height:48px}.studio-chip:hover{background:var(--studio-charcoal);border-color:var(--studio-amber);transform:translateY(-1px);box-shadow:var(--shadow-md)}.studio-chip:active{transform:scale(.97)}@keyframes studio-fade-in{0%{opacity:0}to{opacity:1}}@keyframes studio-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes studio-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes studio-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes studio-glow{0%,to{box-shadow:0 0 5px var(--studio-amber-20),0 0 10px var(--studio-amber-10)}50%{box-shadow:0 0 10px var(--studio-amber-30),0 0 20px var(--studio-amber-20)}}.studio-animate-fade-in{animation:studio-fade-in var(--duration-base) var(--ease-out)}.studio-animate-slide-up{animation:studio-slide-up var(--duration-slow) var(--ease-out)}.studio-animate-slide-down{animation:studio-slide-down var(--duration-slow) var(--ease-out)}.studio-animate-scale-in{animation:studio-scale-in var(--duration-base) var(--ease-bounce)}.studio-animate-pulse{animation:studio-pulse 2s var(--ease-in-out) infinite}.studio-animate-glow{animation:studio-glow 2s var(--ease-in-out) infinite}.studio-shimmer{background:linear-gradient(90deg,var(--studio-charcoal) 0,var(--studio-ink) 50%,var(--studio-charcoal) 100%);background-size:1000px 100%;animation:studio-shimmer 2s linear infinite}.studio-backdrop{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background-color:rgba(26,29,36,.85)}.studio-gradient-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(26,29,36,.4) 50%,rgba(26,29,36,.9));pointer-events:none}.studio-gradient-overlay-top{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(26,29,36,.9),transparent);pointer-events:none}.studio-scroll-indicator{position:relative}.studio-scroll-indicator:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(270deg,var(--studio-charcoal) 0,transparent 100%);pointer-events:none}:focus-visible{outline:2px solid var(--studio-amber);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--studio-amber-30);color:var(--studio-midnight)}::-moz-selection{background-color:var(--studio-amber-30);color:var(--studio-midnight)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--studio-midnight)}::-webkit-scrollbar-thumb{background:var(--studio-slate);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--studio-amber)}@media (max-width:767px){.studio-hide-mobile{display:none!important}}@media (min-width:768px) and (max-width:1023px){.studio-hide-tablet{display:none!important}}@media (min-width:1024px){.studio-hide-desktop{display:none!important}}@media (max-width:1023px){.studio-show-desktop-only{display:none!important}}@media (min-width:768px){.studio-show-mobile-only{display:none!important}}