*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAF8F4;--bg2: #F5F2EC;--bg3: #EDE9E0;--card: #FFFFFF;--border: #E8E2D6;--border2: #D4CCBC;--text: #1A1612;--text2: #2C2620;--sub: #7A6E62;--faint: #B5ADA0;--muted: #F5F2EC;--gold: #C9A84C;--gold2: #E8C96A;--gold-light: rgba(201,168,76,.12);--charcoal: #1A1612;--green: #2D6A4F;--green-light: rgba(45,106,79,.1);--amber: #B5701A;--amber-light: rgba(181,112,26,.1);--red: #C0392B;--red-light: rgba(192,57,43,.08);--blue: #1A56DB;--blue-light: rgba(26,86,219,.08);--purple: #7C3AED;--purple-light: rgba(124,58,237,.08);--font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-body: "Outfit", "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 240px;--header-h: 64px;--shadow-sm: 0 1px 4px rgba(26,22,18,.06);--shadow-md: 0 4px 20px rgba(26,22,18,.08);--shadow-lg: 0 16px 48px rgba(26,22,18,.12);--logo-filter: none;--grain-opacity: .025;--brand-navy: var(--bg);--brand-dark: var(--bg2);--brand-card: var(--card);--brand-border: var(--border);--brand-muted: var(--muted);--brand-accent: var(--gold);--brand-accent2: var(--blue);--brand-green: var(--green);--brand-amber: var(--amber);--brand-red: var(--red);--brand-text: var(--text);--brand-sub: var(--sub);--brand-faint: var(--faint)}[data-theme=dark]{--bg: #0F0D0A;--bg2: #151210;--bg3: #1C1814;--card: #1F1B16;--border: #2E2820;--border2: #3D3528;--text: #F5F0E8;--text2: #E8E0D0;--sub: #9A8E7E;--faint: #5A5048;--muted: #1C1814;--green: #4ADE80;--green-light: rgba(74,222,128,.1);--amber: #FBB735;--amber-light: rgba(251,183,53,.1);--red: #F87171;--red-light: rgba(248,113,113,.08);--blue: #60A5FA;--blue-light: rgba(96,165,250,.08);--purple: #A78BFA;--purple-light: rgba(167,139,250,.08);--logo-filter: brightness(0) invert(1) opacity(.88);--grain-opacity: .04;--brand-navy: var(--bg);--brand-dark: var(--bg2);--brand-card: var(--card);--brand-border: var(--border);--brand-muted: var(--muted);--brand-accent: var(--gold);--brand-accent2: var(--blue);--brand-green: var(--green);--brand-amber: var(--amber);--brand-red: var(--red);--brand-text: var(--text);--brand-sub: var(--sub);--brand-faint: var(--faint)}html{height:100%}body{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background .35s ease,color .35s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px}#root{height:100%}::selection{background:#c9a84c33;color:var(--text)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes meshMove{0%{transform:translate(0) scale(1)}50%{transform:translate(2%,1.5%) scale(1.03)}to{transform:translate(0) scale(1)}}@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade{animation:fadeUp .45s cubic-bezier(.16,1,.3,1) both}.animate-scale{animation:scaleIn .35s cubic-bezier(.16,1,.3,1) both}.portal-layout{display:flex;min-height:100vh;background:var(--bg)}.portal-content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;margin-left:var(--sidebar-w);transition:margin-left .3s ease}.portal-main{flex:1;padding:24px 28px;overflow-x:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px}.display{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.gold-text{background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:11.5px;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em}.badge-green{background:var(--green-light);color:var(--green)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-red{background:var(--red-light);color:var(--red)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-gold{background:var(--gold-light);color:var(--gold)}.badge-purple{background:var(--purple-light);color:var(--purple)}.divider{height:1px;background:var(--border)}@media (max-width: 768px){.portal-content{margin-left:0}.portal-main{padding:16px}.hide-mobile{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}