:root{--color-primary:#1db954;--color-primary-hover:#1ed760;--color-primary-light:#1db95426;--color-secondary:#1db954;--color-secondary-hover:#1ed760;--color-bg-primary:#121212;--color-bg-secondary:#181818;--color-bg-tertiary:#282828;--color-bg-card:#181818;--color-bg-elevated:#282828;--color-bg-highlight:#333;--color-text-primary:#fff;--color-text-secondary:#b3b3b3;--color-text-tertiary:#727272;--color-text-inverse:#121212;--color-accent-green:#1db954;--color-accent-red:#e91429;--color-accent-orange:#f59b23;--color-accent-purple:#af2896;--color-accent-blue:#2e77d0;--color-accent-yellow:#fd0;--color-accent-pink:#eb1e79;--color-border:#ffffff1a;--color-border-hover:#fff3;--color-border-accent:#1db95480;--glow-green:#1db95466;--glow-purple:#af28964d;--glow-blue:#2e77d04d;--glow-yellow:#ffdd004d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 8px 16px #00000080;--shadow-xl:0 16px 32px #0009;--shadow-glow:0 0 20px var(--glow-green);--shadow-glow-sm:0 0 10px var(--glow-green);--glass-bg:#121212e6;--glass-border:#ffffff1a;--glass-blur:blur(12px);--grid-opacity:.5;--grid-color:#ffffff08}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f3f4f6;--color-bg-card:#fff;--color-bg-elevated:#f9fafb;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--glass-bg:#ffffffd9;--grid-color:#0000000a;--color-primary:#7c3aed;--color-primary-hover:#6d28d9}:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--space-6xl:10rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-sans:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--header-height:64px;--banner-height:32px;--sidebar-width:350px;--max-content-width:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);line-height:1.6}.dot-grid{background-image:radial-gradient(var(--grid-color)1px,transparent 1px);background-size:24px 24px}.glow-edge-left:before{content:"";background:radial-gradient(ellipse at left center,var(--glow-purple),transparent 70%);pointer-events:none;z-index:0;opacity:.5;width:400px;height:100%;position:absolute;top:0;left:0}.glow-edge-right:after{content:"";background:radial-gradient(ellipse at right center,var(--glow-blue),transparent 70%);pointer-events:none;z-index:0;opacity:.5;width:400px;height:100%;position:absolute;top:0;right:0}.bracket-corners{position:relative;border:none!important}.bracket-corners:before,.bracket-corners:after{content:"";border-color:var(--color-border-hover);width:16px;height:16px;transition:border-color var(--transition-fast);border-style:solid;position:absolute}.bracket-corners:before{border-width:2px 0 0 2px;top:0;left:0}.bracket-corners:after{border-width:2px 2px 0 0;top:0;right:0}.bracket-corners:hover:before,.bracket-corners:hover:after{border-color:var(--color-primary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}.mono-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-orange);font-size:.6875rem;font-weight:500}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--space-lg);margin:0 auto}.page-wrapper{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px var(--glow-purple)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.input{width:100%;padding:var(--space-sm)var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--glow-purple);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.hidden{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.text-strikethrough{color:var(--color-text-tertiary);text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-accent-red);text-decoration-color:var(--color-accent-red);position:relative}.text-highlight{color:var(--color-accent-green);text-shadow:0 0 20px var(--glow-green);font-weight:700}.text-gradient-animated{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent-purple)25%,var(--color-accent-blue)50%,var(--color-accent-green)75%,var(--color-primary)100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.dot-grid-animated{background-image:radial-gradient(var(--grid-color)1px,transparent 1px);background-size:24px 24px;animation:3s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:var(--grid-opacity)}50%{opacity:calc(var(--grid-opacity)*.5)}}.page-glow{position:relative;overflow:hidden}.page-glow:before{content:"";background:radial-gradient(ellipse at center,var(--glow-purple),transparent 60%);pointer-events:none;z-index:-1;opacity:.4;width:50%;height:100%;animation:8s ease-in-out infinite alternate glow-drift;position:fixed;top:0;left:-20%}.page-glow:after{content:"";background:radial-gradient(ellipse at center,var(--glow-blue),transparent 60%);pointer-events:none;z-index:-1;opacity:.3;width:50%;height:100%;animation:8s ease-in-out infinite alternate-reverse glow-drift;position:fixed;top:0;right:-20%}@keyframes glow-drift{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-accent-blue),var(--color-primary));border-radius:inherit;opacity:0;z-index:-1;transition:opacity var(--transition-base);background-size:200% 200%;animation:3s infinite gradient-shift;position:absolute;inset:-2px}.btn-glow:hover:before{opacity:1}.btn-glow:hover{box-shadow:0 0 20px var(--glow-purple),0 4px 20px #0000004d}.announcement-banner{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xs)var(--space-md);background:linear-gradient(90deg,var(--color-primary),var(--color-accent-blue));color:#fff;text-align:center;font-size:.875rem;font-weight:500;display:flex}.announcement-banner a{color:#fff;text-underline-offset:2px;text-decoration:underline}.announcement-banner a:hover{text-decoration:none}.card-glow{transition:all var(--transition-base)}.card-glow:hover{box-shadow:var(--shadow-xl),0 0 40px var(--glow-purple),inset 0 0 20px #8b5cf608}.bracket-animated:before,.bracket-animated:after{transition:all var(--transition-base)}.bracket-animated:hover:before,.bracket-animated:hover:after{border-color:var(--color-primary);width:24px;height:24px}.bento-grid{gap:var(--space-lg);display:grid}.bento-grid-3{grid-template-columns:repeat(3,1fr)}.bento-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base);position:relative}.bento-item:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}@media (max-width:768px){.bento-grid-3{grid-template-columns:1fr}}.photogenic-wrapper{z-index:-1;pointer-events:none;background:var(--color-bg-primary);width:100vw;height:100vh;transition:background .5s;position:fixed;top:0;left:0;overflow:hidden}.photogenic-wrapper:before{content:"";z-index:0;pointer-events:none;filter:blur(60px);background:radial-gradient(#8b5cf626 0%,#3b82f60d 40%,#0000 70%);width:120%;height:80%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.blur-blob{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate blob-float;position:absolute}.blob-1{background:var(--color-primary);opacity:.08;width:50vw;height:50vw;top:-10%;left:-10%}.blob-2{background:var(--color-accent-blue);opacity:.15;width:50vw;height:50vw;bottom:-10%;right:-10%}.blob-3{background:var(--color-accent-purple);opacity:.1;width:40vw;height:40vw;animation-delay:-5s;top:30%;left:20%}.page-wrapper,.app-layout{z-index:1;position:relative}@keyframes blob-float{0%{transform:translate(0)scale(1)rotate(0)}to{transform:translate(50px,30px)scale(1.1)rotate(10deg)}}.orionText{color:#fff;background:linear-gradient(90deg,#a855f7 0%,#fff 25%,#3b82f6 50%,#fff 75%,#a855f7 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffffff1a;filter:drop-shadow(0 0 15px #a855f799);letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:3s linear infinite shine-border}@keyframes shine-border{to{background-position:200%}}.purple-hue-card{position:relative}.purple-hue-card:after{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%)var(--mouse-y,50%),#a855f71a,transparent 40%);opacity:0;z-index:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.purple-hue-card:hover:after{opacity:1}.purple-hue-card:hover{border-color:var(--color-accent-purple);box-shadow:0 0 20px #a855f733,inset 0 0 10px #a855f70d}