:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary:#f25d6e;--color-secondary:#ff8f8d;--color-cta:#ff6d5f;--color-background:#0f141c;--color-panel:#161b26e0;--color-panel-strong:#1c222efa;--color-surface:#171d28;--color-border:#f25d6e2e;--color-text:#f6f1f2;--color-muted:#bbaeb1;--color-success:#63d6aa;--color-danger:#ff7b88;--color-warning:#ffb16d;--color-execution-bg:#0b1017;--color-execution-surface:#10151fe0;--shadow-md:0 18px 42px #00000057;--shadow-lg:0 28px 70px #00000075;--radius-md:16px;--radius-lg:24px;font-family:Barlow,sans-serif;font-weight:400;line-height:1.4}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f6efe9;--color-panel:#fffaf8e0;--color-panel-strong:#fffffffa;--color-surface:#fff;--color-border:#a840521f;--color-text:#271d24;--color-muted:#6e5a61;--shadow-md:0 16px 40px #5e2f3814;--shadow-lg:0 24px 60px #5e2f3829}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top left, #f25d6e2e, transparent 32%), radial-gradient(circle at top right, #ff8f8d29, transparent 28%), linear-gradient(180deg, #ffffff0a, transparent 22%), var(--color-background);color:var(--color-text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--color-cta);margin:0 0 .2rem;font-size:.72rem;font-weight:700}.shell{min-height:100vh;padding:1.25rem 1rem 6.5rem}.shell__header{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-bottom:1rem;position:sticky;top:0}.brand-lockup{background:var(--color-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:22px;align-items:center;gap:.9rem;padding:1rem 1.1rem;display:flex}.brand-mark{border:1px solid #ffffff14;border-radius:20px;width:4.6rem;height:4.6rem;overflow:hidden;box-shadow:0 16px 30px #00000047}.brand-mark img{object-fit:cover;width:100%;height:100%}.shell__title{text-transform:uppercase;letter-spacing:.02em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.5rem,4vw,2.3rem);line-height:.94}.brand-subtitle{color:var(--color-muted);margin:.35rem 0 0}.version-pill{color:#ffd8dc;letter-spacing:.08em;text-transform:uppercase;background:#f25d6e24;border-radius:999px;margin:.45rem 0 0;padding:.28rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.shell__content{gap:1rem;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header h2{text-transform:uppercase;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,6vw,3rem);line-height:.94}.page-header p{color:var(--color-muted);max-width:62ch;margin:.35rem 0 0}.card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem}.button{border:0;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.search-input:focus-visible{outline-offset:2px;outline:3px solid #f25d6e38}.button--primary{background:linear-gradient(135deg, var(--color-cta), var(--color-secondary));color:#fff;box-shadow:0 14px 28px #f25d6e3d}.button--secondary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff}.button--ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.button--danger{color:#b91c1c;background:#ef444424;border:1px solid #ef444433}:root[data-theme=dark] .button--danger{color:#fecaca}.button--sm{min-height:2.4rem;padding:.55rem .9rem}.button--md{min-height:2.9rem;padding:.8rem 1rem}.button--lg{min-height:3.25rem;padding:.95rem 1.25rem}.button--full{width:100%}.button[disabled]{opacity:.55;cursor:not-allowed;transform:none}.inline-actions,.grid-actions,.card-actions{flex-wrap:wrap;gap:.7rem;display:flex}.grid-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-grid{gap:.85rem;display:grid}.field{gap:.45rem;display:grid}.field--inline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.field label,.section-title,.protocol-stat__label,.step-chip{font-weight:700}.field input,.field select,.field textarea,.search-input{border:1px solid var(--color-border);background:var(--color-panel-strong);width:100%;color:var(--color-text);border-radius:16px;padding:.86rem .95rem}.duration-input{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;display:grid}.duration-input select{width:auto;min-width:8.4rem}.field textarea{resize:vertical;min-height:7rem}.field small,.muted{color:var(--color-muted)}.toggle{appearance:none;border:1px solid var(--color-border);background:#94a3b847;border-radius:999px;width:3.1rem;height:1.8rem;position:relative}.toggle:after{content:"";background:#fff;border-radius:999px;width:1.32rem;height:1.32rem;transition:transform .18s;position:absolute;top:.12rem;left:.14rem}.toggle:checked{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary))}.toggle:checked:after{transform:translate(1.28rem)}.search-row{gap:.8rem;display:grid}.hero-card{background:linear-gradient(135deg, #f25d6ef2, #a12a3eeb), var(--color-primary);color:#fff;position:relative;overflow:hidden}.hero-card:after{content:"";background:#ffffff29;border-radius:40%;width:12rem;height:12rem;position:absolute;inset:auto -12% -35% auto;transform:rotate(22deg)}.hero-card h2,.hero-card h3{margin:0}.quick-actions-grid,.protocol-list,.template-grid,.history-list,.settings-grid,.execution-meta-grid,.step-list,.audio-events-grid{gap:.9rem;display:grid}.quick-action{text-align:left;background:var(--color-panel);border:1px solid var(--color-border);min-height:7.5rem;box-shadow:var(--shadow-md);border-radius:22px;justify-content:space-between;align-items:flex-start;padding:1rem}.quick-action__icon{width:2.6rem;height:2.6rem;color:var(--color-primary);background:#f25d6e1f;border-radius:16px;place-items:center;display:grid}.protocol-card__top,.template-card__top,.history-card__top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.protocol-card h3,.template-card h3,.history-card h3,.section-title{margin:0}.protocol-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1rem 0;display:grid}.protocol-stat{background:var(--color-panel-strong);border:1px solid var(--color-border);border-radius:16px;padding:.75rem}.protocol-stat strong{font-family:Barlow Condensed,sans-serif;font-size:1.45rem;display:block}.protocol-card__footer,.template-card__footer,.step-card__footer,.audio-row__footer{flex-wrap:wrap;gap:.6rem;display:flex}.chip-row{flex-wrap:wrap;gap:.55rem;margin:.8rem 0;display:flex}.chip,.step-chip,.status-chip{border:1px solid var(--color-border);background:var(--color-panel-strong);border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .68rem;display:inline-flex}.status-chip--completed{color:var(--color-success)}.status-chip--interrupted{color:var(--color-warning)}.empty-state{text-align:center;gap:.8rem;padding:2rem 1.2rem;display:grid}.empty-state__icon{width:4rem;height:4rem;color:var(--color-primary);background:#f25d6e29;border-radius:22px;place-items:center;margin:0 auto;display:grid}.editor-header-card,.settings-card{gap:1rem;display:grid}.step-card{background:var(--color-panel-strong);border:1px solid var(--color-border);border-radius:22px;gap:.8rem;padding:1rem;display:grid}.step-card__title{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.color-picker{width:100%;min-height:3rem;padding:.3rem}.execution-screen{background:radial-gradient(circle at top, #f25d6e29, transparent 34%), radial-gradient(circle at bottom, #ff8f8d24, transparent 38%), var(--color-execution-bg);color:#eff6ff;min-height:100vh;padding:1rem}.execution-shell{gap:1rem;max-width:56rem;margin:0 auto;display:grid}.execution-card{background:var(--color-execution-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #94a3b82e;border-radius:28px;padding:1rem}.execution-clock{letter-spacing:.03em;font-family:Barlow Condensed,sans-serif;font-size:clamp(5rem,24vw,9rem);line-height:.86}.execution-step-name{text-transform:uppercase;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,8vw,3.8rem);line-height:.9}.execution-stage{justify-content:space-between;align-items:center;gap:1rem;display:flex}.progress-track{background:#94a3b824;border-radius:999px;height:.8rem;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--color-cta), var(--color-secondary));height:100%}.progress-bar--secondary{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary))}.execution-highlight{gap:.6rem;display:grid}.execution-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.execution-controls .button:first-child{grid-column:1/-1}.execution-finish{text-align:center;padding:3rem 1rem}.bottom-nav{z-index:5;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172aeb;border:1px solid #94a3b829;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.55rem;display:grid;position:fixed;bottom:1rem;left:1rem;right:1rem}.bottom-nav__item{color:#eff6ffd1;text-align:center;border-radius:16px;place-items:center;gap:.18rem;min-height:3.6rem;font-size:.76rem;font-weight:700;display:grid}.bottom-nav__item--active{color:#fff;background:linear-gradient(135deg,#f25d6e57,#ff8f8d42)}.app-loading-shell{text-align:center;place-content:center;gap:1.3rem;min-height:100vh;padding:1.5rem;display:grid}.pulse-ring{background:radial-gradient(circle,#ff6d5ff2,#f25d6eeb);border-radius:999px;width:5.5rem;height:5.5rem;margin:0 auto;position:relative}.pulse-ring:after{content:"";border-radius:inherit;border:2px solid #f25d6e3d;animation:1.8s ease-out infinite pulse;position:absolute;inset:-.7rem}.audio-row{border:1px solid var(--color-border);background:var(--color-panel-strong);border-radius:22px;gap:.85rem;padding:1rem;display:grid}@keyframes pulse{0%{opacity:.9;transform:scale(.88)}to{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=768px){.shell{padding:1.4rem 1.6rem 7rem}.quick-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.protocol-list,.template-grid,.field-grid,.settings-grid,.audio-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.execution-controls{grid-template-columns:repeat(5,minmax(0,1fr))}.execution-controls .button:first-child{grid-column:auto}}