html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}.min-wrapper{color:#18181b;background:#fafafa;border:1px solid #e4e4e7;border-radius:16px;flex-direction:column;gap:32px;padding:32px;font-family:Inter,sans-serif;display:flex}.min-heading-xl{letter-spacing:-.03em;color:#09090b;font-size:28px;font-weight:600}.min-text-muted{color:#71717a;font-size:13px;font-weight:400;line-height:1.5}.min-btn-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.min-btn-primary{color:#fff;cursor:pointer;background:#09090b;border:1px solid #09090b;border-radius:6px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.min-btn-primary:hover{background:#27272a;border-color:#27272a}.min-btn-secondary{color:#09090b;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s}.min-btn-secondary:hover{background:#f4f4f5;border-color:#d4d4d8}.min-btn-ghost{color:#71717a;cursor:pointer;background:0 0;border:1px dashed #d4d4d8;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .15s}.min-btn-ghost:hover{color:#09090b;border-color:#09090b}.min-btn-icon{color:#18181b;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:inline-flex}.min-btn-icon:hover{background:#f4f4f5;border-color:#09090b}.min-card{background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:24px;transition:border-color .2s}.min-card:hover{border-color:#a1a1aa}.min-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.min-card-title{color:#09090b;letter-spacing:-.01em;font-size:15px;font-weight:600}.min-stat-num{letter-spacing:-.04em;color:#09090b;margin:8px 0;font-size:32px;font-weight:700}.min-input-group{flex-direction:column;gap:8px;display:flex}.min-label{color:#52525b;font-size:12px;font-weight:500}.min-input{color:#09090b;background:#fff;border:1px solid #e4e4e7;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:border-color .15s}.min-input:focus{border-color:#09090b}.min-switch-container{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.min-switch{cursor:pointer;background:#e4e4e7;border-radius:12px;align-items:center;width:44px;height:24px;padding:2px;transition:background .2s;display:flex}.min-switch.active{background:#09090b}.min-switch-handle{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0000001a}.min-switch.active .min-switch-handle{transform:translate(20px)}.min-slider{appearance:none;background:#e4e4e7;border-radius:2px;outline:none;width:100%;height:3px}.min-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#09090b;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.min-badge-row{flex-wrap:wrap;gap:8px;display:flex}.min-badge{color:#27272a;background:#fff;border:1px solid #e4e4e7;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.min-badge-dark{color:#fff;background:#09090b;border-color:#09090b}.min-drawer{background:#fff;border-left:1px solid #e4e4e7;flex-direction:column;gap:24px;width:420px;max-width:90vw;height:100%;padding:32px;display:flex;box-shadow:-10px 0 30px #0000000f}.min-drawer-header{border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulseBorder{0%,to{border-color:#ff007f}33%{border-color:#ffd600}66%{border-color:#00dfd8}}.max-wrapper{color:#fff;background:radial-gradient(circle at 10% 20%,#3b0764 0%,#1e1b4b 50%,#000 100%);border:4px dashed #ffd600;border-radius:28px;flex-direction:column;gap:36px;padding:36px;font-family:Syne,cursive,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #ec489959}.max-wrapper:before{content:"★ WOW ★ EXPLODE ★ VIBE ★ NO LIMITS ★";color:#000;letter-spacing:.1em;z-index:10;background:#ff007f;padding:6px 60px;font-size:11px;font-weight:900;position:absolute;top:10px;right:-60px;transform:rotate(25deg);box-shadow:0 4px 15px #0006}.max-heading-xl{text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(90deg,#ff007f,#ffd600,#00dfd8,#ff4d4d) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:38px;font-weight:900;animation:4s infinite gradientShift}.max-text-vibrant{color:#ffd600;text-shadow:0 0 10px #ffd60080;font-size:15px;font-weight:700}.max-btn-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.max-btn-primary{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#ff007f 0%,#7928ca 50%,#00dfd8 100%) 0 0/200% 200%;border:3px solid #fff;border-radius:40px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:900;transition:all .2s cubic-bezier(.34,1.56,.64,1);animation:3s infinite gradientShift;display:inline-flex;box-shadow:6px 6px #ffd600,0 10px 25px #ff007f99}.max-btn-primary:hover{transform:translate(-3px,-3px)rotate(-1deg);box-shadow:9px 9px #ffd600,0 15px 35px #ff007fcc}.max-btn-primary:active{transform:translate(3px,3px);box-shadow:2px 2px #ffd600}.max-btn-secondary{color:#000;cursor:pointer;text-transform:uppercase;background:#ffd600;border:3px solid #000;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:900;transition:all .2s;box-shadow:4px 4px #ff007f}.max-btn-secondary:hover{color:#fff;background:#ff007f;transform:rotate(2deg);box-shadow:6px 6px #00dfd8}.max-btn-icon{color:#000;cursor:pointer;background:#00dfd8;border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:inline-flex;box-shadow:4px 4px #ffd600}.max-btn-icon:hover{transform:scale(1.15)rotate(15deg)}.max-card{background:linear-gradient(135deg,#ec489933,#7928ca4d);border:3px solid #ff007f;border-radius:20px;padding:24px;animation:4s infinite pulseBorder;position:relative;box-shadow:8px 8px #ffd600,0 15px 30px #00000080}.max-card-badge{color:#000;background:#ffd600;border:2px solid #000;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:900;position:absolute;top:-12px;right:16px;transform:rotate(4deg)}.max-stat-num{color:#00dfd8;text-shadow:3px 3px #ff007f;letter-spacing:-.02em;margin:10px 0;font-size:42px;font-weight:900}.max-input{color:#fff;background:#180828;border:3px solid #ffd600;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-family:Syne,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:4px 4px #ff007f}.max-input:focus{border-color:#00dfd8;box-shadow:6px 6px #ffd600}.max-switch{cursor:pointer;background:#37064d;border:3px solid #ff007f;border-radius:20px;width:60px;height:32px;padding:2px;transition:background .3s;position:relative;box-shadow:3px 3px #ffd600}.max-switch.active{background:#00dfd8;border-color:#ffd600}.max-switch-handle{background:#ffd600;border:2px solid #000;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.max-switch.active .max-switch-handle{background:#ff007f;transform:translate(28px)}.max-badge-row{flex-wrap:wrap;gap:10px;display:flex}.max-badge{text-transform:uppercase;letter-spacing:.05em;transform:rotate(var(--rot,0deg));border:2px solid #000;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:900}.max-badge-pink{color:#fff;--rot:-2deg;background:#ff007f;box-shadow:2px 2px #000}.max-badge-yellow{color:#000;--rot:3deg;background:#ffd600;box-shadow:2px 2px #000}.max-badge-cyan{color:#000;--rot:-1deg;background:#00dfd8;box-shadow:2px 2px #000}.max-drawer{color:#fff;background:#130026;border-left:6px solid #ffd600;flex-direction:column;gap:24px;width:460px;max-width:90vw;height:100%;padding:32px;font-family:Syne,sans-serif;display:flex;box-shadow:-15px 0 50px #ff007f80}.flat-wrapper{color:#1e293b;box-shadow:none;background:#f1f5f9;border:none;border-radius:8px;flex-direction:column;gap:32px;padding:32px;font-family:Inter,sans-serif;display:flex}.flat-heading-xl{letter-spacing:-.02em;color:#0f172a;font-size:30px;font-weight:800}.flat-text-muted{color:#64748b;font-size:14px;line-height:1.5}.flat-btn-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.flat-btn-primary{color:#fff;box-shadow:none;cursor:pointer;background:#2563eb;border:none;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .1s;display:inline-flex}.flat-btn-primary:hover{background:#1d4ed8}.flat-btn-primary:active{background:#1e40af}.flat-btn-emerald{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;padding:12px 22px;font-size:14px;font-weight:600;transition:background-color .1s}.flat-btn-emerald:hover{background:#059669}.flat-btn-secondary{color:#1e293b;cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;padding:12px 20px;font-size:14px;font-weight:600;transition:background-color .1s}.flat-btn-secondary:hover{background:#cbd5e1}.flat-btn-icon{color:#0f172a;cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.flat-btn-icon:hover{background:#cbd5e1}.flat-card{box-shadow:none;background:#fff;border:none;border-radius:6px;padding:24px}.flat-card-accent-top{border-top:4px solid #2563eb}.flat-stat-num{color:#2563eb;margin:8px 0;font-size:36px;font-weight:800}.flat-input-group{flex-direction:column;gap:6px;display:flex}.flat-label{text-transform:uppercase;color:#475569;letter-spacing:.04em;font-size:12px;font-weight:700}.flat-input{color:#0f172a;box-shadow:none;background:#fff;border:2px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}.flat-input:focus{border-color:#2563eb}.flat-switch{cursor:pointer;background:#cbd5e1;border-radius:13px;width:50px;height:26px;padding:3px;transition:background-color .15s}.flat-switch.active{background:#2563eb}.flat-switch-handle{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s}.flat-switch.active .flat-switch-handle{transform:translate(24px)}.flat-badge-row{flex-wrap:wrap;gap:8px;display:flex}.flat-badge{color:#fff;border-radius:2px;padding:4px 10px;font-size:12px;font-weight:700}.flat-badge-blue{background:#2563eb}.flat-badge-green{background:#10b981}.flat-badge-amber{background:#f59e0b}.flat-badge-red{background:#ef4444}.flat-drawer{width:420px;max-width:90vw;height:100%;box-shadow:none;background:#fff;border-left:6px solid #2563eb;flex-direction:column;gap:24px;padding:32px;display:flex}.neu-wrapper{color:#4a5568;background:#e0e5ec;border:none;border-radius:24px;flex-direction:column;gap:32px;padding:36px;font-family:Inter,sans-serif;display:flex;box-shadow:12px 12px 24px #bcc5d2,-12px -12px 24px #fff}.neu-heading-xl{color:#334155;letter-spacing:-.02em;font-size:30px;font-weight:700}.neu-text-muted{color:#64748b;font-size:14px;line-height:1.5}.neu-btn-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.neu-btn-primary{color:#334155;cursor:pointer;background:#e0e5ec;border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 26px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:6px 6px 12px #bcc5d2,-6px -6px 12px #fff}.neu-btn-primary:hover{color:#6366f1;transform:translateY(-1px);box-shadow:8px 8px 16px #b4becb,-8px -8px 16px #fff}.neu-btn-primary:active,.neu-btn-primary.pressed{color:#6366f1;transform:translateY(0);box-shadow:inset 4px 4px 8px #bcc5d2,inset -4px -4px 8px #fff}.neu-btn-icon{color:#475569;cursor:pointer;background:#e0e5ec;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:inline-flex;box-shadow:6px 6px 12px #bcc5d2,-6px -6px 12px #fff}.neu-btn-icon:hover{color:#6366f1}.neu-btn-icon:active,.neu-btn-icon.pressed{box-shadow:inset 4px 4px 8px #bcc5d2,inset -4px -4px 8px #fff}.neu-card{background:#e0e5ec;border-radius:20px;padding:24px;box-shadow:9px 9px 18px #bcc5d2,-9px -9px 18px #fff}.neu-card-inset{background:#e0e5ec;border-radius:16px;padding:20px;box-shadow:inset 6px 6px 12px #bcc5d2,inset -6px -6px 12px #fff}.neu-stat-num{color:#334155;margin:10px 0;font-size:34px;font-weight:800}.neu-input{color:#334155;background:#e0e5ec;border:none;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:14px;transition:box-shadow .2s;box-shadow:inset 5px 5px 10px #bcc5d2,inset -5px -5px 10px #fff}.neu-input:focus{box-shadow:inset 6px 6px 12px #b0bac8,inset -6px -6px 12px #fff}.neu-switch{cursor:pointer;background:#e0e5ec;border-radius:15px;align-items:center;width:56px;height:30px;padding:3px;transition:background .2s;display:flex;box-shadow:inset 4px 4px 8px #bcc5d2,inset -4px -4px 8px #fff}.neu-switch.active{background:#6366f1;box-shadow:inset 3px 3px 6px #4338ca,inset -3px -3px 6px #818cf8}.neu-switch-handle{background:#e0e5ec;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:3px 3px 6px #bcc5d2,-3px -3px 6px #fff}.neu-switch.active .neu-switch-handle{background:#fff;transform:translate(26px);box-shadow:2px 2px 4px #0003}.neu-slider-track{background:#e0e5ec;border-radius:6px;align-items:center;width:100%;height:12px;display:flex;position:relative;box-shadow:inset 3px 3px 6px #bcc5d2,inset -3px -3px 6px #fff}.neu-badge-row{flex-wrap:wrap;gap:10px;display:flex}.neu-badge{color:#475569;background:#e0e5ec;border-radius:12px;padding:6px 14px;font-size:12px;font-weight:600;box-shadow:4px 4px 8px #bcc5d2,-4px -4px 8px #fff}.neu-badge-active{color:#6366f1;box-shadow:inset 3px 3px 6px #bcc5d2,inset -3px -3px 6px #fff}.neu-drawer{color:#334155;background:#e0e5ec;border-left:none;flex-direction:column;gap:24px;width:440px;max-width:90vw;height:100%;padding:32px;display:flex;box-shadow:-15px 0 30px #bcc5d2}.clay-wrapper{color:#3b0764;background:linear-gradient(135deg,#f5f3ff 0%,#fae8ff 100%);border:none;border-radius:36px;flex-direction:column;gap:32px;padding:36px;font-family:Outfit,sans-serif;display:flex;box-shadow:0 25px 40px #8b5cf626}.clay-heading-xl{color:#581c87;letter-spacing:-.02em;font-size:32px;font-weight:800}.clay-text-muted{color:#7e22ce;opacity:.8;font-size:14px;line-height:1.5}.clay-btn-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.clay-btn-primary{color:#fff;cursor:pointer;background:#a78bfa;border:none;border-radius:28px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 16px 24px #a78bfa66,inset -4px -6px 8px #00000026,inset 4px 6px 12px #ffffffbf}.clay-btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 20px 30px #a78bfa80,inset -4px -6px 8px #00000026,inset 4px 6px 12px #ffffffd9}.clay-btn-primary:active{transform:scale(.96);box-shadow:0 8px 14px #a78bfa4d,inset -2px -3px 6px #0003,inset 2px 3px 8px #fff9}.clay-btn-pink{color:#fff;cursor:pointer;background:#f472b6;border:none;border-radius:28px;padding:14px 26px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 16px 24px #f472b666,inset -4px -6px 8px #00000026,inset 4px 6px 12px #ffffffbf}.clay-btn-pink:hover{transform:translateY(-2px)}.clay-btn-icon{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:inline-flex;box-shadow:0 14px 22px #38bdf859,inset -4px -5px 8px #00000026,inset 4px 5px 10px #fffc}.clay-btn-icon:hover{transform:scale(1.1)}.clay-card{background:#fff;border-radius:30px;padding:28px;transition:transform .2s;box-shadow:0 20px 35px #9370db1f,inset -5px -6px 12px #0000000d,inset 6px 7px 14px #ffffffe6}.clay-card:hover{transform:translateY(-3px)}.clay-card-mint{background:#ccfbf1;box-shadow:0 20px 35px #14b8a626,inset -5px -6px 12px #0d94881f,inset 6px 7px 14px #ffffffe6}.clay-stat-num{color:#6d28d9;margin:10px 0;font-size:38px;font-weight:800}.clay-input{color:#4a044e;background:#fdf4ff;border:none;border-radius:20px;outline:none;width:100%;padding:14px 20px;font-family:Outfit,sans-serif;font-size:15px;box-shadow:inset -3px -4px 8px #0000000f,inset 3px 4px 8px #ffffffe6,0 8px 16px #c084fc1a}.clay-switch{cursor:pointer;background:#e9d5ff;border-radius:20px;align-items:center;width:64px;height:36px;padding:4px;transition:background .25s;display:flex;box-shadow:inset -2px -3px 6px #0000001a,inset 2px 3px 6px #ffffffe6}.clay-switch.active{background:#a855f7}.clay-switch-handle{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 8px #00000026,inset -2px -2px 4px #0000001a,inset 2px 2px 5px #fff}.clay-switch.active .clay-switch-handle{transform:translate(28px)}.clay-badge-row{flex-wrap:wrap;gap:10px;display:flex}.clay-badge{color:#fff;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:700;box-shadow:0 8px 16px #00000014,inset -2px -3px 5px #00000026,inset 2px 3px 6px #ffffffb3}.clay-badge-purple{background:#a855f7}.clay-badge-pink{background:#f472b6}.clay-badge-teal{color:#134e4a;background:#2dd4bf}.clay-drawer{background:#faf5ff;border-radius:36px 0 0 36px;flex-direction:column;gap:24px;width:440px;max-width:90vw;height:100%;padding:36px;display:flex;box-shadow:-20px 0 50px #a855f740,inset 6px 0 16px #ffffffe6}@keyframes auroraMesh{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes glowPulse{0%,to{opacity:.6;filter:blur(25px)}50%{opacity:.9;filter:blur(35px)}}.aurora-wrapper{color:#f8fafc;background:#070a13;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;gap:32px;padding:36px;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #06b6d426}.aurora-ambient-glow{pointer-events:none;filter:blur(60px);z-index:0;border-radius:50%;animation:6s ease-in-out infinite alternate glowPulse;position:absolute}.aurora-glow-1{background:radial-gradient(circle,#06b6d473 0%,#06b6d400 70%);width:320px;height:320px;top:-80px;left:-50px}.aurora-glow-2{background:radial-gradient(circle,#a855f773 0%,#a855f700 70%);width:380px;height:380px;bottom:-60px;right:-50px}.aurora-glow-3{background:radial-gradient(circle,#ec489959 0%,#ec489900 70%);width:300px;height:300px;top:40%;left:40%}.aurora-content-rel{z-index:1;flex-direction:column;gap:32px;display:flex;position:relative}.aurora-heading-xl{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#38bdf8 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-weight:800}.aurora-text-muted{color:#94a3b8;font-size:14px;line-height:1.5}.aurora-btn-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.aurora-btn-primary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #38bdf880;border-radius:12px;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 0 20px #38bdf84d,inset 0 0 12px #38bdf833}.aurora-btn-primary:hover{border-color:#38bdf8e6;transform:translateY(-2px);box-shadow:0 0 30px #38bdf899,inset 0 0 16px #38bdf866}.aurora-btn-purple{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #c084fc80;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 0 20px #c084fc4d}.aurora-btn-purple:hover{border-color:#c084fce6;box-shadow:0 0 30px #c084fc99}.aurora-btn-icon{color:#38bdf8;cursor:pointer;background:#0f172ab3;border:1px solid #38bdf866;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:inline-flex;box-shadow:0 0 15px #38bdf840}.aurora-btn-icon:hover{transform:scale(1.08);box-shadow:0 0 25px #38bdf880}.aurora-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.aurora-card:before{content:"";background:linear-gradient(90deg,#0000,#38bdf8,#c084fc,#0000);height:2px;position:absolute;top:0;left:0;right:0}.aurora-card:hover{border-color:#38bdf866;box-shadow:0 15px 35px #06b6d433}.aurora-stat-num{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:10px 0;font-size:36px;font-weight:800}.aurora-input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:12px 18px;font-size:14px;transition:all .2s}.aurora-input:focus{border-color:#38bdf8;box-shadow:0 0 15px #38bdf866}.aurora-switch{cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:14px;align-items:center;width:54px;height:28px;padding:2px;transition:all .3s;display:flex}.aurora-switch.active{background:#06b6d44d;border-color:#38bdf8;box-shadow:0 0 15px #06b6d480}.aurora-switch-handle{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #38bdf8}.aurora-switch.active .aurora-switch-handle{background:#38bdf8;transform:translate(26px)}.aurora-badge-row{flex-wrap:wrap;gap:10px;display:flex}.aurora-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.aurora-badge-cyan{color:#38bdf8;background:#06b6d426;border:1px solid #38bdf84d;box-shadow:0 0 10px #06b6d433}.aurora-badge-purple{color:#c084fc;background:#a855f726;border:1px solid #c084fc4d;box-shadow:0 0 10px #a855f733}.aurora-drawer{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);color:#fff;background:#070a13eb;border-left:1px solid #38bdf866;flex-direction:column;gap:24px;width:440px;max-width:90vw;height:100%;padding:32px;display:flex;box-shadow:-20px 0 50px #06b6d440}.brutal-wrapper{color:#000;background:#fef08a;border:4px solid #000;border-radius:12px;flex-direction:column;gap:32px;padding:36px;font-family:Space Grotesk,sans-serif;display:flex;box-shadow:8px 8px #000}.brutal-heading-xl{color:#000;letter-spacing:-.03em;text-transform:uppercase;font-size:34px;font-weight:900}.brutal-text-bold{color:#000;font-size:15px;font-weight:600;line-height:1.5}.brutal-btn-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.brutal-btn-primary{color:#fff;cursor:pointer;text-transform:uppercase;background:#ff4365;border:3px solid #000;border-radius:8px;align-items:center;gap:8px;padding:12px 26px;font-size:15px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:5px 5px #000}.brutal-btn-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #000}.brutal-btn-primary:active{transform:translate(3px,3px);box-shadow:2px 2px #000}.brutal-btn-cyan{color:#000;cursor:pointer;text-transform:uppercase;background:#00d1ff;border:3px solid #000;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:800;transition:all .15s;box-shadow:5px 5px #000}.brutal-btn-cyan:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #000}.brutal-btn-cyan:active{transform:translate(3px,3px);box-shadow:2px 2px #000}.brutal-btn-icon{color:#000;cursor:pointer;background:#fff;border:3px solid #000;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .15s;display:inline-flex;box-shadow:4px 4px #000}.brutal-btn-icon:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.brutal-btn-icon:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.brutal-card{background:#fff;border:3px solid #000;border-radius:10px;padding:24px;transition:all .2s;box-shadow:6px 6px #000}.brutal-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.brutal-card-green{background:#86efac}.brutal-stat-num{color:#000;letter-spacing:-.03em;margin:8px 0;font-size:40px;font-weight:900}.brutal-input{color:#000;background:#fff;border:3px solid #000;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;transition:all .15s;box-shadow:4px 4px #000}.brutal-input:focus{background:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.brutal-switch{cursor:pointer;background:#fff;border:3px solid #000;border-radius:16px;align-items:center;width:60px;height:32px;padding:2px;transition:background .15s;display:flex;box-shadow:3px 3px #000}.brutal-switch.active{background:#22c55e}.brutal-switch-handle{background:#000;border-radius:50%;width:22px;height:22px;transition:transform .15s ease-out}.brutal-switch.active .brutal-switch-handle{background:#fff;border:2px solid #000;transform:translate(28px)}.brutal-badge-row{flex-wrap:wrap;gap:10px;display:flex}.brutal-badge{color:#000;text-transform:uppercase;border:2px solid #000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:800;box-shadow:3px 3px #000}.brutal-badge-yellow{background:#facc15}.brutal-badge-pink{color:#fff;background:#ff4365}.brutal-badge-cyan{background:#00d1ff}.brutal-drawer{color:#000;background:#fef08a;border-left:6px solid #000;flex-direction:column;gap:24px;width:440px;max-width:90vw;height:100%;padding:32px;font-family:Space Grotesk,sans-serif;display:flex;box-shadow:-15px 0 #000}.collage-wrapper{color:#292524;background:#fbf8f1 radial-gradient(#d6cebe 1px,#0000 1px) 0 0/20px 20px;border:2px dashed #a8a29e;border-radius:4px;flex-direction:column;gap:32px;padding:36px;font-family:Playfair Display,Georgia,serif;display:flex;position:relative;box-shadow:0 10px 30px #2925241f}.collage-heading-xl{color:#1c1917;letter-spacing:-.01em;font-size:34px;font-style:italic;font-weight:800}.collage-text-muted{color:#57534e;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}.washi-tape-strip{pointer-events:none;z-index:10;background:#f59e0b80;border-left:2px dashed #fff6;border-right:2px dashed #fff6;width:90px;height:24px;position:absolute;top:-12px;left:30px;transform:rotate(-3deg);box-shadow:0 2px 5px #0000001a}.washi-tape-strip-pink{background:#f472b68c;transform:rotate(2deg)}.collage-btn-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.collage-btn-primary{color:#fef3c7;cursor:pointer;background:#78350f;border:1px solid #451a03;align-items:center;gap:8px;padding:12px 26px;font-family:Playfair Display,serif;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex;position:relative;transform:rotate(-1deg);box-shadow:3px 6px 15px #451a0333}.collage-btn-primary:hover{transform:rotate(0)translateY(-2px);box-shadow:4px 8px 18px #451a034d}.collage-btn-stamp{color:#b45309;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#fdfbf7;border:2px dashed #b45309;padding:10px 22px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;transform:rotate(2deg)}.collage-btn-stamp:hover{background:#fef3c7;transform:rotate(0)}.collage-btn-icon{color:#44403c;cursor:pointer;background:#fff;border:1px solid #d6d3d1;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:inline-flex;transform:rotate(-2deg);box-shadow:2px 4px 10px #00000014}.collage-btn-icon:hover{transform:rotate(3deg)scale(1.05)}.collage-polaroid{background:#fff;border:1px solid #e7e5e4;padding:14px 14px 28px;transition:transform .2s;position:relative;transform:rotate(-2deg);box-shadow:4px 10px 25px #29252426}.collage-polaroid:hover{transform:rotate(0)scale(1.02)}.collage-polaroid-img{color:#fff;background:linear-gradient(135deg,#fbbf24,#f87171);justify-content:center;align-items:center;width:100%;height:140px;margin-bottom:12px;font-size:24px;display:flex}.collage-polaroid-caption{color:#44403c;text-align:center;font-size:14px;font-style:italic}.collage-card-note{background:#fefce8;border-left:5px solid #ca8a04;padding:20px;transform:rotate(1deg);box-shadow:3px 6px 15px #0000000f}.collage-stat-num{color:#78350f;margin:6px 0;font-size:38px;font-style:italic;font-weight:900}.collage-input{color:#1c1917;background:#fff;border:1px solid #a8a29e;border-bottom:2px solid #78350f;outline:none;width:100%;padding:12px 16px;font-family:Playfair Display,serif;font-size:15px;box-shadow:2px 4px 10px #0000000a}.collage-switch{cursor:pointer;background:#e7e5e4;border:1px solid #a8a29e;border-radius:4px;align-items:center;width:56px;height:28px;padding:2px;transition:background .2s;display:flex}.collage-switch.active{background:#b45309}.collage-switch-handle{background:#fdfbf7;border:1px solid #78350f;border-radius:2px;width:22px;height:22px;transition:transform .2s}.collage-switch.active .collage-switch-handle{transform:translate(28px)}.collage-badge-row{flex-wrap:wrap;gap:10px;display:flex}.collage-badge{color:#78350f;text-transform:uppercase;letter-spacing:.05em;background:#fffbeb;border:1px dashed #78350f;padding:5px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transform:rotate(-1deg)}.collage-drawer{background:#fbf8f1;border-left:3px dashed #a8a29e;flex-direction:column;gap:24px;width:440px;max-width:90vw;height:100%;padding:32px;font-family:Playfair Display,serif;display:flex;box-shadow:-10px 0 30px #29252433}.skeuo-wrapper{color:#f1f5f9;background:linear-gradient(#374151 0%,#1f2937 50%,#111827 100%);border:1px solid #4b5563;border-color:#9ca3af #4b5563 #111827;border-radius:18px;flex-direction:column;gap:32px;padding:36px;font-family:Inter,sans-serif;display:flex;box-shadow:0 20px 40px #0009,inset 0 1px #ffffff4d,inset 0 -2px 5px #000000b3}.skeuo-heading-xl{color:#f3f4f6;text-shadow:0 -1px 2px #000,0 1px 1px #fff6;font-size:30px;font-weight:800}.skeuo-text-muted{color:#9ca3af;text-shadow:0 1px 1px #000;font-size:14px;line-height:1.5}.skeuo-btn-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.skeuo-btn-primary{color:#fff;cursor:pointer;text-shadow:0 -1px 1px #0f172a;background:linear-gradient(#3b82f6 0%,#1d4ed8 50%,#1e3a8a 100%);border:1px solid #1e3a8a;border-color:#93c5fd #1e3a8a #0f172a;border-radius:8px;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 10px #0006,inset 0 1px #ffffff80,inset 0 -2px 4px #0000004d}.skeuo-btn-primary:before{content:"";pointer-events:none;background:linear-gradient(#fff6 0%,#ffffff0d 100%);border-radius:7px 7px 14px 14px;height:50%;position:absolute;top:0;left:0;right:0}.skeuo-btn-primary:hover{filter:brightness(1.1);box-shadow:0 8px 14px #00000080,inset 0 1px #fff9}.skeuo-btn-primary:active{background:linear-gradient(#1e3a8a 0%,#1d4ed8 100%);transform:translateY(1px);box-shadow:inset 0 3px 6px #0009,0 2px 4px #0006}.skeuo-btn-chrome{color:#1f2937;cursor:pointer;text-shadow:0 1px #fff;background:linear-gradient(#f3f4f6 0%,#d1d5db 50%,#9ca3af 100%);border:1px solid #6b7280;border-color:#fff #6b7280 #374151;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .15s;position:relative;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffffe6}.skeuo-btn-chrome:active{background:linear-gradient(#9ca3af 0%,#d1d5db 100%);box-shadow:inset 0 2px 5px #00000080}.skeuo-btn-icon{color:#fbbf24;cursor:pointer;background:linear-gradient(#4b5563 0%,#1f2937 100%);border:1px solid #111827;border-top-color:#9ca3af;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .15s;display:inline-flex;box-shadow:0 4px 10px #00000080,inset 0 1px 1px #fff6}.skeuo-card{background:linear-gradient(#2d3748 0%,#1a202c 100%);border:1px solid #1a202c;border-top-color:#4a5568;border-radius:12px;padding:24px;box-shadow:0 10px 20px #0006,inset 0 1px #fff3}.skeuo-stat-num{color:#38bdf8;text-shadow:0 0 10px #38bdf880,0 -1px 1px #000;margin:10px 0;font-size:36px;font-weight:800}.skeuo-input{color:#f3f4f6;background:#111827;border:1px solid #000;border-top:2px solid #030712;border-bottom-color:#4b5563;border-radius:6px;outline:none;width:100%;padding:12px 16px;font-size:14px;box-shadow:inset 0 3px 6px #000c,0 1px #ffffff26}.skeuo-switch{cursor:pointer;background:#111827;border:1px solid #374151;border-radius:6px;align-items:center;width:60px;height:32px;padding:3px;display:flex;box-shadow:inset 0 3px 6px #000c,0 1px #ffffff1a}.skeuo-switch.active{background:#064e3b}.skeuo-switch-handle{background:linear-gradient(#d1d5db 0%,#6b7280 100%);border-top:1px solid #fff;border-radius:4px;width:24px;height:24px;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #00000080}.skeuo-switch.active .skeuo-switch-handle{background:linear-gradient(#34d399 0%,#059669 100%);transform:translate(28px);box-shadow:0 0 10px #10b981}.skeuo-badge-row{flex-wrap:wrap;gap:10px;display:flex}.skeuo-badge{color:#9ca3af;background:#1f2937;border:1px solid #111827;border-top-color:#374151;border-radius:4px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px 2px #0009}.skeuo-led{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.skeuo-drawer{color:#fff;background:linear-gradient(#374151 0%,#1f2937 100%);border-left:2px solid #4b5563;flex-direction:column;gap:24px;width:440px;max-width:90vw;height:100%;padding:32px;display:flex;box-shadow:-15px 0 35px #000000b3,inset 0 1px #fff3}.retro-wrapper{color:#000;background:teal;border:4px solid #000;border-radius:0;flex-direction:column;gap:28px;padding:32px;font-family:"Press Start 2P",monospace;display:flex;position:relative;box-shadow:6px 6px #000}.retro-heading-xl{color:#fff;text-shadow:2px 2px #000;font-size:18px;font-weight:700;line-height:1.6}.retro-text-muted{color:#fff;text-shadow:1px 1px #000;font-size:11px;line-height:1.6}.retro-window{background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;padding:3px;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.retro-titlebar{color:#fff;background:linear-gradient(90deg,navy 0%,#1084d0 100%);justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.retro-title-buttons{gap:3px;display:flex}.retro-title-btn{cursor:pointer;color:#000;background:silver;border:1px solid #000;border-color:#fff #000 #000 #fff;justify-content:center;align-items:center;width:16px;height:16px;font-family:"Press Start 2P",monospace;font-size:8px;display:flex}.retro-window-body{flex-direction:column;gap:16px;padding:16px;display:flex}.retro-btn-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.retro-btn-primary{color:#000;cursor:pointer;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;align-items:center;gap:8px;padding:10px 18px;font-family:"Press Start 2P",monospace;font-size:11px;display:inline-flex;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.retro-btn-primary:active{border:2px solid #fff;border-color:#000 #fff #fff #000;transform:translate(1px,1px);box-shadow:inset 1px 1px gray}.retro-btn-start{color:#000;cursor:pointer;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;align-items:center;gap:8px;padding:8px 14px;font-family:"Press Start 2P",monospace;font-size:11px;font-weight:700;display:inline-flex}.retro-btn-start:active{border:2px solid #fff;border-color:#000 #fff #fff #000}.retro-stat-num{color:navy;margin:8px 0;font-size:24px}.retro-input{color:#000;background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;outline:none;width:100%;padding:8px 10px;font-family:"Press Start 2P",monospace;font-size:11px;box-shadow:inset 1px 1px #000,inset -1px -1px #dfdfdf}.retro-switch{cursor:pointer;background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;align-items:center;width:60px;height:28px;padding:2px;display:flex}.retro-switch.active{background:navy}.retro-switch-handle{background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;width:22px;height:20px;transition:transform .1s}.retro-switch.active .retro-switch-handle{transform:translate(30px)}.retro-badge-row{flex-wrap:wrap;gap:10px;display:flex}.retro-badge{color:#000;background:silver;border:1px solid #000;border-color:#fff #000 #000 #fff;padding:4px 8px;font-size:9px}.retro-drawer{color:#000;background:silver;border-top:2px solid #fff;border-bottom:2px solid #000;border-left:4px solid #000;flex-direction:column;gap:20px;width:440px;max-width:90vw;height:100%;padding:24px;font-family:"Press Start 2P",monospace;display:flex;box-shadow:-10px 0 #000}.glass-wrapper{color:#fff;background:radial-gradient(circle at 10% 20%,#1e1b4b 0%,#0f172a 100%);border:1px solid #ffffff26;border-radius:28px;flex-direction:column;gap:32px;padding:36px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.glass-orb{pointer-events:none;filter:blur(40px);z-index:0;border-radius:50%;position:absolute}.glass-orb-1{background:radial-gradient(circle,#38bdf8 0%,#38bdf800 70%);width:260px;height:260px;top:-40px;left:-20px}.glass-orb-2{background:radial-gradient(circle,#f43f5e 0%,#f43f5e00 70%);width:320px;height:320px;bottom:-40px;right:-20px}.glass-orb-3{background:radial-gradient(circle,#8b5cf6 0%,#8b5cf600 70%);width:220px;height:220px;top:50%;left:50%}.glass-content-rel{z-index:1;flex-direction:column;gap:32px;display:flex;position:relative}.glass-heading-xl{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px #0000004d;font-size:32px;font-weight:800}.glass-text-muted{color:#ffffffb3;font-size:14px;line-height:1.5}.glass-btn-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.glass-btn-primary{color:#fff;-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#ffffff29;border:1px solid #ffffff4d;border-radius:14px;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #0003,inset 0 1px 1px #fff6}.glass-btn-primary:hover{background:#ffffff47;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 12px 30px #0000004d,inset 0 1px 2px #fff9}.glass-btn-primary:active{background:#ffffff1f;transform:translateY(0)}.glass-btn-secondary{color:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#0003;border:1px solid #ffffff26;border-radius:14px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .2s}.glass-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.glass-btn-icon{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:inline-flex}.glass-btn-icon:hover{background:#ffffff38;transform:scale(1.08)}.glass-card{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #fff3;border-radius:20px;padding:24px;transition:all .3s;box-shadow:0 16px 36px #0000004d,inset 0 1px 1px #ffffff4d}.glass-card:hover{background:#ffffff1f;border-color:#ffffff59;transform:translateY(-2px)}.glass-stat-num{color:#fff;text-shadow:0 2px 8px #0000004d;margin:8px 0;font-size:36px;font-weight:800}.glass-input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#ffffff0f;border:1px solid #fff3;border-radius:12px;outline:none;width:100%;padding:12px 18px;font-size:14px;transition:all .2s}.glass-input:focus{background:#ffffff1f;border-color:#ffffff80;box-shadow:0 0 20px #fff3}.glass-input::placeholder{color:#fff6}.glass-switch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;align-items:center;width:56px;height:28px;padding:2px;transition:all .25s;display:flex}.glass-switch.active{background:#38bdf866;border-color:#38bdf8b3}.glass-switch-handle{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000004d}.glass-switch.active .glass-switch-handle{transform:translate(28px)}.glass-badge-row{flex-wrap:wrap;gap:10px;display:flex}.glass-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.glass-drawer{-webkit-backdrop-filter:blur(36px);color:#fff;background:#0f172abf;border-left:1px solid #ffffff40;flex-direction:column;gap:24px;width:440px;max-width:90vw;height:100%;padding:32px;display:flex;box-shadow:-20px 0 50px #0009,inset 1px 0 #fff3}.cards-gallery-container{flex-direction:column;gap:32px;display:flex}.cards-filter-bar{border:1px solid var(--app-border);background:#0f172a99;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.cards-category-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-pill-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.card-pill-btn:hover{color:#fff;background:#ffffff1a}.card-pill-btn.active{background:var(--app-accent);border-color:var(--app-accent);color:#fff;box-shadow:0 2px 10px #6366f166}.cards-search-box{border:1px solid var(--app-border);background:#0000004d;border-radius:8px;align-items:center;gap:8px;width:260px;max-width:100%;padding:6px 12px;display:flex}.cards-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:12px}.cards-master-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;display:grid}.card-showcase-item{border:1px solid var(--app-border);background:#0f172a99;border-radius:20px;flex-direction:column;gap:16px;padding:20px;transition:border-color .2s;display:flex;position:relative}.card-showcase-item:hover{border-color:#fff3}.card-meta-top{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:12px;display:flex}.card-number-badge{color:#94a3b8;letter-spacing:.05em;background:#ffffff14;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.card-category-label{color:#cbd5e1;font-size:12px;font-weight:600}.card-access-bar{border-top:1px solid #ffffff0f;align-items:center;gap:8px;margin-top:auto;padding-top:14px;display:flex}.card-access-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.card-access-btn-primary{color:#a5b4fc;background:#6366f133;border:1px solid #6366f166}.card-access-btn-primary:hover{background:var(--app-accent);color:#fff;box-shadow:0 4px 12px #6366f166}.card-access-btn-secondary{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a}.card-access-btn-secondary:hover{color:#fff;background:#ffffff1f}.card-access-icon-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.card-access-icon-btn:hover{color:#fff;background:#ffffff26}.card-classic-wrapper{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:24px;transition:all .25s;display:flex;box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a}.card-classic-wrapper:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 20px -3px #0000001a,0 4px 6px -2px #0000000d}.card-classic-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700}.card-classic-title{color:#0f172a;letter-spacing:-.02em;font-size:18px;font-weight:700}.card-classic-desc{color:#64748b;font-size:13px;line-height:1.5}.card-classic-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.card-classic-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s}.card-classic-btn:hover{background:#1d4ed8}.card-gradient-wrapper{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 50%,#3b82f6 100%) 0 0/200% 200%;border-radius:20px;flex-direction:column;gap:14px;padding:26px;transition:all .3s;animation:6s infinite gradientShift;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #ec489959}.card-gradient-wrapper:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 18px 40px #8b5cf680}.card-gradient-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;background:#fff3;border:1px solid #ffffff59;border-radius:20px;align-self:flex-start;padding:4px 12px;font-size:11px;font-weight:800}.card-gradient-title{color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:800}.card-gradient-desc{color:#ffffffe6;font-size:13px;line-height:1.5}.card-gradient-btn{color:#1e1b4b;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .2s;box-shadow:0 4px 14px #0003}.card-gradient-btn:hover{transform:scale(1.03)}.card-glass-wrapper{-webkit-backdrop-filter:blur(24px);color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:20px;flex-direction:column;gap:14px;padding:26px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 32px #00000059,inset 0 1px 1px #ffffff4d}.card-glass-wrapper:hover{background:#ffffff1f;border-color:#ffffff59;transform:translateY(-3px);box-shadow:0 16px 40px #00000073}.card-glass-orb-bg{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#38bdf8 0%,#38bdf800 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.card-glass-tag{color:#38bdf8;background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:600}.card-glass-title{color:#fff;font-size:20px;font-weight:700}.card-glass-desc{color:#ffffffbf;font-size:13px;line-height:1.5}.card-glass-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.card-glass-btn:hover{background:#ffffff40}.card-neu-wrapper{color:#334155;background:#e0e5ec;border-radius:20px;flex-direction:column;gap:14px;padding:26px;transition:all .2s;display:flex;box-shadow:9px 9px 18px #bcc5d2,-9px -9px 18px #fff}.card-neu-badge{color:#6366f1;background:#e0e5ec;border-radius:10px;align-self:flex-start;padding:4px 12px;font-size:11px;font-weight:700;box-shadow:3px 3px 6px #bcc5d2,-3px -3px 6px #fff}.card-neu-title{color:#1e293b;font-size:19px;font-weight:700}.card-neu-desc{color:#64748b;font-size:13px;line-height:1.5}.card-neu-inset-box{background:#e0e5ec;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:inset 4px 4px 8px #bcc5d2,inset -4px -4px 8px #fff}.card-neu-btn{color:#475569;cursor:pointer;background:#e0e5ec;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;box-shadow:5px 5px 10px #bcc5d2,-5px -5px 10px #fff}.card-neu-btn:hover{color:#6366f1}.card-neu-btn:active{box-shadow:inset 3px 3px 6px #bcc5d2,inset -3px -3px 6px #fff}.card-border-grad-wrapper{background:linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6,#ec4899);border-radius:18px;padding:2px;transition:all .3s;position:relative;box-shadow:0 0 25px #10b98140}.card-border-grad-wrapper:hover{transform:translateY(-2px);box-shadow:0 0 35px #06b6d473}.card-border-grad-inner-content{color:#f8fafc;background:#0b0f19;border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex}.card-border-grad-badge{color:#34d399;letter-spacing:.05em;background:#10b98126;border:1px solid #10b98166;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700}.card-border-grad-title{color:#fff;font-size:20px;font-weight:700}.card-border-grad-desc{color:#94a3b8;font-size:13px;line-height:1.5}.card-border-grad-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .2s}.card-border-grad-btn:hover{opacity:.9}.card-dark-wrapper{color:#f1f5f9;background:#080c14;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:14px;padding:26px;transition:all .25s;display:flex;position:relative;box-shadow:0 10px 30px #000c}.card-dark-wrapper:hover{border-color:#f59e0b73;transform:translateY(-2px);box-shadow:0 15px 35px #000000e6,0 0 15px #f59e0b1a}.card-dark-gold{color:#fbbf24;letter-spacing:.05em;font-size:12px;font-weight:700}.card-dark-title{color:#f8fafc;font-size:20px;font-weight:700}.card-dark-desc{color:#94a3b8;font-size:13px;line-height:1.5}.card-dark-btn{color:#f1f5f9;cursor:pointer;background:#1e2532;border:1px solid #ffffff1a;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.card-dark-btn:hover{color:#000;background:#f59e0b;border-color:#f59e0b}.card-lift-wrapper{color:#fff;cursor:pointer;background:linear-gradient(#1e1b4b 0%,#17153b 100%);border:1px solid #8b5cf640;border-radius:18px;flex-direction:column;gap:14px;padding:26px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #0003}.card-lift-wrapper:hover{border-color:#8b5cf699;transform:translateY(-10px)scale(1.02);box-shadow:0 22px 45px #8b5cf659}.card-lift-tag{color:#c084fc;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700}.card-lift-title{color:#fff;font-size:20px;font-weight:800}.card-lift-desc{color:#cbd5e1;font-size:13px;line-height:1.5}.card-lift-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;box-shadow:0 4px 15px #8b5cf666}.card-split-wrapper{background:#0f172a;border:1px solid #ffffff1a;border-radius:16px;min-height:220px;transition:transform .2s;display:flex;overflow:hidden}.card-split-wrapper:hover{border-color:#06b6d466;transform:translateY(-2px)}.card-split-left-panel{color:#fff;text-align:center;background:linear-gradient(#06b6d4,#3b82f6);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:105px;padding:20px 12px;display:flex}.card-split-right-panel{color:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:22px;display:flex}.card-split-title{color:#fff;font-size:18px;font-weight:700}.card-split-desc{color:#94a3b8;font-size:13px;line-height:1.4}.card-split-btn{color:#38bdf8;cursor:pointer;background:#06b6d426;border:1px solid #06b6d466;border-radius:8px;align-self:flex-start;margin-top:auto;padding:8px 14px;font-size:12px;font-weight:600}.card-split-btn:hover{color:#fff;background:#06b6d4}.card-blog-wrapper{background:#111622;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.card-blog-wrapper:hover{border-color:#f9731666;transform:translateY(-3px);box-shadow:0 12px 25px #0006}.card-blog-cover{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#f97316 0%,#ea580c 50%,#7c2d12 100%);justify-content:center;align-items:center;height:110px;font-size:16px;font-weight:800;display:flex}.card-blog-body{flex-direction:column;gap:12px;padding:20px;display:flex}.card-blog-meta{color:#94a3b8;justify-content:space-between;align-items:center;font-size:11px;display:flex}.card-blog-category{color:#fb923c;letter-spacing:.05em;font-weight:700}.card-blog-title{color:#f1f5f9;font-size:17px;font-weight:700;line-height:1.4;transition:color .15s}.card-blog-wrapper:hover .card-blog-title{color:#fb923c}.card-blog-desc{color:#94a3b8;font-size:13px;line-height:1.4}.card-blog-link{color:#fb923c;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.card-minimal-wrapper{color:#09090b;background:#fff;border:1px solid #e4e4e7;border-radius:8px;flex-direction:column;gap:14px;padding:26px;transition:border-color .2s;display:flex}.card-minimal-wrapper:hover{border-color:#09090b}.card-minimal-header{justify-content:space-between;align-items:center;display:flex}.card-minimal-idx{color:#71717a;letter-spacing:.05em;font-size:12px;font-weight:700}.card-minimal-dot{background:#09090b;border-radius:50%;width:8px;height:8px}.card-minimal-title{color:#09090b;letter-spacing:-.02em;font-size:20px;font-weight:600}.card-minimal-desc{color:#52525b;font-size:13px;line-height:1.5}.card-minimal-btn{color:#fff;cursor:pointer;background:#09090b;border:1px solid #09090b;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:500;transition:background .15s}.card-minimal-btn:hover{background:#27272a}.card-spotlight-drawer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--app-border);z-index:1300;background:#0f172afa;flex-direction:column;width:520px;max-width:90vw;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-15px 0 40px #000000b3}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.buttons-gallery-container{flex-direction:column;gap:32px;display:flex}.buttons-master-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:28px;display:grid}.button-showcase-box{border:1px solid var(--app-border);background:#0f172ab3;border-radius:20px;flex-direction:column;gap:18px;padding:24px;transition:border-color .2s;display:flex;position:relative}.button-showcase-box:hover{border-color:#fff3}.button-stage-area{background:radial-gradient(circle,#1e293b80 0%,#0a0e17cc 100%);border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:24px;display:flex;position:relative;overflow:hidden}.button-click-counter{color:#94a3b8;align-items:center;gap:6px;margin-top:14px;font-size:11px;display:flex}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-modern-gradient{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ff007f 0%,#7928ca 50%,#00dfd8 100%) 0 0/200% 200%;border:none;border-radius:40px;align-items:center;gap:10px;padding:14px 34px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);animation:4s infinite gradientFlow;display:inline-flex;position:relative;box-shadow:0 10px 25px -5px #ec489980}.btn-modern-gradient:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 15px 35px -5px #7928caa6}.btn-modern-gradient:active{transform:translateY(1px)scale(.98);box-shadow:0 5px 15px -3px #ec489966}.btn-modern-gradient-sunset{background:linear-gradient(135deg,#f97316 0%,#ec4899 50%,#8b5cf6 100%) 0 0/200% 200%;box-shadow:0 10px 25px -5px #f9731673}.btn-modern-glass{-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff1f;border:1px solid #ffffff40;border-top-color:#fff9;border-radius:14px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #fff6}.btn-modern-glass:hover{background:#ffffff3d;border-color:#fffc #ffffff80 #ffffff80;transform:translateY(-2px);box-shadow:0 14px 40px #0006,inset 0 1px 2px #fff9}.btn-modern-glass:active{background:#ffffff24;transform:translateY(0)}.btn-modern-glass-emerald{background:#10b9812e;border-color:#a7f3d0b3 #34d39959 #34d39959;box-shadow:0 8px 30px #10b98140}@keyframes neonPulse{0%,to{box-shadow:0 0 15px #00f0ff66,inset 0 0 15px #00f0ff33}50%{box-shadow:0 0 25px #00f0ffb3,inset 0 0 20px #00f0ff66}}.btn-modern-neon{color:#00f0ff;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;text-shadow:0 0 8px #00f0ffcc;background:0 0;border:2px solid #00f0ff;border-radius:8px;align-items:center;gap:10px;padding:14px 34px;font-size:14px;font-weight:800;transition:all .25s;animation:3s ease-in-out infinite alternate neonPulse;display:inline-flex;position:relative;box-shadow:0 0 15px #00f0ff66,inset 0 0 15px #00f0ff33}.btn-modern-neon:hover{color:#050811;text-shadow:none;background:#00f0ff;transform:translateY(-2px);box-shadow:0 0 35px #00f0ff,0 0 70px #00f0ff99}.btn-modern-neon:active{transform:translateY(1px);box-shadow:0 0 20px #00f0ff}.btn-modern-neon-magenta{color:#ff007f;text-shadow:0 0 8px #ff007fcc;border-color:#ff007f;box-shadow:0 0 15px #ff007f66,inset 0 0 15px #ff007f33}.btn-modern-neon-magenta:hover{color:#fff;background:#ff007f;box-shadow:0 0 35px #ff007f,0 0 70px #ff007f99}.btn-modern-fill{color:#10b981;cursor:pointer;z-index:1;background:0 0;border:2px solid #10b981;border-radius:12px;align-items:center;gap:10px;padding:14px 34px;font-size:15px;font-weight:700;transition:color .3s cubic-bezier(.16,1,.3,1),transform .2s;display:inline-flex;position:relative;overflow:hidden}.btn-modern-fill:before{content:"";transform-origin:100%;z-index:-1;background:#10b981;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.btn-modern-fill:hover{color:#042f24;transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.btn-modern-fill:hover:before{transform-origin:0;transform:scaleX(1)}.btn-modern-fill:active{transform:translateY(0)}.btn-modern-fill-amber{color:#f59e0b;border-color:#f59e0b}.btn-modern-fill-amber:before{transform-origin:bottom;background:#f59e0b;transition:transform .35s cubic-bezier(.16,1,.3,1);transform:scaleY(0)}.btn-modern-fill-amber:hover{color:#261601;box-shadow:0 8px 24px #f59e0b59}.btn-modern-fill-amber:hover:before{transform-origin:top;transform:scaleY(1)}.btn-modern-3d{color:#000;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f59e0b;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 34px;font-size:15px;font-weight:800;transition:all .12s;display:inline-flex;position:relative;box-shadow:0 6px #b45309,0 12px 18px #00000059}.btn-modern-3d:hover{background:#fbbf24;transform:translateY(-2px);box-shadow:0 8px #b45309,0 16px 24px #0006}.btn-modern-3d:active{transform:translateY(4px);box-shadow:0 2px #b45309,0 4px 8px #00000040}.btn-modern-3d-indigo{color:#fff;background:#6366f1;box-shadow:0 6px #4338ca,0 12px 18px #00000059}.btn-modern-3d-indigo:hover{background:#818cf8;box-shadow:0 8px #4338ca,0 16px 24px #0006}.btn-modern-3d-indigo:active{box-shadow:0 2px #4338ca,0 4px 8px #00000040}.button-spotlight-drawer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--app-border);z-index:1300;background:#0f172afa;flex-direction:column;width:500px;max-width:90vw;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-15px 0 40px #000000b3}:root{--app-bg:#090d16;--app-surface:#111827;--app-surface-2:#1e293b;--app-border:#ffffff14;--app-text:#f8fafc;--app-text-muted:#94a3b8;--app-accent:#6366f1;--app-accent-glow:#6366f140;--sidebar-width:300px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--app-bg);color:var(--app-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-container{background:radial-gradient(circle at 10% 20%,#1e293b66 0%,#090d16 90%);min-height:100vh;display:flex;position:relative}.master-sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--app-border);z-index:1000;background:#0f172af5;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:10px 0 30px #00000080}.master-sidebar.collapsed{transform:translate(-100%)}.sidebar-header{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.brand-title{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;box-shadow:0 4px 15px #6366f166}.brand-text h1{color:#fff;letter-spacing:-.02em;font-size:16px;font-weight:700}.brand-text p{color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.sidebar-close-btn{border:1px solid var(--app-border);color:var(--app-text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sidebar-close-btn:hover{color:#fff;background:#ffffff1a}.sidebar-search-box{padding:16px 20px 8px}.sidebar-search-input{border:1px solid var(--app-border);color:#fff;background:#ffffff0a;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:border-color .2s}.sidebar-search-input:focus{border-color:var(--app-accent)}.sidebar-nav-list{flex-direction:column;flex:1;gap:6px;padding:12px 14px;display:flex;overflow-y:auto}.sidebar-item{color:var(--app-text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff0d}.sidebar-item.active{color:#fff;background:#6366f126;border-color:#6366f166}.sidebar-item-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sidebar-item-info{flex:1;min-width:0}.sidebar-item-name{font-size:13px;font-weight:600;display:block}.sidebar-item-sub{color:var(--app-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sidebar-item-badge{color:#94a3b8;background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:10px}.sidebar-footer{border-top:1px solid var(--app-border);color:var(--app-text-muted);flex-direction:column;gap:8px;padding:16px 20px;font-size:12px;display:flex}.sidebar-footer-btn{border:1px solid var(--app-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sidebar-footer-btn:hover{background:var(--app-accent)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;position:fixed;inset:0}.main-viewport{flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:padding-left .3s cubic-bezier(.16,1,.3,1);display:flex}.main-viewport.with-sidebar{padding-left:var(--sidebar-width)}@media (width<=1024px){.main-viewport.with-sidebar{padding-left:0}}.top-nav{z-index:900;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--app-border);background:#090d16d9;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:16px;display:flex}.drawer-toggle-btn{border:1px solid var(--app-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.drawer-toggle-btn:hover{background:#ffffff1a;border-color:#fff3}.current-style-badge{border:1px solid var(--app-border);background:#ffffff0a;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.current-style-dot{border-radius:50%;width:8px;height:8px}.nav-right{align-items:center;gap:12px;display:flex}.view-mode-pill{border:1px solid var(--app-border);background:#ffffff0d;border-radius:8px;padding:3px;display:flex}.view-mode-btn{color:var(--app-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.view-mode-btn.active{background:var(--app-accent);color:#fff;box-shadow:0 2px 8px #6366f166}.inspector-toggle-btn{border:1px solid var(--app-border);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.inspector-toggle-btn:hover{background:#ffffff1f}.content-body{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px}.style-banner{border:1px solid var(--app-border);background:linear-gradient(135deg,#1e293bcc,#0f172af2);border-radius:20px;margin-bottom:32px;padding:32px 36px;position:relative;overflow:hidden}.style-banner-inner{z-index:2;flex-direction:column;gap:16px;display:flex;position:relative}.style-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.style-index-tag{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.style-era-tag{color:#a5b4fc;background:#6366f133;border:1px solid #6366f14d;border-radius:20px;padding:4px 10px;font-size:11px}.style-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.style-title-row h2{letter-spacing:-.03em;color:#fff;font-size:36px;font-weight:800}.style-subtitle{color:#cbd5e1;font-size:16px;font-weight:400}.style-tagline{color:#94a3b8;max-width:800px;font-size:15px;line-height:1.6}.style-keywords{flex-wrap:wrap;gap:8px;display:flex}.style-keyword-chip{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:11px}.style-actions-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.quick-drawer-trigger-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #6366f166}.quick-drawer-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.quick-inspect-trigger-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.quick-inspect-trigger-btn:hover{background:#ffffff26}.component-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;margin-bottom:40px;display:grid}.component-section-box{border:1px solid var(--app-border);background:#0f172a99;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.component-section-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.component-section-header h3{text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.component-section-subtitle{color:var(--app-text-muted);font-size:11px}.floating-style-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:850;background:#0f172ae0;border:1px solid #ffffff26;border-radius:40px;align-items:center;gap:12px;padding:6px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000080}.dock-cycle-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.dock-cycle-btn:hover{background:var(--app-accent)}.dock-style-name{color:#fff;white-space:nowrap;font-size:13px;font-weight:700}.dock-pill-drawer-btn{color:#a5b4fc;cursor:pointer;background:#6366f140;border:1px solid #6366f180;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.dock-pill-drawer-btn:hover{background:var(--app-accent);color:#fff}.inspector-drawer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--app-border);z-index:1050;background:#0f172afa;flex-direction:column;width:480px;max-width:90vw;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-15px 0 40px #0009}.inspector-drawer.open{transform:translate(0)}.inspector-header{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.inspector-header h2{color:#fff;font-size:16px;font-weight:700}.inspector-tabs{border-bottom:1px solid var(--app-border);background:#0003;display:flex}.inspector-tab{color:var(--app-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:12px;font-weight:600;transition:all .2s}.inspector-tab.active{color:#fff;border-bottom-color:var(--app-accent);background:#ffffff08}.inspector-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.code-box{border:1px solid var(--app-border);background:#050811;border-radius:12px;overflow:hidden}.code-box-header{border-bottom:1px solid var(--app-border);color:var(--app-text-muted);background:#ffffff0a;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex}.code-copy-btn{border:1px solid var(--app-border);color:#fff;cursor:pointer;background:#ffffff14;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .2s;display:flex}.code-copy-btn:hover{background:var(--app-accent)}.code-pre{color:#38bdf8;white-space:pre-wrap;padding:14px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.tokens-table{border-collapse:collapse;width:100%;font-size:12px}.tokens-table th{text-align:left;border-bottom:1px solid var(--app-border);color:var(--app-text-muted);padding:8px 10px}.tokens-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0a;padding:10px}.tokens-table td:first-child{color:#fff;font-weight:600}.style-drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;background:#000000b3;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}