@font-face{font-family:PP Mondwest;src:url(/fonts/PPMondwest-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Albert Sans;src:url(/fonts/AlbertSans-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-display:"PP Mondwest",Georgia,serif;--font-ui:"Albert Sans",system-ui,sans-serif;--font-mono:"Albert Sans",system-ui,sans-serif;--font-reading:"Albert Sans",system-ui,sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-md:20px;--fs-lg:24px;--fs-xl:32px;--fs-2xl:40px;--fs-3xl:48px;--fs-4xl:56px;--fs-5xl:64px;--fs-6xl:72px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#ebebeb;--text-primary:#000;--text-secondary:#525252;--text-muted:#a3a3a3;--border-primary:#d4d4d4;--accent:#000;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-950:#0a0a0a;--rating-nightmare:#dc2626;--rating-nightmare-bg:#fef2f2;--rating-bad:#f97316;--rating-bad-bg:#fff7ed;--rating-medium:#eab308;--rating-medium-bg:#fefce8;--rating-good:#22c55e;--rating-good-bg:#f0fdf4;--rating-phenomenal:#06b6d4;--rating-phenomenal-bg:#ecfeff;--border-width:1px;--radius-sm:5px;--radius:5px;--radius-lg:5px;--radius-xl:5px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-standard:cubic-bezier(.4,0,.2,1);--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--z-base:0;--z-elevated:10;--z-sticky:50;--z-modal:100;--z-toast:200}@media (prefers-color-scheme:dark){:root{--bg-primary:#0a0a0a;--bg-secondary:#171717;--bg-tertiary:#262626;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#525252;--border-primary:#404040;--accent:#fff;--rating-nightmare-bg:#1c1917;--rating-bad-bg:#1c1917;--rating-medium-bg:#1c1917;--rating-good-bg:#1c1917;--rating-phenomenal-bg:#1c1917}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;height:100dvh;font-size:16px;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-sm);height:100dvh;line-height:1.5;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:400}h1{font-size:var(--fs-3xl);line-height:1.1}h2{font-size:var(--fs-xl);line-height:1.2}h3{font-size:var(--fs-md);line-height:1.3}p{font-family:var(--font-ui)}button{font-family:var(--font-ui);font-size:var(--fs-xs);border-radius:var(--radius);padding:var(--space-3)var(--space-5);cursor:pointer;color:var(--text-secondary);transition:all var(--duration-fast)var(--ease-standard);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none}button:hover{background:var(--bg-secondary);color:var(--text-primary)}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-muted);outline:none}input,textarea{font-family:var(--font-ui);font-size:var(--fs-sm);background:var(--bg-secondary);border-radius:var(--radius);padding:var(--space-4)var(--space-5);color:var(--text-primary);transition:all var(--duration-fast)var(--ease-standard);border:none;width:100%}input:focus,textarea:focus{background:var(--bg-tertiary);outline:none}textarea{resize:vertical;min-height:120px;font-family:var(--font-reading)}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:var(--space-2);height:var(--space-2)}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes gentlePulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}
