@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-0:#1A1A20;--bg-1:#22222A;--bg-2:#2A2A33;--bg-3:#33333D;--bg-4:#3D3D48;--bg-5:#4A4A57;--bg-base:var(--bg-0);--bg-surface:var(--bg-1);--bg-elevated:var(--bg-2);--bg-overlay:var(--bg-3);--bg-hover:var(--bg-3);--fg-1:#F0F0F4;--fg-2:#A8A8B8;--fg-3:#6A6A7A;--fg-4:#4A4A57;--text-primary:var(--fg-1);--text-secondary:var(--fg-2);--text-muted:var(--fg-3);--text-disabled:var(--fg-4);--text-inverse:#0F0F12;--primary:#2B58F0;--primary-50:#EEF2FF;--primary-100:#DBE4FF;--primary-200:#B7C8FF;--primary-300:#8AA5FF;--primary-400:#577FFF;--primary-500:#2B58F0;--primary-600:#1F44C9;--primary-700:#1B3FB8;--primary-800:#17339A;--primary-900:#0F2270;--accent-900:var(--primary);--accent-800:var(--primary-600);--accent-700:var(--primary-700);--accent-600:var(--primary-400);--accent-500:var(--primary-300);--accent-400:var(--primary-200);--accent-300:var(--primary-100);--cyan-500:var(--primary-400);--cyan-400:var(--primary);--cyan-300:var(--primary-300);--cyan-glow:none;--success:#3DB86A;--success-bg:rgba(61,184,106,0.12);--success-text:#9CE0A0;--success-stud:#27834A;--warning:#FF7315;--warning-bg:rgba(255,115,21,0.12);--warning-text:#FFA86B;--warning-stud:#B85200;--danger:#FF4444;--danger-bg:rgba(255,68,68,0.12);--danger-text:#FF8585;--danger-stud:#C33232;--amber-500:var(--warning);--amber-400:var(--warning-text);--green-500:var(--success);--green-400:var(--success-text);--red-500:var(--danger);--red-400:var(--danger-text);--border-subtle:#26262D;--border:#33333D;--border-default:#33333D;--border-strong:#474755;--border-accent:var(--primary);--glow-bright:rgba(255,255,255,0.85);--glow-mid:rgba(255,255,255,0.35);--glow-inner:rgba(255,255,255,0.06);--ring-focus:0 0 0 3px rgba(43,88,240,0.28);--stud-primary:0 3px 0 #1B3FB8;--stud-neutral:0 3px 0 #2A2A35;--stud-modal:0 3px 0 #252530;--stud-success:0 3px 0 #27834A;--stud-danger:0 3px 0 #C33232;--stud-warning:0 3px 0 #B85200;--stud-discord:0 3px 0 #3D4FC7;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--glow-purple:none;--glow-cyan:none;--glow-sm:none;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-body:var(--font-sans);--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--duration-fast:100ms;--duration-normal:180ms;--duration-slow:280ms;--ctrl-height-sm:32px;--ctrl-height-md:40px;--ctrl-height-lg:48px;--sidebar-width:240px;--sidebar-width-collapsed:64px;--topbar-height:56px;--logo-url:url(/assets/luana-white.svg)}[data-theme=black]{--bg-0:#000000;--bg-1:#0D0D11;--bg-2:#161619;--bg-3:#222228;--bg-4:#2C2C34;--bg-5:#38383F;--bg-base:var(--bg-0);--bg-surface:var(--bg-1);--bg-elevated:var(--bg-2);--bg-overlay:var(--bg-3);--bg-hover:var(--bg-3);--border-subtle:#111115;--border:#1A1A1E;--border-default:#1A1A1E;--border-strong:#2C2C34;--stud-neutral:0 3px 0 #0A0A10;--stud-modal:0 3px 0 #1C1C22}[data-theme=light]{--warning:#D95E00;--warning-bg:rgba(217,94,0,0.08);--warning-text:#8B3A00;--bg-0:#FFFFFF;--bg-1:#F5F5F7;--bg-2:#EBEBEF;--bg-3:#E0E0E7;--bg-4:#D4D4DC;--bg-5:#C8C8D2;--bg-base:var(--bg-0);--bg-surface:var(--bg-1);--bg-elevated:var(--bg-2);--bg-overlay:var(--bg-3);--bg-hover:var(--bg-3);--fg-1:#0F0F12;--fg-2:#4A4A57;--fg-3:#8A8A9A;--fg-4:#B0B0BC;--text-primary:var(--fg-1);--text-secondary:var(--fg-2);--text-muted:var(--fg-3);--text-disabled:var(--fg-4);--text-inverse:#FFFFFF;--border-subtle:#E0E0E7;--border:#D4D4DC;--border-default:#D4D4DC;--border-strong:#BBBBC8;--stud-neutral:0 3px 0 #C0C0CC;--stud-modal:0 3px 0 #C0C0CC;--success-text:#1A7A3C;--glow-bright:rgba(43,88,240,0.65);--glow-mid:rgba(43,88,240,0.22);--glow-inner:rgba(43,88,240,0.07);--logo-url:url(/assets/luana-black.svg)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--fg-1);background-color:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,video{display:block;max-width:100%}svg{filter:none!important;box-shadow:none!important}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-5)}::selection{background:rgba(43,88,240,.35);color:var(--fg-1)}.text-primary{color:var(--fg-1)}.text-secondary{color:var(--fg-2)}.text-muted{color:var(--fg-3)}.text-accent,.text-cyan{color:var(--primary)}.text-green{color:var(--success-text)}.text-red{color:var(--danger-text)}.text-amber{color:var(--warning-text)}.gradient-text{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:currentcolor;background-clip:border-box;color:var(--fg-1)}html.landing-hide-scrollbar{scrollbar-width:none}html.landing-hide-scrollbar::-webkit-scrollbar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--ctrl-height-md);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;cursor:pointer;border:1px solid transparent;transition:background var(--duration-fast),box-shadow var(--duration-fast),color var(--duration-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;text-decoration:none;box-sizing:border-box}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--ring-focus)}.btn-primary{background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--primary);color:#fff;border:none;box-shadow:var(--stud-primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),color-mix(in srgb,var(--primary),white 15%)}.btn-primary:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn-secondary{background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--bg-3);color:var(--fg-1);border:none;box-shadow:var(--stud-neutral)}.btn-secondary:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--bg-4)}.btn-secondary:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn-modal{background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--bg-3);color:var(--fg-1);border:none;box-shadow:var(--stud-modal)}.btn-modal:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--bg-4)}.btn-modal:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn-ghost{background:transparent;color:var(--fg-2);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--bg-3);color:var(--fg-1)}.btn-cyan{background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--primary);color:#fff;border:none;box-shadow:var(--stud-primary)}.btn-cyan:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),color-mix(in srgb,var(--primary),white 15%)}.btn-cyan:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn-danger{background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--danger);color:#fff;border:none;box-shadow:var(--stud-danger)}.btn-danger:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),color-mix(in srgb,var(--danger),white 15%)}.btn-danger:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn-success{background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--success);color:#fff;border:none;box-shadow:var(--stud-success)}.btn-success:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),color-mix(in srgb,var(--success),white 15%)}.btn-success:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn-warning{background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),var(--warning);color:#fff;border:none;box-shadow:var(--stud-warning)}.btn-warning:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,0)),color-mix(in srgb,var(--warning),white 15%)}.btn-warning:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn-sm{padding:0 var(--space-3);height:var(--ctrl-height-sm);font-size:var(--text-xs);border-radius:var(--radius-xs)}.btn-lg{padding:0 var(--space-6);height:var(--ctrl-height-lg);font-size:var(--text-base);border-radius:var(--radius-md)}.btn-icon{padding:0;width:var(--ctrl-height-md);height:var(--ctrl-height-md)}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);transition:border-color var(--duration-fast)}.card:hover{border-color:var(--border-strong)}.card-elevated{background:var(--bg-2)}.card-interactive{cursor:pointer}.card-interactive:hover,.card.raised{border-color:var(--border-strong)}.card.accent-tip{border-left:3px solid var(--primary);background:var(--bg-2)}.card.accent-danger{border-left:3px solid var(--danger);background:var(--danger-bg)}.input{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-4);height:var(--ctrl-height-md);color:var(--fg-1);font-size:var(--text-sm);transition:border-color var(--duration-normal),box-shadow var(--duration-normal);outline:none;box-sizing:border-box}.input::placeholder{color:var(--fg-3)}.input:hover:not(:focus){border-color:var(--border-strong)}.input:focus{border-color:var(--primary);box-shadow:var(--ring-focus)}.textarea{height:auto;padding:var(--space-3) var(--space-4);resize:vertical;min-height:80px}[data-theme=black] .input{background:var(--bg-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);border:none}.badge-cyan,.badge-purple{background:var(--primary);color:#fff}.badge-green{background:var(--success);color:#0B2A17}.badge-amber{background:var(--warning);color:#2A1405}.badge-red{background:var(--danger);color:#fff}.badge-gray{background:var(--bg-4)}.badge-gray,.tag{color:var(--fg-1)}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:4px 9px;font-size:var(--text-xs);font-weight:var(--weight-medium)}.divider{height:1px;background:var(--border-subtle);border:none;margin:0}.glass{background:var(--bg-2);backdrop-filter:none;-webkit-backdrop-filter:none}.code-block,.glass{border:1px solid var(--border)}.code-block{background:var(--bg-0);border-radius:var(--radius);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--bg-1);border-bottom:1px solid var(--border)}.code-block-body{padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--fg-1)}.dot-pulse{display:inline-flex;gap:4px;align-items:center}.dot-pulse span{width:5px;height:5px;border-radius:50%;background:var(--primary);animation:dotPulse 1.2s ease-in-out infinite}.dot-pulse span:nth-child(2){animation-delay:.2s}.dot-pulse span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.spinner{width:18px;height:18px;border:2px solid var(--bg-4);border-top-color:var(--primary);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--duration-fast) var(--ease-out) both}.fade-in-scale{animation:fadeIn var(--duration-normal) var(--ease-out) both}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.gradient-bg-purple{background:var(--bg-0)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg-4);border:1px solid var(--border);color:var(--fg-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast);z-index:100}[data-tooltip]:hover:after{opacity:1}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn .12s var(--ease-out) both}[data-theme=light] .modal-backdrop{background:rgba(0,0,0,.35)}.scroll-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-4) transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}