:root{--bg-app: #0c0d10;--bg-subtle: #121317;--bg-card: #18191e;--bg-card-elevated: #202127;--bg-card-hover: #26272e;--bg-glass: rgba(24, 25, 30, .75);--lime-primary: #d4ff4f;--lime-hover: #e2ff73;--lime-text: #0e1202;--lime-glow: rgba(212, 255, 79, .25);--lime-subtle: rgba(212, 255, 79, .12);--lime-border: rgba(212, 255, 79, .3);--lavender-primary: #8b7bf7;--lavender-light: #a99df9;--lavender-glow: rgba(139, 123, 247, .25);--lavender-subtle: rgba(139, 123, 247, .15);--lavender-border: rgba(139, 123, 247, .3);--green-positive: #4ade80;--green-subtle: rgba(74, 222, 128, .15);--red-negative: #f87171;--red-subtle: rgba(248, 113, 113, .15);--cyan-accent: #38bdf8;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-dim: #52525b;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-hover: rgba(255, 255, 255, .22);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .4);--shadow-md: 0 12px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .65);--shadow-lime: 0 12px 32px rgba(212, 255, 79, .18);--shadow-lavender: 0 12px 32px rgba(139, 123, 247, .18);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .18s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .32s cubic-bezier(.16, 1, .3, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;background-color:var(--bg-app)}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-app);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 15% 15%,rgba(139,123,247,.04) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(212,255,79,.035) 0%,transparent 35%),radial-gradient(circle at 50% 80%,rgba(139,123,247,.03) 0%,transparent 45%);pointer-events:none;z-index:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-card-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{background:var(--lime-primary);color:var(--lime-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);line-height:1.15}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;outline:none;transition:all var(--transition-fast)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.section-spacing{padding:100px 0}@media(max-width:768px){.section-spacing{padding:60px 0}.container{padding:0 16px}}.section-header{margin-bottom:48px;max-width:760px}.section-header.center{margin-left:auto;margin-right:auto;text-align:center}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.825rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.section-badge.lime{background:var(--lime-subtle);color:var(--lime-primary);border:1px solid var(--lime-border)}.section-badge.lavender{background:var(--lavender-subtle);color:var(--lavender-light);border:1px solid var(--lavender-border)}.section-title{font-size:clamp(2rem,4.5vw,3.25rem);margin-bottom:16px;font-weight:800}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.bento-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:28px;position:relative;overflow:hidden;transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.bento-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.bento-card.lime-card{background-color:var(--lime-primary);color:var(--lime-text);border-color:transparent;box-shadow:var(--shadow-lime)}.bento-card.lime-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #d4ff4f52}.bento-card.lime-card *{color:var(--lime-text)!important}.bento-card.lavender-card{background-color:var(--lavender-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-lavender)}.bento-card.lavender-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #8b7bf752}.circle-arrow-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffffff2;color:#0f1013;transition:transform var(--transition-spring),background-color var(--transition-fast);flex-shrink:0}.circle-arrow-btn.dark{background:#111215;color:#fff}.circle-arrow-btn.subtle{background:#ffffff14;color:#fff;border:1px solid var(--border-subtle)}.circle-arrow-btn:hover{transform:rotate(45deg) scale(1.08)}.stat-trend-badge{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;border-radius:var(--radius-full)}.stat-trend-badge.positive{color:var(--green-positive)}.stat-trend-badge.negative{color:var(--red-negative)}.stat-trend-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.775rem;font-weight:700;background:#4ade802e;color:var(--green-positive);border:1px solid rgba(74,222,128,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;font-weight:600;padding:13px 26px;border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap}.btn-lime{background:var(--lime-primary);color:var(--lime-text);box-shadow:var(--shadow-lime)}.btn-lime:hover{background:var(--lime-hover);transform:translateY(-2px);box-shadow:0 8px 24px #d4ff4f59}.btn-lavender{background:var(--lavender-primary);color:#fff;box-shadow:var(--shadow-lavender)}.btn-lavender:hover{background:var(--lavender-light);transform:translateY(-2px);box-shadow:0 8px 24px #8b7bf759}.btn-secondary{background:var(--bg-card-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-lg{padding:16px 36px;font-size:1.05rem}.pill-switch{display:inline-flex;align-items:center;background:#121316;padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.pill-switch-item{padding:6px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-fast)}.pill-switch-item.active{background:var(--lime-primary);color:var(--lime-text)}.pill-switch-item.active-lavender{background:var(--lavender-primary);color:#fff}.hatched-bar{background:repeating-linear-gradient(45deg,#8b7bf766,#8b7bf766 3px,#8b7bf714 3px,#8b7bf714 7px);border:1px solid rgba(139,123,247,.3);border-radius:9999px;transition:all var(--transition-smooth)}.hatched-bar.lime{background:repeating-linear-gradient(45deg,#d4ff4f73,#d4ff4f73 3px,#d4ff4f1a 3px,#d4ff4f1a 7px);border:1px solid rgba(212,255,79,.4)}.hatched-bar.solid-lavender{background:var(--lavender-primary);border:1px solid var(--lavender-light);box-shadow:0 0 20px #8b7bf780}.matrix-cell{width:100%;aspect-ratio:1;border-radius:8px;transition:all var(--transition-fast);cursor:pointer}.matrix-cell.lvl-0{background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.matrix-cell.lvl-1{background:repeating-linear-gradient(45deg,#d4ff4f33,#d4ff4f33 2px,#d4ff4f0d 2px,#d4ff4f0d 5px);border:1px solid rgba(212,255,79,.2)}.matrix-cell.lvl-2{background:#d4ff4f73;border:1px solid rgba(212,255,79,.5)}.matrix-cell.lvl-3{background:var(--lime-primary);border:1px solid #ffffff;box-shadow:0 0 12px #d4ff4f73}.matrix-cell:hover{transform:scale(1.18);z-index:2}.floating-dock-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:99;width:auto;max-width:calc(100vw - 32px)}.floating-dock{display:flex;align-items:center;gap:6px;background:#14151ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px 12px;border-radius:var(--radius-full);border:1px solid var(--border-medium);box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff0d}.dock-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap}.dock-item:hover{color:var(--text-primary);background:#ffffff0f}.dock-item.active{background:var(--lime-primary);color:var(--lime-text)}.dock-badge{background:var(--lime-primary);color:var(--lime-text);font-size:.725rem;font-weight:800;padding:2px 7px;border-radius:var(--radius-full)}.dock-icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-subtle);transition:all var(--transition-fast);position:relative}.dock-icon-btn:hover{color:var(--text-primary);background:#ffffff1f}.dock-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--lime-primary);box-shadow:0 0 6px var(--lime-primary)}@media(max-width:860px){.floating-dock-container{bottom:14px;width:95%}.floating-dock{overflow-x:auto;width:100%;padding:6px 8px;justify-content:space-between}.dock-item{padding:6px 10px;font-size:.78rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090cd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);max-width:720px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:36px;position:relative;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:13px 18px;font-size:.95rem;font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--lime-primary);box-shadow:0 0 0 3px #d4ff4f26}.form-checkbox-label{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary);cursor:pointer}.form-checkbox{width:18px;height:18px;accent-color:var(--lime-primary);border-radius:4px}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.pulse-circle{width:8px;height:8px;border-radius:50%;background:var(--lime-primary);box-shadow:0 0 10px var(--lime-primary);animation:pulseGlow 2s infinite ease-in-out}.text-gradient-lime{background:linear-gradient(135deg,#ffffff 40%,var(--lime-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-lavender{background:linear-gradient(135deg,#ffffff 40%,var(--lavender-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}