.demo-page.svelte-12uoets{min-height:100vh;background:radial-gradient(ellipse at top,rgba(0,243,255,.03) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(188,19,254,.02) 0%,transparent 40%),#1e293b;padding:5rem 2rem 2rem;color:#ddd}.demo-header.svelte-12uoets{max-width:900px;margin:0 auto 2rem;text-align:center}.back-link.svelte-12uoets{display:inline-flex;align-items:center;gap:8px;color:#666;text-decoration:none;font-size:14px;margin-bottom:1.5rem;transition:color .2s;cursor:pointer}.back-link.svelte-12uoets:hover{color:#00f3ff}.back-link.svelte-12uoets svg:where(.svelte-12uoets){width:18px;height:18px}.demo-title.svelte-12uoets{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#00f3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-subtitle.svelte-12uoets{font-size:1rem;color:#666;margin:0;font-family:monospace;text-transform:uppercase;letter-spacing:.2em}.demo-content.svelte-12uoets{max-width:900px;margin:0 auto}.info-section.svelte-12uoets{max-width:900px;margin:3rem auto 4rem}.info-section.svelte-12uoets h2:where(.svelte-12uoets){font-size:1.5rem;color:#fff;margin:0 0 1rem;font-weight:600}.info-section.svelte-12uoets>p:where(.svelte-12uoets){color:#999;line-height:1.7;margin-bottom:2rem}.info-section.svelte-12uoets strong:where(.svelte-12uoets){color:#00f3ff}.info-grid.svelte-12uoets{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.info-card.svelte-12uoets{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:all .3s ease}.info-card.svelte-12uoets:hover{border-color:#00f3ff33;transform:translateY(-2px)}.info-icon.svelte-12uoets{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.info-icon.svelte-12uoets svg:where(.svelte-12uoets){width:20px;height:20px}.info-card.svelte-12uoets h3:where(.svelte-12uoets){font-size:1rem;color:#fff;margin:0 0 .5rem;font-weight:600}.info-card.svelte-12uoets p:where(.svelte-12uoets){font-size:.875rem;color:#888;line-height:1.6;margin:0}.tips-box.svelte-12uoets{background:linear-gradient(135deg,#00f3ff0d,#bc13fe08);border:1px solid rgba(0,243,255,.15);border-radius:12px;padding:1.5rem}@media(max-width:640px){.demo-page.svelte-12uoets{padding:1rem}.demo-title.svelte-12uoets{font-size:1.75rem}.info-grid.svelte-12uoets{grid-template-columns:1fr}}.demo-header.svelte-12uoets{margin:0 auto 3rem}.info-section.svelte-12uoets{margin:4rem auto}.info-section.svelte-12uoets h2:where(.svelte-12uoets){font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.info-section.svelte-12uoets>p:where(.svelte-12uoets){color:#94a3b8;font-size:.95rem;max-width:600px}.info-grid.svelte-12uoets{grid-template-columns:repeat(3,1fr)}.info-grid.svelte-12uoets .info-card:where(.svelte-12uoets){background:#0c121e;border:1px solid rgba(56,189,248,.1);padding:1.75rem;height:100%;display:flex;flex-direction:column;align-items:flex-start}.info-grid.svelte-12uoets .info-card:where(.svelte-12uoets):hover{border-color:#38bdf833;box-shadow:0 10px 30px -10px #00000080}.info-icon.svelte-12uoets{width:44px;height:44px;margin-bottom:1.25rem}.info-icon.svelte-12uoets svg:where(.svelte-12uoets){stroke-width:2}.info-icon.theory.svelte-12uoets{background:#f59e0b1a;color:#fbbf24}.info-icon.icv.svelte-12uoets{background:#10b9811a;color:#34d399}.info-icon.residual.svelte-12uoets{background:#06b6d41a;color:#22d3ee}.info-card.svelte-12uoets h3:where(.svelte-12uoets){font-weight:700;letter-spacing:-.01em}.info-card.svelte-12uoets p:where(.svelte-12uoets){color:#94a3b8;flex-grow:1}.tips-box.svelte-12uoets{background:linear-gradient(to bottom,#00f3ff1a,#00f3ff00);padding:1rem}input[type=number].svelte-12uoets::-webkit-outer-spin-button,input[type=number].svelte-12uoets::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number].svelte-12uoets{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media(max-width:640px){.info-grid.svelte-12uoets{grid-template-columns:1fr}.info-grid.svelte-12uoets .info-card:where(.svelte-12uoets){padding:1.25rem}}