@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..600&display=swap";:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-elevated: #181818;--bg-input: #1f1f1f;--bg-deep: #0e0e0e;--bg-header: rgba(18, 18, 18, .92);--hero-bg: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(30,215,96,.08) 0%, transparent 60%), #121212;--hero-glow: radial-gradient(ellipse, rgba(30,215,96,.08) 0%, transparent 70%);--backdrop-overlay: linear-gradient(to bottom, rgba(18,18,18,.15) 0%, rgba(18,18,18,.65) 55%, rgba(18,18,18,1) 90%);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #4d4d4d;--text-inverse: #000000;--border: #2a2a2a;--border-subtle: #3a3a3a;--border-visible: #4d4d4d;--border-alpha: rgba(255, 255, 255, .06);--tab-active-bg: #ffffff;--tab-active-text: #000000;--accent: #1ed760;--accent-hover: #1db954;--accent-text: #000000;--shadow: rgba(0, 0, 0, .5);--shadow-heavy: rgba(0, 0, 0, .7);--text-soft: rgba(255, 255, 255, .55);--text-faint: rgba(255, 255, 255, .4);--text-ghost: rgba(255, 255, 255, .5);--text-dim: rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .12);--glass-subtle: rgba(255, 255, 255, .05);--glass-faint: rgba(255, 255, 255, .02);--glass-tab-bg: rgba(255, 255, 255, .04)}[data-theme=light]{--bg-primary: #f4f4f4;--bg-secondary: #ffffff;--bg-elevated: #ebebeb;--bg-input: #f9f9f9;--bg-deep: #e8e8e8;--bg-header: rgba(255, 255, 255, .92);--hero-bg: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(23,168,74,.06) 0%, transparent 60%), #f4f4f4;--hero-glow: radial-gradient(ellipse, rgba(23,168,74,.06) 0%, transparent 70%);--backdrop-overlay: linear-gradient(to bottom, rgba(244,244,244,.1) 0%, rgba(244,244,244,.7) 55%, rgba(244,244,244,1) 90%);--text-primary: #111111;--text-secondary: #555555;--text-muted: #888888;--text-inverse: #ffffff;--border: #e0e0e0;--border-subtle: #cccccc;--border-visible: #aaaaaa;--border-alpha: rgba(0, 0, 0, .08);--tab-active-bg: #111111;--tab-active-text: #ffffff;--accent: #17a84a;--accent-hover: #149040;--accent-text: #ffffff;--shadow: rgba(0, 0, 0, .1);--shadow-heavy: rgba(0, 0, 0, .2);--text-soft: rgba(0, 0, 0, .6);--text-faint: rgba(0, 0, 0, .45);--text-ghost: rgba(0, 0, 0, .5);--text-dim: rgba(0, 0, 0, .65);--glass-bg: rgba(0, 0, 0, .04);--glass-border: rgba(0, 0, 0, .1);--glass-subtle: rgba(0, 0, 0, .05);--glass-faint: rgba(0, 0, 0, .02);--glass-tab-bg: rgba(0, 0, 0, .04)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease;overflow-x:hidden}img,svg,video,canvas{max-width:100%}#root{min-height:100vh}.header-nav-link{transition:color .15s}.header-nav-link:hover,.header-nav-link.active{color:var(--text-primary)!important}a,button{-webkit-tap-highlight-color:transparent}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none;box-shadow:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.header-avatar-link{transition:opacity .15s}.header-avatar-link:hover{opacity:.75}.header-dropdown-link{transition:background-color .15s,color .15s}.header-dropdown-link:hover{background-color:var(--border)!important;color:var(--text-primary)!important}.footer-link{transition:color .15s}.footer-link:hover{color:var(--text-primary)!important}[data-theme=light] input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-theme=light] textarea,[data-theme=light] select{outline:1px solid var(--border-subtle);outline-offset:0}[data-theme=light] input:focus:not([type=checkbox]):not([type=radio]),[data-theme=light] textarea:focus{outline-color:var(--accent)}[data-theme=light] .brand-logo{filter:invert(1)}@media(max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{font-size:16px!important}}::selection{background-color:var(--accent);color:var(--accent-text)}
