@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap";.theme-toggle{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:relative}.theme-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:50%}.theme-toggle .toggle-thumb{background:#f8f8f8;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.theme-toggle .sun-icon,.theme-toggle .moon-icon{width:20px;height:20px;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute}.theme-toggle .sun-icon{color:#333;opacity:1;transform:translateY(0)rotate(0)}.theme-toggle .moon-icon{color:#fff;opacity:0;transform:translateY(20px)rotate(-45deg)}.theme-toggle:hover .toggle-thumb{transition:transform .2s;transform:scale(1.1)}.theme-toggle:active .toggle-thumb{transform:scale(.95)}.theme-toggle.dark .toggle-thumb{background:#2a2a2a}.theme-toggle.dark .sun-icon{opacity:0;transform:translateY(20px)rotate(45deg)}.theme-toggle.dark .moon-icon{opacity:1;transform:translateY(0)rotate(0)}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background-color:var(--background);border-bottom:1px solid var(--border);z-index:100;box-shadow:0 12px 30px var(--shadow);position:sticky;top:0}.header:before{content:"";background:var(--brand-gradient);height:4px;display:block}.header-content{flex-wrap:wrap;align-items:center;gap:20px;max-width:1200px;min-height:72px;margin:0 auto;padding:14px 20px;display:flex}.header-logo{font-family:var(--font-family-heading);letter-spacing:.12em;color:var(--text-primary);flex:none;margin-right:auto;font-size:1.15rem;font-weight:600;line-height:1;text-decoration:none}.header-logo:hover{color:var(--primary-color)}.nav{flex:auto;justify-content:center;align-items:center;gap:.5rem;display:flex}.header-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-icon-link{width:44px;height:44px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.header-icon-svg{width:24px;height:24px}.header-icon-link:hover{color:var(--primary-color);background-color:var(--surface-strong)}.menu-toggle{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;transition:transform .2s;display:none}.menu-toggle:hover{color:var(--text-primary)}.menu-toggle span{transform-origin:50%;background:currentColor;border-radius:999px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-toggle.open span:first-child{transform:translateY(4px)rotate(45deg)}.menu-toggle.open span:nth-child(2){transform:translateY(-4px)rotate(-45deg)}.nav-link{font-family:var(--font-family-body);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:.7rem .95rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-color);background:0 0}.main-content{flex:1}.footer{background-color:var(--surface);border-top:1px solid var(--border);margin-top:auto}.footer-content{text-align:center;max-width:1200px;color:var(--text-secondary);margin:0 auto;padding:20px;font-size:.875rem}@media (width<=900px){.header-content{gap:14px;padding-bottom:0}.header-logo{flex:auto;min-width:0;margin-right:auto}.menu-toggle{display:inline-flex}.nav{opacity:0;pointer-events:none;flex-direction:column;flex-basis:100%;order:3;align-items:stretch;gap:0;width:100%;max-height:0;transition:max-height .28s,opacity .2s,transform .2s;overflow:hidden;transform:translateY(-10px)}.nav.nav-open{opacity:1;pointer-events:auto;border-top:1px solid #0b0b1214;max-height:520px;margin-top:4px;padding-top:16px;transform:translateY(0)}.nav-link{background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:.95rem 0;font-size:1rem;line-height:1.3;display:flex}.nav-link:after{content:"›";color:#626676e6;font-size:1.8rem;font-weight:300;line-height:1;transform:translateY(-1px)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:0 0}.header-actions{flex:none;margin-left:0}}@media (width<=520px){.header-content{gap:14px;padding:14px 20px 0}}.demo-area{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:64px 40px 40px;display:flex;position:relative}.btn{cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);background-color:#0000}.btn-secondary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.home-page{padding:60px 20px}.hero{text-align:center;margin:80px}.hero-title-block{flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:36px 0 42px;display:flex}.home-page .hero-title-main{font-family:var(--font-family-heading);letter-spacing:.02rem;color:var(--text-primary);text-align:center;margin-bottom:.45rem;padding:.12em 0 .16em;font-size:clamp(4rem,9vw,6rem);font-weight:900;line-height:1}.hero-title-sub{font-family:var(--font-family-heading);letter-spacing:.015em;text-align:center;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:.14em 0 .2em;font-size:clamp(2rem,4.5vw,43px);font-weight:900;line-height:1}.hero-description{max-width:720px;color:var(--text-secondary);margin:0 auto;font-size:1.25rem}.section{margin-bottom:80px}.foundations-section{margin-top:184px}.section h2{text-align:center;margin-bottom:24px;font-size:2.5rem}.section>p{text-align:center;max-width:800px;margin:0 auto 40px}.benefits-grid,.foundations-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px;display:grid}@media (width>=900px){.foundations-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}.foundations-grid .foundation-card{grid-column:span 2}.foundations-grid .foundation-card:nth-child(4){grid-column:2/span 2}.foundations-grid .foundation-card:nth-child(5){grid-column:4/span 2}}.benefit-card{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;transition:transform .2s,box-shadow .2s}.benefit-card:hover{box-shadow:0 8px 24px var(--shadow);transform:translateY(-4px)}.benefit-card h3{color:var(--primary-color);margin:0 0 12px;font-size:1.5rem}.benefit-card p{margin:0;font-size:1rem}.foundation-card{background-color:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;padding:32px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.foundation-card:hover{box-shadow:0 8px 24px var(--shadow);transform:translateY(-4px)}.foundation-icon{color:#4f5463;background:linear-gradient(135deg,#0b0b120d,#0b0b1206);border:1px solid #0b0b1214;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;display:inline-flex}.foundation-icon svg{flex:none}.foundation-icon-colors,.foundation-icon-typography,.foundation-icon-spacing,.foundation-icon-branding,.foundation-icon-components{color:#4f5463}.foundation-card h3{color:var(--text-primary);margin:0 0 12px;font-size:1.5rem}.foundation-card p{color:var(--text-secondary);margin:0;font-size:1rem}.cta-section{text-align:center;background:linear-gradient(135deg,#2563eb0d,#8b5cf60d);border-radius:16px;margin-top:96px;padding:60px 40px}.cta-buttons{justify-content:center;gap:16px;margin-top:32px;display:flex}@media (width<=768px){.hero-description{font-size:1.125rem}.foundations-section{margin-top:120px}.cta-buttons{flex-direction:column;align-items:center}.cta-section{margin-top:64px}.btn{width:100%;max-width:300px}}.color-swatch{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.color-swatch:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.color-preview{border:1px solid var(--border);width:80px;height:80px;box-shadow:0 2px 4px var(--shadow);border-radius:8px}.color-info{flex:1}.color-name{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem;font-weight:600}.color-value{color:var(--text-secondary);margin-bottom:2px;font-family:Courier New,monospace;font-size:.875rem}.color-variable{color:var(--primary-color);font-family:Courier New,monospace;font-size:.875rem}.code-block{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);border-radius:16px;margin:20px 0;padding:20px;font-family:Courier New,monospace;font-size:.875rem;position:relative;overflow-x:auto}.copy-button{color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #6266763d;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.75rem;font-weight:600;line-height:1;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s;display:inline-flex;position:absolute;top:12px;right:12px}.copy-button-icon{justify-content:center;align-items:center;display:inline-flex}.copy-button:hover{color:var(--text-primary);background:#ffffffeb;border-color:#4169e138;box-shadow:0 12px 24px #140b3b14}.copy-button.copied{color:var(--primary-color);background:#ffffffeb;border-color:#4169e152}.colors-page .color-section{margin-top:60px}.color-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:24px;display:grid}.typography-page .typography-section{margin-top:60px}.font-specimen{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px;display:grid}.font-family-card{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);border-radius:20px;padding:32px}.font-family-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color);margin-bottom:12px;font-size:.75rem;font-weight:700}.specimen-text{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.specimen-text.heading-family{font-family:var(--font-family-heading);letter-spacing:-.06em;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:.95}.specimen-text.body-family{font-family:var(--font-family-body);color:var(--accent-color);font-size:1.375rem;font-weight:500;line-height:1.3}.type-scale{flex-direction:column;gap:32px;margin-top:24px;display:flex}.type-example{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);border-radius:16px;padding:24px}.type-preview{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:12px;font-weight:700}.type-details{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;display:flex}.type-separator{color:var(--border)}.weight-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px;display:grid}.weight-example{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);border-radius:16px;padding:24px}.weight-preview{font-family:var(--font-family-heading);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:12px;font-size:2rem}.weight-details{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.875rem;display:flex}.weight-value{color:var(--primary-color);font-family:Courier New,monospace}.spacing-page .spacing-section{margin-top:60px}.spacing-examples{flex-direction:column;gap:16px;margin-top:24px;display:flex}.spacing-example{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:24px;padding:20px;display:flex}.spacing-visual{background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#e5e7eb 10px 20px);border-radius:4px;justify-content:center;align-items:center;min-width:100px;height:100px;display:flex}.spacing-box{background-color:var(--primary-color);border-radius:4px}.spacing-info{flex:1}.spacing-name{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem;font-weight:600}.spacing-value{color:var(--primary-color);margin-bottom:4px;font-family:Courier New,monospace;font-size:1rem}.spacing-usage{color:var(--text-secondary);font-size:.875rem}.visual-demo{margin-top:24px}.demo-container{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.demo-box{background-color:var(--surface);border:2px dashed var(--primary-color);color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.demo-flex{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;padding:16px;display:flex;position:relative}.demo-item{background-color:var(--primary-color);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:60px;height:60px;font-weight:600;display:flex}.demo-label{color:var(--text-secondary);font-size:.75rem;position:absolute;bottom:-24px;left:16px}.favicon-tile{--favicon-size:32px;width:calc(var(--favicon-size) + 40px);height:calc(var(--favicon-size) + 40px);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);background:linear-gradient(#fffffff5 0%,#f7f5fbfa 100%);border-radius:20px;justify-content:center;align-items:center;display:inline-flex}.favicon-tile--contrast{background:radial-gradient(circle at top,#ffffff24,#0000 62%),#0b0b12;border-color:#ffffff24;box-shadow:0 24px 48px #0b0b123d}.favicon-tile__image{width:var(--favicon-size);height:var(--favicon-size);image-rendering:-webkit-optimize-contrast;display:block}.branding-page .branding-section{margin-top:60px}.brand-toolkit-editor{min-width:0;margin-top:32px}.brand-toolkit-frame{border:1px solid var(--border);background:#101019;border-radius:16px;width:100%;height:800px;display:block}.logo-showcase{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);border-radius:20px;justify-content:center;align-items:center;margin:24px 0;padding:80px 40px;display:flex}.logo-display{width:100%;font-family:var(--font-family-heading);letter-spacing:.1em;text-align:center;color:var(--text-primary);justify-content:center;align-items:center;padding-left:.1em;font-size:clamp(5rem,24vw,300px);font-weight:600;line-height:1;display:flex}.guidelines-list{margin:24px 0;padding:0;list-style:none}.guidelines-list li{color:var(--text-secondary);padding:12px 0 12px 32px;font-size:1rem;line-height:1.6;position:relative}.guidelines-list li:before{content:"✓";color:var(--accent-color);font-weight:700;position:absolute;left:0}.brand-colors{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.brand-color-card{background-color:var(--surface);border:1px solid var(--border);min-width:200px;box-shadow:0 20px 40px var(--shadow);border-radius:16px;flex:1;padding:24px}.brand-color-preview{border:1px solid var(--border);border-radius:14px;width:100%;height:120px;margin-bottom:16px}.brand-color-name{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem;font-weight:600}.brand-color-value{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.875rem}.favicon-showcase{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:24px 0;display:grid}.favicon-downloads{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.favicon-card{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;display:flex}.favicon-card--contrast{background:linear-gradient(#0b0b12f5 0%,#1f183afa 100%);border-color:#7426ff2e}.favicon-card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.8rem;font-weight:700}.favicon-card--contrast .favicon-card-label{color:#ffffffb8}.values-grid,.voice-tone-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:24px;display:grid}.value-card,.voice-card{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);border-radius:16px;padding:32px;transition:transform .2s,box-shadow .2s}.value-card:hover,.voice-card:hover{box-shadow:0 8px 24px var(--shadow);transform:translateY(-4px)}.value-card h3,.voice-card h3{color:var(--primary-color);margin:0 0 12px;font-size:1.5rem}.value-card p,.voice-card p{color:var(--text-secondary);margin:0;font-size:1rem}.draw-block-preview{--text-primary:#0b0b12;--background:#fff;--surface:#f7f5fb;--surface-strong:#efeafb;--canvas:#fbfaff;--block-card:#fff;--block-edge:#0b0b1214;--block-title:#0b0b12;--block-subtitle:#6d6666;--block-shadow:#140b3b1a;--iso-top:var(--background);--iso-front:var(--surface);--iso-side:var(--surface-strong);--iso-line:color-mix(in srgb, var(--text-primary) 38%, transparent);--iso-detail:color-mix(in srgb, var(--text-primary) 16%, transparent);--iso-accent:#7426ff}.draw-block-preview[data-draw-theme=dark],[data-theme=dark] .draw-block-preview:not([data-draw-theme=light]),[data-hub-theme=dark] .draw-block-preview:not([data-draw-theme=light]){--text-primary:#ecebf4;--background:#1c1b26;--surface:#252433;--surface-strong:#2f2b4a;--canvas:#121118;--block-card:#24232f;--block-edge:#ffffff14;--block-title:#f1f0f7;--block-subtitle:#a8a3b5;--block-shadow:#00000080;--iso-top:var(--surface-strong);--iso-side:var(--background);--iso-line:color-mix(in srgb, var(--text-primary) 42%, transparent);--iso-detail:color-mix(in srgb, var(--text-primary) 18%, transparent);--iso-accent:#a07cff}.draw-block-preview .block-card{fill:var(--block-card);stroke:var(--block-edge)}.draw-block-preview .block-shadow{flood-color:var(--block-shadow)}.draw-block-preview{background:var(--canvas);border-radius:12px;place-items:center;min-width:0;padding:16px;display:grid}.draw-block-preview>svg{max-width:100%;height:auto;display:block}.draw-block-preview .block-card{fill:var(--draw-card-color,var(--block-card))}.draw-block-preview .block-card,.draw-block-preview clipPath rect{rx:var(--draw-radius,12px)}.draw-block-preview .block-title{fill:var(--draw-title-color,var(--block-title))}.draw-block-preview .block-subtitle{fill:var(--draw-subtitle-color,var(--block-subtitle))}.draw-block-preview .block>g[clip-path]>rect{fill:var(--draw-header-color)}.draw-block-preview[data-draw-theme=dark] image[href^="/draw-blocks/generic/"],[data-theme=dark] .draw-block-preview:not([data-draw-theme=light]) image[href^="/draw-blocks/generic/"],[data-hub-theme=dark] .draw-block-preview:not([data-draw-theme=light]) image[href^="/draw-blocks/generic/"]{filter:invert()hue-rotate(180deg)}.draw-catalogue a:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.draw-result-count{color:var(--text-secondary);font-size:13px;line-height:1.7}.draw-catalogue{gap:20px;display:grid}.draw-catalogue-section{gap:16px;scroll-margin-top:100px;display:grid}.draw-catalogue-section h2{font-size:22px;font-weight:600}.draw-catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px;display:grid}.draw-catalogue-item{border:1px solid var(--border);border-radius:12px;gap:8px;min-width:0;padding:12px;display:grid}.draw-catalogue-item .draw-block-preview{min-height:190px}.draw-catalogue-item .draw-block-preview>svg{max-height:170px}.draw-catalogue-item code{overflow-wrap:anywhere;color:var(--text-secondary);font-size:11px}.draw-catalogue-pick{width:100%;color:inherit;gap:12px;text-decoration:none;display:grid}.draw-catalogue-pick:hover{color:var(--primary-color)}.draw-page{max-width:1200px;margin:0 auto;padding:60px 24px 80px}.draw-page-heading{gap:20px;margin-bottom:48px;display:grid}.draw-page-heading h1{font-family:var(--font-family-heading);font-size:clamp(36px,5vw,56px)}.draw-page-heading>p:not(.draw-page-eyebrow){max-width:720px;color:var(--text-secondary);line-height:1.8}.draw-page-eyebrow{color:var(--primary-color);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.draw-page-links{flex-wrap:wrap;gap:20px;display:flex}.draw-page-links a{color:var(--primary-color);font-weight:500}.draw-page-links a:focus-visible{outline-offset:4px;outline:2px solid}.page{width:100%;max-width:1200px;margin:0 auto;padding:48px 20px 72px}.page h1{font-family:var(--font-family-heading);letter-spacing:-.05em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800}.page>h1:first-child{padding-top:44px}.page h2{font-family:var(--font-family-heading);letter-spacing:-.03em;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:600}.page h3{font-family:var(--font-family-heading);letter-spacing:-.02em;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.page p{font-family:var(--font-family-body);color:var(--text-secondary);max-width:72ch;margin-bottom:1rem;font-size:1.0625rem;line-height:1.8}.page>h1:first-child+p{border-bottom:1px solid #0b0b1214;margin-bottom:4.5rem;padding-bottom:40px}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-family-heading:"Outfit", sans-serif;--font-family-body:"Inter", sans-serif;--primary-color:#2713ff;--primary-dark:#1807c7;--secondary-color:#ff0059;--accent-color:#7426ff;--brand-gradient:linear-gradient(90deg, #2713ff 0%, #ff0059 100%);--text-primary:#0b0b12;--text-secondary:#626676;--background:#fff;--surface:#f7f5fb;--surface-strong:#efeafb;--border:#e6e0f0;--shadow:#140b3b14;--body-gradient:radial-gradient(circle at top, #2713ff0d, transparent 28%);font-family:Inter,sans-serif}[data-theme=dark]{--primary-color:#6f5cff;--primary-dark:#4b38e6;--secondary-color:#ff4d85;--accent-color:#a07cff;--brand-gradient:linear-gradient(90deg, #6f5cff 0%, #ff4d85 100%);--text-primary:#f5f4ff;--text-secondary:#a7a4bd;--background:#0b0b12;--surface:#14141e;--surface-strong:#1c1c2a;--border:#2a2a3a;--shadow:#00000080;--body-gradient:radial-gradient(circle at top, #6f5cff1f, transparent 32%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--background);background-image:var(--body-gradient);margin:0;transition:background-color .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}