:root{font-family:Avenir Next,Noto Sans TC,sans-serif;--text-main: #f3ecdf;--text-muted: rgba(243, 236, 223, .72);--ink-deep: #071f34;--ink-mid: #0d3857;--ink-wave: #185f84;--sea-foam: #9fd8d0;--sea-foam-soft: rgba(159, 216, 208, .24);--paper-sand: #e6cf9d;--panel-bg: rgba(6, 34, 54, .74);--panel-border: rgba(186, 223, 219, .2);color:var(--text-main);background:radial-gradient(circle at 12% 8%,rgba(132,196,214,.25),transparent 30%),radial-gradient(circle at 88% 0%,rgba(230,207,157,.2),transparent 28%),linear-gradient(180deg,#0f3a5a,#082b45 45%,#041f33);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=ocean-day]{--text-main: #0f3149;--text-muted: rgba(15, 49, 73, .68);--ink-deep: #dff2fb;--ink-mid: #cbe7f6;--ink-wave: #8ec6df;--sea-foam: #247f8d;--sea-foam-soft: rgba(36, 127, 141, .18);--paper-sand: #f3dfb0;--panel-bg: rgba(238, 248, 252, .88);--panel-border: rgba(64, 136, 154, .26);background:radial-gradient(circle at 8% 0%,rgba(168,225,238,.56),transparent 34%),radial-gradient(circle at 94% 6%,rgba(243,223,176,.46),transparent 30%),linear-gradient(180deg,#f4fbff,#e6f5fd 48%,#d6edf8)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-main);background:repeating-radial-gradient(circle at 0% 120%,rgba(233,245,247,.05) 0 11px,transparent 11px 24px),linear-gradient(180deg,#134866,#0a3552 38%,#082c47 72%,#041f33)}:root[data-theme=ocean-day] body{background:repeating-radial-gradient(circle at 2% 118%,rgba(78,157,181,.12) 0 11px,transparent 11px 25px),linear-gradient(180deg,#f4fbff,#e6f5fd 45%,#d7edf8)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(-14deg,rgba(222,236,233,.03) 0,rgba(222,236,233,.03) 2px,transparent 2px,transparent 11px);mix-blend-mode:screen;opacity:.38;z-index:0}:root[data-theme=ocean-day] body:before{background:repeating-linear-gradient(-14deg,rgba(40,118,138,.05) 0,rgba(40,118,138,.05) 2px,transparent 2px,transparent 11px);mix-blend-mode:multiply;opacity:.42}button,input{font:inherit}#app{min-height:100vh;position:relative;z-index:1}:focus-visible{outline:2px solid var(--sea-foam);outline-offset:3px}.eyebrow{margin:0 0 8px;font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;color:#bbe9df}h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98}.app-shell{padding:28px}.mobile-quick-add-shell{display:none}.card-surface{border-radius:30px;background:linear-gradient(170deg,#092d44d1,#041c2cc2),radial-gradient(circle at 100% 0%,rgba(230,207,157,.08),transparent 38%);border:1px solid var(--panel-border);box-shadow:0 24px 70px #02101c75,inset 0 0 0 1px #aedcd60f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-panel{width:min(100%,1400px);margin:0 auto 24px;padding:32px;display:flex;justify-content:space-between;gap:24px;align-items:end;position:relative;z-index:12}.intro{margin:18px 0 0;max-width:640px;font-size:1.08rem;color:#f3ecdfd6}.hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:16px;width:min(100%,360px)}.hero-side{display:grid;justify-items:end;gap:14px}.settings-popover-anchor{position:relative}.settings-icon-button{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;border-radius:14px;border:1px solid rgba(191,226,220,.26)}.settings-icon{width:22px;height:22px;display:block;fill:currentColor}.settings-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(92vw,340px);z-index:120;padding:14px;border-radius:20px;display:grid;gap:12px;background:linear-gradient(170deg,#08293ef2,#041c2ced),radial-gradient(circle at 100% 0%,rgba(230,207,157,.12),transparent 42%);border:1px solid rgba(186,223,219,.32);box-shadow:0 20px 52px #02101c75}:root[data-theme=ocean-day] .settings-popover,:root[data-theme=ocean-day] .mobile-settings-popover{background:linear-gradient(165deg,#fafefffa,#ecf8fdf5),radial-gradient(circle at 100% 0%,rgba(243,223,176,.2),transparent 42%);border-color:#31809357;box-shadow:0 18px 46px #286f863d,inset 0 0 0 1px #ffffff94}.settings-title{margin:0;font-size:1rem}.settings-row{display:grid;gap:8px}.settings-row-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}:root[data-theme=ocean-day] .settings-label{color:#0f3149d1}.language-switch-buttons{display:inline-flex;flex-wrap:wrap;gap:8px;padding:6px;border-radius:999px;background:#eef5f314;border:1px solid rgba(191,226,220,.22)}.language-switch-button{min-width:72px;padding:8px 14px;border-radius:999px}.theme-switch-button{min-width:84px}.settings-volume-slider{width:100%}.language-switch-button.is-active{color:#0a2f48;background:linear-gradient(135deg,#a8dbd3,#e6cf9d)}:root[data-theme=ocean-day] .language-switch-buttons{background:#247f8d14;border-color:#2673853d}:root[data-theme=ocean-day] .language-switch-button.is-active,:root[data-theme=ocean-day] .theme-switch-button.is-active{color:#f5fdff;background:linear-gradient(135deg,#2e8da3,#6ca8bf)}.metric-card{padding:20px;border-radius:24px;background:#e3f1ee17;border:1px solid rgba(192,225,219,.2)}.metric-card span{display:block;font-size:.92rem;color:var(--text-muted)}.metric-card strong{display:block;margin-top:10px;font-size:2rem}.workspace-grid{width:min(100%,1400px);margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:20px;align-items:start;position:relative;z-index:1}.sidebar-column,.runner-column{display:grid;gap:20px}.builder-column{padding:26px}.builder-canvas{position:relative}.builder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:14px;border-radius:24px;background:#757f8a14;box-shadow:inset 0 0 0 1px #f5efe614}.builder-overlay span{padding:10px 16px;border-radius:999px;background:#093145c7;border:1px solid rgba(245,239,230,.12);color:#f5efe6eb;font-weight:700;letter-spacing:.04em}:root[data-theme=ocean-day] .eyebrow,:root[data-theme=ocean-day] .section-kicker{color:#2e7f92}:root[data-theme=ocean-day] .intro,:root[data-theme=ocean-day] .module-description,:root[data-theme=ocean-day] .runner-subtle,:root[data-theme=ocean-day] .summary-card span,:root[data-theme=ocean-day] .share-status,:root[data-theme=ocean-day] .field-label,:root[data-theme=ocean-day] .drop-zone-label{color:#0f3149b8}:root[data-theme=ocean-day] .card-surface,:root[data-theme=ocean-day] .example-card,:root[data-theme=ocean-day] .metric-card,:root[data-theme=ocean-day] .runner-timer,:root[data-theme=ocean-day] .summary-card,:root[data-theme=ocean-day] .runner-setting-card{background:linear-gradient(165deg,#f7fcffeb,#e5f4fbdb),radial-gradient(circle at 100% 0%,rgba(243,223,176,.22),transparent 40%);border-color:#40889a38;box-shadow:0 16px 44px #2a70881f,inset 0 0 0 1px #ffffff80}:root[data-theme=ocean-day] .primary-button{color:#f5fdff;background:linear-gradient(135deg,#2f8da3,#74acc1)}:root[data-theme=ocean-day] .secondary-button,:root[data-theme=ocean-day] .ghost-button{color:#173f59;background:#2673851c;border:1px solid rgba(38,115,133,.2)}:root[data-theme=ocean-day] .drop-zone,:root[data-theme=ocean-day] .insert-slot,:root[data-theme=ocean-day] .insert-slot-actions,:root[data-theme=ocean-day] .empty-state,:root[data-theme=ocean-day] .field-label input,:root[data-theme=ocean-day] .share-textarea,:root[data-theme=ocean-day] .runner-progress,:root[data-theme=ocean-day] .toggle-pill,:root[data-theme=ocean-day] .badge{background:#fafeffe0;border-color:#40889a33;color:#163e58}:root[data-theme=ocean-day] .badge-active{background:#6cbcca33;border-color:#3990a15c}:root[data-theme=ocean-day] .module-card{background:#eef8fceb;border-color:#3d849742}:root[data-theme=ocean-day] .module-card.is-active,:root[data-theme=ocean-day] .module-card[data-active=true]{border-color:#2a7b8eeb;background:#e2f3faf5;box-shadow:0 0 0 1px #2a7b8e42,0 0 24px #51a4b63d}:root[data-theme=ocean-day] .drag-handle{background:#247f8d1a;color:#163e58c2}:root[data-theme=ocean-day] .builder-overlay{background:#548a9d1f;box-shadow:inset 0 0 0 1px #40889a33}:root[data-theme=ocean-day] .builder-overlay span{background:#f8fdfff2;border-color:#40889a3d;color:#1a4b67}:root[data-theme=ocean-day] .toggle-thumb{background:#f9fdff}:root[data-theme=ocean-day] .settings-popover .toggle-pill,:root[data-theme=ocean-day] .mobile-settings-popover .toggle-pill{background:#2673852e;border-color:#26738552}:root[data-theme=ocean-day] .settings-popover .toggle-pill.is-active,:root[data-theme=ocean-day] .mobile-settings-popover .toggle-pill.is-active{background:linear-gradient(135deg,#2e8da3,#6ca8bf);border-color:#1c697db8;box-shadow:0 0 0 1px #2570842e inset}:root[data-theme=ocean-day] .settings-popover .toggle-pill .toggle-thumb,:root[data-theme=ocean-day] .mobile-settings-popover .toggle-pill .toggle-thumb{background:#fff;box-shadow:0 2px 10px #0b395138}:root[data-theme=ocean-day] .volume-slider,:root[data-theme=ocean-day] .mobile-volume-slider{accent-color:#2c8798}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-head h2{margin:4px 0 0;font-size:1.6rem}.section-kicker{margin:0;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#bbe9df}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:999px;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}.primary-button{padding:12px 22px;color:#0a2f48;background:linear-gradient(135deg,#a8dbd3,#e6cf9d);font-weight:700}.secondary-button{padding:12px 20px;color:var(--text-main);background:#eaf4f11a;border:1px solid rgba(184,222,217,.22)}.ghost-button{padding:10px 14px;color:var(--text-main);background:#eaf4f114}.action-button{min-width:72px;white-space:nowrap;text-align:center;flex-shrink:0;font-weight:700}.add-button{color:#ebfff9;background:#36a0974d;border:1px solid rgba(152,220,209,.4)}.delete-button{color:#ffe9e9;background:#b942423d;border:1px solid rgba(255,128,128,.34)}.move-button{color:#eaf7ff;background:#2d6e9e4d;border:1px solid rgba(158,206,236,.34)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.panel-card{padding:22px}.panel-card.is-disabled{opacity:.72}.panel-card h2,.panel-card h3{margin:0}.panel-card p{margin:10px 0 0}.examples-layout,.examples-list{display:grid;gap:16px}.example-card{display:grid;gap:14px;padding:18px;border-radius:22px;background:#e6f1ef14;border:1px solid rgba(186,223,219,.2)}.example-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.example-head h3{margin:0}.example-head .runner-subtle{margin-top:6px}.share-layout{display:grid;gap:16px}.share-field{display:grid;gap:14px}.share-textarea{width:100%;min-height:128px;resize:vertical;padding:14px 16px;border-radius:20px;border:1px solid rgba(186,223,219,.22);background:#e4f1ef14;color:var(--text-main);line-height:1.55}.share-actions{display:grid;gap:12px}.share-copy-button{justify-self:start}.share-status{margin:0;min-height:1.5em;color:var(--text-muted)}.share-status.is-success{color:#92f3d9}.share-status.is-error{color:#ffd2d2}.card-list,.nested-list{display:grid;gap:14px}.nested-list{min-height:72px;align-content:start}.nested-list.is-empty{min-height:132px}.nested-list.is-nested.is-empty{min-height:168px}.drop-zone{min-height:180px;padding:16px;border-radius:24px;border:1px dashed rgba(158,214,208,.44);background:#e0f1ee0d}.drop-zone.nested{min-height:120px;border-radius:20px;background:#02121f47}.empty-state{padding:22px;border-radius:18px;color:#f5efe6b8;background:#ffffff0a}.empty-state-inline{min-height:100%;display:grid;align-items:center;justify-items:center;text-align:center;border:1px dashed rgba(155,209,212,.22)}.drop-zone-label{margin:0 0 14px;font-size:.92rem;color:#f5efe6b8}.module-card{padding:18px;border-radius:24px;background:#092f47e0;border:1px solid rgba(180,220,214,.16);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.module-stack{display:grid;gap:10px}.insert-empty-state{gap:14px}.insert-slot{display:none;gap:10px;padding:12px;border-radius:18px;border:1px dashed rgba(155,209,212,.22);background:#ffffff08}.insert-slot.is-empty{width:100%}.insert-slot-edge{position:relative;z-index:1}.insert-slot-trigger{display:none}.insert-slot-label{font-size:.82rem;letter-spacing:.04em;color:#f5efe6a8}.insert-slot-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.insert-button{min-width:0}.module-card.is-active,.module-card[data-active=true]{border-color:#a8dcd6eb;background:#114865f5;box-shadow:0 0 0 1px #a8dcd64d,0 0 26px #8acbc233}.module-card[data-disabled=true]{pointer-events:none}.module-card[data-type=inhale]{border-color:#6fdbc452}.module-card[data-type=hold]{border-color:#f7c66f52}.module-card[data-type=top]{border-color:#ff916857}.module-card[data-type=loop]{border-color:#9bd1d452}.module-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.module-headline{display:flex;gap:14px;min-width:0}.module-copy{min-width:0}.module-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:8px}.icon-action-button{padding:8px;line-height:1;font-size:1rem}.module-expand-button{display:none;color:#ebfff8;background:#39998133;border:1px solid rgba(111,219,196,.28)}.module-expand-glyph{display:inline-block;transition:transform .18s ease}.module-expand-button.is-expanded .module-expand-glyph{transform:rotate(90deg)}.module-badge-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.drag-handle{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#ffffff0f;color:#f5efe6d1;cursor:grab}.module-title{margin:0;font-size:1.05rem}.module-description{margin:6px 0 0;color:#f5efe6ad;font-size:.94rem}.module-mobile-summary{display:none;margin:4px 0 0;color:#f5efe6c7;font-size:.86rem;font-weight:700}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.module-detail{min-width:0}.field-stack{display:grid;gap:8px;margin-top:16px;min-width:0}.field-label{display:grid;gap:8px;font-size:.9rem;color:#f5efe6bd}.field-label input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f5efe6}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14}.badge-active{background:#9bd1d43d;border:1px solid rgba(155,209,212,.3)}.loop-children{margin-top:18px;width:100%;min-width:0}.loop-children>.drop-zone,.loop-children .nested-list{width:100%;min-width:0}.runner-layout{display:grid;gap:18px}.runner-timer{padding:24px;border-radius:24px;background:#e3f1ee14}.runner-progress{display:inline-flex;align-items:center;padding:10px 16px;border-radius:16px;font-size:1.05rem;font-weight:800;letter-spacing:.08em;color:#f3ecdff0;background:#e5f2f01a;border:1px solid rgba(186,223,219,.24)}.runner-phase{display:inline-flex;align-items:center;margin-top:12px;padding:10px 16px;border-radius:16px;font-size:1.15rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.runner-phase.is-inhale{color:#dffcf3;background:#2d998e57;border-color:#8dd5ca70;box-shadow:0 0 24px #8dd5ca33}.runner-phase.is-hold{color:#fff2d5;background:#9e81345c;border-color:#e1c88470;box-shadow:0 0 24px #e1c88433}.runner-phase.is-top{color:#ffe9dc;background:#b45a4157;border-color:#e8a88e6b;box-shadow:0 0 24px #e8a88e33}.runner-phase.is-idle{color:#f5efe6e0;background:#ffffff14;border-color:#ffffff24}.runner-timer strong{display:block;margin-top:14px;font-size:clamp(2.8rem,7vw,4.8rem);line-height:.92}.runner-subtle{color:#f5efe6ad}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-card{padding:16px;border-radius:18px;background:#e3f1ee14}.summary-card span{display:block;color:#f5efe6ad}.summary-card strong{display:block;margin-top:8px;font-size:1.3rem}.runner-setting-card{display:grid;gap:14px;padding:18px;border-radius:20px;background:#e3f1ee14;border:1px solid rgba(186,223,219,.2)}.runner-setting-copy{min-width:0}.runner-setting-copy h3{margin:0}.runner-setting-copy .runner-subtle{margin:8px 0 0}.runner-setting-control{display:flex;align-items:center;justify-content:flex-end}.toggle-pill{position:relative;flex-shrink:0;width:68px;height:36px;border-radius:999px;background:#e3f1ee29;border:1px solid rgba(186,223,219,.24)}.toggle-pill.is-active{background:#9fd8d057}.toggle-thumb{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#f4ede2;transition:transform .18s ease}.toggle-pill.is-active .toggle-thumb{transform:translate(32px)}.volume-control{display:grid;justify-items:end;gap:8px;width:min(320px,100%);margin-left:auto}.volume-slider{width:100%;accent-color:#9fd8d0}.volume-value{font-size:.9rem;color:#f5efe6c7}.action-row{display:flex;gap:12px}.drag-ghost{opacity:.35}.drag-chosen{transform:rotate(1.2deg)}@media (max-width: 1180px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.hero-panel{flex-direction:column;align-items:start}.hero-side{width:100%;justify-items:stretch}.hero-side{justify-items:start}.hero-metrics{width:100%}}@media (max-width: 720px),((max-width: 1180px) and (orientation: portrait)){.app-shell{padding:16px 16px 108px}.drop-zone{min-height:160px;padding:12px;border-radius:20px}.drop-zone-label{margin-bottom:10px;font-size:.84rem}.nested-list,.module-stack{gap:8px}.nested-list,.module-stack{gap:0}.hero-panel,.builder-column,.panel-card{padding:20px;border-radius:24px}.share-textarea{min-height:112px}.module-card{padding:10px;border-radius:16px}.insert-slot{display:grid;gap:6px;padding:0;border:0;background:transparent;justify-items:center}.insert-slot-edge{margin:-10px 0}.insert-slot-top{margin:-2px 0 -10px}.insert-slot-bottom{margin:-10px 0 2px}.insert-slot-label{display:none}.insert-slot-trigger{display:inline-grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:999px;font-size:1.1rem;font-weight:700;color:#ebfff8;background:#39998133;border:1px solid rgba(111,219,196,.28);box-shadow:0 8px 18px #041c2c3d}.insert-slot-actions{display:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 8px 8px;border-radius:14px;border:1px dashed rgba(155,209,212,.22);background:#ffffff08}.insert-slot.is-open{justify-items:stretch;margin:6px 0}.insert-slot.is-open .insert-slot-actions{display:grid}.insert-slot.is-open .insert-slot-trigger{justify-self:center}.insert-button{min-height:36px;padding:7px 8px;font-size:.82rem}.module-head{flex-direction:row;align-items:flex-start}.module-head{gap:8px}.module-headline{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px;flex:1 1 auto;min-width:0}.module-actions{display:grid;grid-template-columns:repeat(3,32px);grid-template-areas:". . delete" "up down expand";justify-content:end;gap:4px;flex:0 0 auto}.module-expand-button{display:inline-flex;align-items:center;justify-content:center;grid-area:expand}.module-up-button{grid-area:up}.module-down-button{grid-area:down}.module-delete-button{grid-area:delete}.module-actions>.action-button{min-width:32px;min-height:32px;padding:0;font-size:.78rem}.module-actions>.icon-action-button{width:32px;min-height:32px;padding:0;border-radius:10px;font-size:.84rem;font-weight:800}.example-head{flex-direction:column;align-items:stretch}.module-badge-row{gap:4px}.drag-handle{width:30px;height:30px;border-radius:9px;font-size:.86rem}.badge{padding:3px 6px;font-size:.66rem}.module-title{font-size:.9rem}.module-mobile-summary{margin-top:3px;font-size:.78rem}.module-card:not(.is-expanded) .module-detail{display:none}.module-card.is-expanded .module-mobile-summary,.module-description{display:none}.module-mobile-summary{display:block}.module-palette-panel{display:none}.mobile-lock-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:12px;right:12px;z-index:24;padding:10px 14px;border-radius:14px;background:#942121f0;border:1px solid rgba(255,214,214,.18);color:#fff0eb;font-size:.82rem;font-weight:700;text-align:center;box-shadow:0 14px 36px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-quick-add-shell{position:fixed;inset:auto 12px 12px;z-index:20;display:block}.mobile-quick-add-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:22px;background:#041c2ce6;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=ocean-day] .mobile-quick-add-bar{background:#f3fbfff5;border-color:#3d849747;box-shadow:0 16px 40px #32799033}.mobile-runner-bar{grid-template-columns:1fr 1.2fr .8fr 52px;align-items:center}.settings-popover-anchor{display:none}.mobile-settings-control{position:relative;display:flex;justify-content:center}.mobile-settings-button{padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}.mobile-settings-popover{position:absolute;right:0;bottom:calc(100% + 10px);width:min(92vw,320px);padding:12px;border-radius:18px;z-index:120;background:linear-gradient(170deg,#08293ef5,#041c2cf0),radial-gradient(circle at 100% 0%,rgba(230,207,157,.12),transparent 42%);border:1px solid rgba(186,223,219,.3);box-shadow:0 18px 42px #02101c70}.mobile-quick-add-button{min-height:48px;border:0;border-radius:16px;color:#f5efe6;background:#ffffff1a;font-weight:700}:root[data-theme=ocean-day] .mobile-quick-add-button{color:#163e58;background:#247f8d1c}.secondary-mobile-action{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}:root[data-theme=ocean-day] .secondary-mobile-action{border-color:#26738538;background:#247f8d17}.mobile-sound-control{position:relative;display:flex;justify-content:center}.mobile-sound-button{padding:0;color:#f5efe6;border:1px solid transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}:root[data-theme=ocean-day] .mobile-sound-button{color:#1b4e6c}.mobile-sound-button.is-muted{color:#f5efe699}.mobile-sound-button.is-open{color:#9bd1d4;background:#9bd1d42e;border-color:#9bd1d461;box-shadow:0 0 0 1px #9bd1d41f inset}:root[data-theme=ocean-day] .mobile-sound-button.is-open{color:#1b6982;background:#419db029;border-color:#3180935c;box-shadow:0 0 0 1px #31809324 inset}.mobile-sound-button-icon{width:20px;height:20px;fill:currentColor}.mobile-sound-button-slash{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.mobile-volume-popover{position:absolute;right:0;bottom:calc(100% + 10px);display:grid;justify-items:center;gap:12px;padding:12px 10px;border-radius:18px;background:#041c2cf0;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 42px #00000059}:root[data-theme=ocean-day] .mobile-volume-popover{background:#f6fcfffa;border-color:#3d849742;box-shadow:0 18px 42px #266c823d}.mobile-volume-slider{writing-mode:vertical-lr;direction:rtl;width:28px;height:120px;margin:0;accent-color:#9bd1d4}.mobile-sound-toggle-row{display:grid;justify-items:center;gap:8px;width:100%}.mobile-sound-toggle-label{font-size:.74rem;color:#f5efe6b8}:root[data-theme=ocean-day] .mobile-sound-toggle-label{color:#0f3149bd}.sound-toggle-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;overflow:hidden}.sound-toggle-icon{position:relative;z-index:1;width:16px;height:16px;fill:#f5efe69e;transition:fill .18s ease}:root[data-theme=ocean-day] .sound-toggle-icon{fill:#0f314994}.sound-toggle-pill.is-active .sound-toggle-icon-muted,.sound-toggle-pill:not(.is-active) .sound-toggle-icon-up{fill:#f5efe652}.sound-toggle-pill.is-active .sound-toggle-icon-up,.sound-toggle-pill:not(.is-active) .sound-toggle-icon-muted{fill:#f5efe6}:root[data-theme=ocean-day] .sound-toggle-pill.is-active .sound-toggle-icon-up,:root[data-theme=ocean-day] .sound-toggle-pill:not(.is-active) .sound-toggle-icon-muted{fill:#1e5f7d}.mobile-quick-add-button:disabled{opacity:.45}.field-row,.field-stack{gap:6px;margin-top:10px}.field-label{gap:5px;font-size:.78rem}.field-label input{padding:9px 10px;border-radius:10px}.secondary-field{display:none}.loop-children{margin-top:12px}.section-head,.action-row{flex-direction:column;align-items:stretch}.runner-setting-control,.volume-control,.volume-slider{width:100%}.runner-setting-control{justify-content:flex-start}.volume-control{justify-items:stretch;margin-left:0}.field-row,.summary-grid,.hero-metrics{grid-template-columns:minmax(0,1fr)}}