*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;height:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:var(--app-bg);min-height:100%;color:var(--app-fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--app-bg:#eef2f7;--app-fg:#0f172a;--card-bg:#fff;--card-border:#94a3b859;--muted:#64748b;--accent:#6366f1;--accent-2:#22d3ee;--chip-bg:#f1f5f9;--toolbar-bg:#ffffffeb;--toolbar-border:#0f172a14;--page-bg:#f4f6fb;--log-bg:#0f172a;--log-fg:#e2e8f0;--btn-secondary-bg:#e2e8f0;--shadow:0 18px 40px #0f172a1f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--app-bg:#0b1220;--app-fg:#f1f5f9;--card-bg:#141c2e;--card-border:#94a3b833;--muted:#94a3b8;--chip-bg:#1e293b;--toolbar-bg:#141c2ef2;--toolbar-border:#ffffff0f;--page-bg:#0f172a;--log-bg:#020617;--log-fg:#cbd5e1;--btn-secondary-bg:#1e293b;--shadow:0 18px 40px #00000073}}#app-shell{background:var(--app-bg);flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.brand-header{padding:.65rem 1rem;padding-top:max(.65rem, env(safe-area-inset-top));border-bottom:1px solid var(--toolbar-border);background:linear-gradient(120deg,#22d3ee26,#6366f12e);align-items:center;gap:.75rem;display:flex}.brand-logo{border-radius:8px}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-title{font-size:.95rem;font-weight:700}.brand-subtitle{color:var(--muted);font-size:.75rem}cap-router-outlet{background:var(--page-bg);flex:1;min-height:0;display:block}cap-page{--cap-page-background:var(--page-bg);--cap-page-color:var(--app-fg)}.toolbar{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--toolbar-border);justify-content:center;align-items:center;min-height:52px;padding:.5rem 1rem;display:flex;position:relative}.toolbar h1{margin:0;font-size:1rem;font-weight:600}.toolbar.has-back h1{padding-left:2.5rem;padding-right:2.5rem}.back-button{color:var(--accent);cursor:pointer;box-shadow:none;background:0 0;border:none;padding:.5rem .75rem;font-size:1rem;font-weight:600;position:absolute;left:.25rem}.page-inner{padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;display:flex}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--chip-bg);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;gap:.1rem;min-width:4.5rem;padding:.35rem .55rem;font-size:.7rem;display:inline-flex}.chip-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.chip-value{font-size:.8rem;font-weight:700}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:16px;padding:1rem}.card-title{margin:0 0 .5rem;font-size:1rem;font-weight:700}.card-hint{color:var(--muted);margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.hero-card .hero-title{margin:0 0 .5rem;font-size:1.5rem}.field-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.field select,.field input[type=number]{border:1px solid var(--card-border);background:var(--page-bg);color:var(--app-fg);border-radius:10px;padding:.5rem .6rem;font-size:.9rem}.checkbox-row{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.btn{cursor:pointer;background:linear-gradient(120deg, var(--accent-2), var(--accent));color:#fff;border:none;border-radius:12px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;box-shadow:0 8px 16px #6366f140}.btn.secondary{background:var(--btn-secondary-bg);color:var(--app-fg);box-shadow:none}.btn.text{color:var(--accent);box-shadow:none;background:0 0;padding:.25rem .5rem}.list{border:1px solid var(--card-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.list-item{border:none;border-bottom:1px solid var(--card-border);background:var(--card-bg);width:100%;color:var(--app-fg);text-align:left;cursor:pointer;box-shadow:none;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.list-item:last-child{border-bottom:none}.list-title{font-size:.95rem;font-weight:600}.list-sub{color:var(--muted);margin-top:.15rem;font-size:.8rem}.chevron{color:var(--muted);font-size:1.25rem}.scroll-line{color:var(--muted);margin:0 0 .5rem;font-size:.875rem}.log-card{padding-bottom:.75rem}.log-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.log-output{background:var(--log-bg);color:var(--log-fg);white-space:pre-wrap;border-radius:10px;max-height:180px;margin:.5rem 0 0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;line-height:1.45;overflow:auto}.tab-bar{padding:.5rem 0;padding-bottom:max(.5rem, env(safe-area-inset-bottom));background:var(--toolbar-bg);border-top:1px solid var(--toolbar-border);color:var(--muted);justify-content:space-around;font-size:.7rem;display:flex}.tab.active{color:var(--accent);font-weight:700}@media (width<=420px){.field-grid{grid-template-columns:1fr}}