:root{--dune-gold: #EBC99A;--dune-sand: #BD9D7F;--slate-taupe: #7E7878;--storm-steel: #4B5563;--cosmic-slate: #2A3748;--walnut-dark: #2E1F1B;--walnut-light: #5E4B43;--walnut-glass: rgba(46, 31, 27, .78);--walnut-glass-border: rgba(235, 201, 154, .22);--walnut-glow: rgba(235, 201, 154, .25);--gradient-walnut-card: linear-gradient(135deg, rgba(94, 75, 67, .55) 0%, rgba(46, 31, 27, .85) 60%, rgba(42, 55, 72, .7) 100%);--gradient-walnut-pill: linear-gradient(90deg, #2E1F1B 0%, #5E4B43 50%, #2E1F1B 100%);--gradient-dune-gold: linear-gradient(135deg, #EBC99A 0%, #BD9D7F 100%);--gradient-cosmic-glass: linear-gradient(145deg, rgba(42, 55, 72, .6) 0%, rgba(15, 20, 30, .85) 100%);--bg-primary: #0a0d14;--bg-secondary: #0f1420;--bg-tertiary: #171e2e;--bg-elevated: #1e283c;--glass-bg: rgba(15, 20, 30, .82);--glass-bg-hover: rgba(23, 30, 46, .92);--glass-border: rgba(235, 201, 154, .16);--glass-border-hover: rgba(235, 201, 154, .45);--glass-blur: blur(20px);--glass-blur-heavy: blur(28px);--mayan-red: #ff3366;--mayan-red-light: #ff6b8b;--mayan-red-bg: rgba(255, 51, 102, .15);--mayan-red-border: rgba(255, 51, 102, .35);--mayan-red-glow: 0 0 20px rgba(255, 51, 102, .25);--mayan-white: #f8fafc;--mayan-white-light: #ffffff;--mayan-white-bg: rgba(248, 250, 252, .12);--mayan-white-border: rgba(248, 250, 252, .3);--mayan-white-glow: 0 0 20px rgba(248, 250, 252, .2);--mayan-blue: #00f2fe;--mayan-blue-light: #38bdf8;--mayan-blue-bg: rgba(0, 242, 254, .15);--mayan-blue-border: rgba(0, 242, 254, .35);--mayan-blue-glow: 0 0 20px rgba(0, 242, 254, .25);--mayan-yellow: #fbbf24;--mayan-yellow-light: #fde047;--mayan-yellow-bg: rgba(251, 191, 36, .15);--mayan-yellow-border: rgba(251, 191, 36, .35);--mayan-yellow-glow: 0 0 20px rgba(251, 191, 36, .25);--accent-emerald: #10b981;--accent-emerald-light: #34d399;--accent-emerald-bg: rgba(16, 185, 129, .15);--accent-emerald-border: rgba(16, 185, 129, .4);--accent-emerald-glow: 0 0 20px rgba(16, 185, 129, .3);--gold-primary: #EBC99A;--gold-light: #f7e0bc;--gold-secondary: #BD9D7F;--gold-dark: #8c672b;--gold-glow: rgba(235, 201, 154, .32);--gold-muted: rgba(235, 201, 154, .12);--gradient-gold: linear-gradient(135deg, #f7e0bc 0%, #EBC99A 50%, #BD9D7F 100%);--gradient-gold-btn: linear-gradient(180deg, #f7e0bc 0%, #EBC99A 50%, #BD9D7F 100%);--accent-cyan: #00f2fe;--accent-cyan-glow: rgba(0, 242, 254, .25);--accent-blue: #38bdf8;--accent-amber: #f59e0b;--accent-gold: #EBC99A;--accent-rose: #ff3366;--gradient-brand: linear-gradient(135deg, #f7e0bc 0%, #EBC99A 60%, #BD9D7F 100%);--gradient-surface: linear-gradient(180deg, rgba(23, 30, 46, .8) 0%, rgba(15, 20, 30, .96) 100%);--text-primary: #ffffff;--text-secondary: #ebd5c1;--text-muted: #d5c3b2;--text-accent: #EBC99A;--font-sans: "Plus Jakarta Sans", "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", "Montserrat", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .65);--shadow-card: inset 0 1px 0 rgba(255, 255, 255, .08), 0 6px 20px rgba(0, 0, 0, .45);--shadow-card-hover: inset 0 1px 0 rgba(235, 201, 154, .25), 0 10px 28px rgba(0, 0, 0, .6);--shadow-gold: 0 2px 14px rgba(235, 201, 154, .28);--shadow-pill: 0 8px 24px rgba(0, 0, 0, .4), inset 0 1px 1px rgba(255, 255, 255, .15);--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 9999px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}[data-theme=light],.theme-light{--bg-primary: #f7f4ee;--bg-secondary: #eee8dc;--bg-tertiary: #e3dcce;--bg-elevated: #d8d0bf;--glass-bg: rgba(247, 244, 238, .92);--glass-bg-hover: rgba(238, 232, 220, .98);--glass-border: rgba(189, 157, 127, .3);--glass-border-hover: rgba(189, 157, 127, .6);--text-primary: #181d26;--text-secondary: #4b5563;--text-muted: #7e7878;--text-accent: #8c672b;--gold-primary: #8c672b;--gold-light: #BD9D7F;--gold-secondary: #7e5a22;--gold-dark: #5c3f12;--gold-glow: rgba(189, 157, 127, .25);--gold-muted: rgba(189, 157, 127, .12);--gradient-gold: linear-gradient(135deg, #BD9D7F 0%, #8c672b 100%);--gradient-gold-btn: linear-gradient(180deg, #EBC99A 0%, #BD9D7F 50%, #8c672b 100%);--gradient-walnut-card: linear-gradient(135deg, rgba(238, 232, 220, .9) 0%, rgba(227, 220, 206, .95) 100%);--shadow-sm: 0 1px 3px rgba(42, 55, 72, .06);--shadow-md: 0 4px 12px rgba(42, 55, 72, .08);--shadow-lg: 0 8px 20px rgba(42, 55, 72, .12);--shadow-card: inset 0 1px 0 rgba(255, 255, 255, .85), 0 4px 14px rgba(42, 55, 72, .06);--shadow-card-hover: inset 0 1px 0 rgba(255, 255, 255, .95), 0 6px 18px rgba(42, 55, 72, .1);--shadow-gold: 0 2px 8px rgba(189, 157, 127, .25)}@keyframes orbitalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitalSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseRadiance{0%,to{box-shadow:0 0 20px #ebc99a40,inset 0 0 15px #ebc99a26;transform:scale(1)}50%{box-shadow:0 0 45px #ebc99a99,inset 0 0 25px #ebc99a59;transform:scale(1.03)}}@keyframes scanBeam{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes cosmicWaveBar{0%,to{height:20%;opacity:.45}50%{height:100%;opacity:1}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(.4deg)}}@keyframes shimmerGlass{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-orbital{animation:orbitalSpin 12s linear infinite}.animate-orbital-reverse{animation:orbitalSpinReverse 16s linear infinite}.animate-orbital-fast{animation:orbitalSpin 3s linear infinite}.animate-radiance{animation:pulseRadiance 2.5s ease-in-out infinite}.animate-float{animation:floatSlow 6s ease-in-out infinite}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}.animate-scale-in{animation:scaleIn var(--transition-smooth) forwards}.glass-shimmer{background:linear-gradient(90deg,#fff0,#ebc99a26,#fff0);background-size:200% 100%;animation:shimmerGlass 2.2s infinite}.spin-sync{animation:orbitalSpin .9s linear infinite!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;background-image:var(--gradient-cosmic);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-xs);border:1px solid var(--glass-border)}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal);position:relative}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-card-hover),0 0 20px #d4a3591f}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-container{display:flex;min-height:100vh;width:100%;max-width:100vw;background-color:var(--bg-primary);overflow-x:hidden}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.content-body{flex:1;padding:2rem 2.5rem;max-width:1480px;width:100%;margin:0 auto;box-sizing:border-box}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:62px;background:#0b0f17f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);z-index:90;align-items:center;justify-content:space-around;padding:0 4px calc(env(safe-area-inset-bottom,0px) + 2px) 4px}.horizontal-scroll-touch{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}.horizontal-scroll-touch::-webkit-scrollbar{display:none}.modal-backdrop-portal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:1024px){.content-body{padding:1.5rem 1.25rem}}@media(max-width:900px){.app-sidebar{display:none!important}.mobile-menu-btn,.mobile-logo-brand{display:flex!important}.desktop-search{display:none!important}.mobile-bottom-nav{display:flex}.content-body{padding:1.15rem .9rem 85px}.app-header{padding:0 1rem!important;height:58px!important}}@media(max-width:640px){.desktop-badges,.desktop-kin-name{display:none!important}.app-header{padding:0 .75rem!important;height:56px!important}.header-kin-pill{padding:.35rem .65rem!important;font-size:.74rem!important}.content-body{padding:.85rem .75rem 85px!important}.glyph-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:.75rem!important}.glyph-card-responsive{padding:1rem .75rem!important}.glyph-card-responsive img{max-width:80px!important;max-height:80px!important}.glyph-modal-card{padding:1.25rem 1rem!important;max-height:94vh!important;border-radius:var(--radius-lg)!important}.glyph-modal-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.oracle-cross-grid{grid-template-columns:82px 94px 82px!important;grid-template-rows:82px 94px 82px!important;gap:.45rem!important}.oracle-cross-grid img{max-width:48px!important;max-height:48px!important}.kin-mode-tabs{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;justify-content:flex-start!important}.kin-mode-tabs button{flex-shrink:0!important;padding:.45rem .85rem!important;font-size:.74rem!important}}@media(max-width:420px){.glyph-gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.glyph-card-responsive{padding:.85rem .5rem!important}.glyph-card-responsive img{max-width:68px!important;max-height:68px!important}.oracle-cross-grid{grid-template-columns:74px 84px 74px!important;grid-template-rows:74px 84px 74px!important;gap:.35rem!important}}