:root{--ublooth-primary-50:#eef2ff;--ublooth-primary-100:#e0e7ff;--ublooth-primary-200:#c7d2fe;--ublooth-primary-300:#a5b4fc;--ublooth-primary-400:#818cf8;--ublooth-primary-500:#6366f1;--ublooth-primary-600:#4f46e5;--ublooth-primary-700:#4338ca;--ublooth-primary-800:#3730a3;--ublooth-primary-900:#312e81;--ublooth-neutral-0:#fff;--ublooth-neutral-50:#fafafa;--ublooth-neutral-100:#f5f5f5;--ublooth-neutral-200:#e5e5e5;--ublooth-neutral-300:#d4d4d4;--ublooth-neutral-400:#a3a3a3;--ublooth-neutral-500:#737373;--ublooth-neutral-600:#525252;--ublooth-neutral-700:#404040;--ublooth-neutral-800:#262626;--ublooth-neutral-900:#171717;--ublooth-background:var(--ublooth-neutral-50);--ublooth-foreground:var(--ublooth-neutral-900);--ublooth-card:var(--ublooth-neutral-0);--ublooth-card-foreground:var(--ublooth-neutral-900);--ublooth-popover:var(--ublooth-neutral-0);--ublooth-popover-foreground:var(--ublooth-neutral-900);--ublooth-primary:var(--ublooth-primary-600);--ublooth-primary-foreground:var(--ublooth-neutral-0);--ublooth-secondary:var(--ublooth-neutral-100);--ublooth-secondary-foreground:var(--ublooth-neutral-900);--ublooth-muted:var(--ublooth-neutral-100);--ublooth-muted-foreground:var(--ublooth-neutral-500);--ublooth-accent:var(--ublooth-primary-50);--ublooth-accent-foreground:var(--ublooth-primary-900);--ublooth-border:var(--ublooth-neutral-200);--ublooth-input:var(--ublooth-neutral-200);--ublooth-ring:var(--ublooth-primary-500);--ublooth-state-success:#10b981;--ublooth-state-warning:#f59e0b;--ublooth-state-error:#ef4444;--ublooth-state-info:#3b82f6;--ublooth-radius-sm:4px;--ublooth-radius-md:8px;--ublooth-radius-lg:16px;--ublooth-radius-pill:999px;--ublooth-shadow-1:0 1px 2px #0f172a0d, 0 1px 1px #0f172a08;--ublooth-shadow-2:0 8px 24px -8px #0f172a2e;--ublooth-shadow-3:0 24px 60px -20px #0f172a4d;--ublooth-font-sans:Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ublooth-font-mono:"JetBrains Mono", "Fira Code", Consolas, Monaco, monospace}.dark,html.dark{--ublooth-background:#0b0b0f;--ublooth-foreground:#f5f5f5;--ublooth-card:#141418;--ublooth-card-foreground:#f5f5f5;--ublooth-popover:#141418;--ublooth-popover-foreground:#f5f5f5;--ublooth-primary:var(--ublooth-primary-500);--ublooth-primary-foreground:#fff;--ublooth-secondary:#26262c;--ublooth-secondary-foreground:#f5f5f5;--ublooth-muted:#1f1f24;--ublooth-muted-foreground:#a3a3a3;--ublooth-accent:#1e1b4b;--ublooth-accent-foreground:#e0e7ff;--ublooth-border:#27272a;--ublooth-input:#27272a}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:var(--ublooth-font-sans);background-color:var(--ublooth-background);color:var(--ublooth-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.5}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}.container-tight{width:100%;max-width:72rem;margin-left:auto;margin-right:auto}.section-pad{padding-left:clamp(1rem,4vw,3rem);padding-right:clamp(1rem,4vw,3rem)}.btn{border-radius:var(--ublooth-radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--ublooth-background),0 0 0 4px var(--ublooth-ring);outline:none}.btn--primary{background-color:var(--ublooth-primary);color:var(--ublooth-primary-foreground);box-shadow:var(--ublooth-shadow-1)}.btn--primary:hover{background-color:color-mix(in srgb,var(--ublooth-primary) 90%,transparent)}.btn--secondary{border:1px solid var(--ublooth-border);background-color:var(--ublooth-card);color:var(--ublooth-card-foreground);box-shadow:var(--ublooth-shadow-1)}.btn--secondary:hover{background-color:var(--ublooth-muted)}.btn--ghost{color:var(--ublooth-muted-foreground)}.btn--ghost:hover{background-color:var(--ublooth-muted);color:var(--ublooth-foreground)}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--block{width:100%}.form-input{border-radius:var(--ublooth-radius-md);border:1px solid var(--ublooth-input);background-color:var(--ublooth-background);width:100%;color:var(--ublooth-foreground);padding:.625rem 1rem;font-size:.875rem;transition:all .2s}.form-input::placeholder{color:var(--ublooth-muted-foreground)}.form-input:focus{border-color:var(--ublooth-ring);outline:none;box-shadow:0 0 0 3px #6366f126}textarea.form-input{resize:vertical;min-height:120px}.card{border-radius:var(--ublooth-radius-lg);border:1px solid var(--ublooth-border);background-color:var(--ublooth-card);box-shadow:var(--ublooth-shadow-1)}.badge{border-radius:var(--ublooth-radius-pill);background-color:var(--ublooth-accent);color:var(--ublooth-accent-foreground);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.alert{border-radius:var(--ublooth-radius-md);padding:.75rem 1rem;font-size:.875rem}.alert--error{color:var(--ublooth-state-error);background-color:#ef44441a}.alert--success{color:var(--ublooth-state-success);background-color:#10b9811a}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ublooth-neutral-300);border-radius:var(--ublooth-radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--ublooth-neutral-400)}