:root{color-scheme:dark;font-family:Sora,Avenir Next,Segoe UI,sans-serif;--bg-top: #d5f2ff;--bg-mid: #76bbff;--bg-bottom: #1f3c9d;--ink: #f7fbff;--muted: rgba(238, 247, 255, .72);--panel: rgba(9, 18, 42, .62);--panel-border: rgba(195, 238, 255, .18);--mint: #00d89c;--mint-strong: #00f0ae;--blue: #4f8fff;--danger: #ff6f7a}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.55),transparent 22%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.16),transparent 26%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 52%,var(--bg-bottom) 100%)}.shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 2rem;display:grid;gap:1rem}.hero,.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:30px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px #06091f40}.hero{padding:1.5rem}.panel{padding:1.4rem}.eyebrow,.label{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.1rem,5vw,4rem);line-height:.95;letter-spacing:-.06em}h2{font-size:1.2rem;line-height:1.1}.lead{max-width:54rem;margin-top:1rem;color:#f7fbffdb;line-height:1.6}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.25rem}.status-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.status-card{padding:1rem 1.1rem;border-radius:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:8rem;margin-top:.15rem;padding:.55rem .9rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.badge[data-supported=true],.badge[data-active=true]{background:#00d89c2e;border-color:#00f0ae73}.controls .panel-heading,.preview .panel-heading,.output-panel .panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.hint{max-width:30rem;color:var(--muted);line-height:1.5}.preview-hint{max-width:26rem}.panel-heading--compact{margin-top:1.4rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}button{appearance:none;border:none;border-radius:999px;padding:.85rem 1.2rem;font:inherit;font-weight:700;color:#071322;background:linear-gradient(135deg,var(--mint),var(--mint-strong));cursor:pointer;transition:transform .16s ease,filter .16s ease,opacity .16s ease}button.ghost{color:var(--ink);background:#ffffff14;border:1px solid rgba(255,255,255,.12)}button.danger{color:#fff;background:linear-gradient(135deg,#b8414d,var(--danger))}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}button:disabled{opacity:.45;cursor:not-allowed}.workspace{display:grid;gap:1rem;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.phone-preview{margin-top:1rem;min-height:420px;border-radius:32px;padding:1.1rem;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.25),transparent 20%),linear-gradient(180deg,#d6f4ffe6,#548eff52 38%,#12204a8c);border:1px solid rgba(255,255,255,.12);display:flex;align-items:flex-end}.preview-empty{width:100%;padding:1.5rem;border-radius:24px;background:#060a15ad;line-height:1.6;color:#f7fbffcc}.preview-card{width:100%;padding:1rem;border-radius:28px;background:#000000d9;display:grid;gap:.9rem}.preview-card--generic{background:#030812eb}.preview-meta{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.preview-meta strong{letter-spacing:.02em}.svg-preview-stage{position:relative;width:100%;border-radius:22px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.svg-preview-markup,.svg-preview-markup svg{width:100%;height:100%;display:block}.hotspot-button{position:absolute;border-radius:12px;padding:0;background:transparent;border:2px dashed rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #00d89c38}.hotspot-button:hover:not(:disabled){background:#00f0ae14;border-color:#00f0ae80}.indicator-row{display:flex;gap:.35rem}.set-track{display:flex;gap:.35rem;flex:1.2}.set-dot,.exercise-bar{border-radius:999px;height:.42rem;background:#fff3;flex:1}.set-dot{max-width:.75rem}.set-dot[data-state=done],.exercise-bar[data-done=true]{background:var(--mint)}.set-dot[data-state=active]{background:#fff}.preview-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center}.summary-label{color:#f7fbffa3;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}.preview-summary h3{font-size:1.75rem;letter-spacing:-.04em}.preview-summary p{margin-top:.2rem;color:#f7fbff94}.summary-pill{padding:.7rem .9rem;border-radius:16px;background:#4f8fff38;color:#fff;font-weight:700;min-width:9rem;text-align:center}.exercise-grid{display:grid;gap:.75rem}.exercise-card{padding:.95rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.exercise-card[data-active=true]{border-color:#00f0ae8c;background:#00d89c1f}.exercise-card header{display:flex;justify-content:space-between;gap:.75rem}.exercise-card h3{font-size:1rem}.exercise-card p{margin-top:.2rem;color:#f7fbff94}.set-list{list-style:none;padding:0;margin:.9rem 0 0;display:grid;gap:.55rem}.set-list li{padding:.8rem .9rem;border-radius:16px;background:#ffffff0d;display:flex;justify-content:space-between;gap:1rem;align-items:center}.set-list li strong{color:#f7fbff99;font-size:.85rem;font-weight:600}.set-list li[data-state=active]{background:#4f8fff33}.set-list li[data-state=done]{background:#00d89c29}.output-panel pre{margin:1rem 0 0;min-height:240px;overflow:auto;padding:1rem;border-radius:22px;background:#050a16b8;border:1px solid rgba(255,255,255,.08);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;line-height:1.5}.event-log{margin-top:1.2rem}.event-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem}.event-item,.event-empty{padding:.9rem 1rem;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.event-item[data-pending=true]{border-color:#00f0ae47}.event-header{display:flex;justify-content:space-between;gap:1rem}.event-header span{color:#f7fbff94;font-size:.82rem}.event-item code{display:inline-block;margin-top:.45rem;color:#f7fbffad}@media(max-width:900px){.workspace,.status-grid{grid-template-columns:1fr}}@media(max-width:640px){.shell{width:min(100% - 1rem,100%)}.controls .panel-heading,.preview .panel-heading,.output-panel .panel-heading{flex-direction:column}.preview-summary,.set-list li{flex-direction:column;align-items:flex-start}.summary-pill{width:100%}}