:root{--motif-ui-bg:var(--surface-panel);--motif-ui-bg-soft:var(--surface-panel-soft);--motif-ui-border:var(--border-panel);--motif-ui-border-soft:var(--border-subtle);--motif-ui-accent:var(--accent-gold);--motif-ui-accent-soft:var(--accent-gold-soft);--motif-ui-text:var(--text-primary);--motif-ui-muted:var(--text-secondary);--motif-ui-faint:var(--text-muted);--motif-ui-danger:var(--danger);--motif-ui-danger-bg:var(--danger-bg);--motif-ui-danger-border:var(--danger-border);--motif-ui-success:var(--status-success);--motif-ui-radius-sm:4px;--motif-ui-radius-md:var(--radius-sm);--motif-ui-surface-bg:var(--surface-panel);--motif-ui-surface-bg-soft:var(--surface-panel-soft);--motif-ui-surface-border:var(--border-panel);--motif-ui-surface-border-soft:var(--border-subtle);--motif-ui-surface-radius:var(--radius-sm);--motif-ui-row-bg:#f1e6d008;--motif-ui-row-hover:#d6a34a13;--motif-ui-page-title-size:var(--app-page-title-size,3.1rem);--motif-ui-page-subtitle-size:var(--app-page-subtitle-size,.96rem);--motif-ui-page-eyebrow-size:var(--app-page-eyebrow-size,.72rem);--motif-ui-page-eyebrow-tracking:var(--app-page-eyebrow-tracking,.08em)}.motif-button{border-radius:var(--motif-ui-radius-sm);cursor:pointer;min-height:38px;font:inherit;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:.84rem;font-weight:800;line-height:1;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s,opacity .16s;display:inline-flex}.motif-button:disabled,.motif-button[aria-disabled=true]{cursor:not-allowed;opacity:.68}.motif-button:focus-visible{outline-offset:2px;outline:2px solid #d6a34a80}.motif-button--primary{border-color:var(--button-primary-border);background:linear-gradient(180deg, var(--button-primary-bg), var(--motif-ui-accent));color:var(--button-primary-text)}.motif-button--primary:not(:disabled):hover{background:linear-gradient(180deg, var(--card-cream-hover), var(--motif-ui-accent-soft));border-color:#f1d9a8c7}.motif-button--secondary,.motif-button--quiet{color:var(--motif-ui-accent-soft);background:#0a0b0cb3;border-color:#d6a34a3d}.motif-button--secondary:not(:disabled):hover,.motif-button--quiet:not(:disabled):hover{color:var(--motif-ui-text);background:#d6a34a14;border-color:#d6a34a6b}.motif-button--quiet{background:0 0}.motif-button--text,.motif-button--ghost{min-height:0;color:var(--motif-ui-accent-soft);text-underline-offset:3px;background:0 0;border-color:#0000;padding:0;-webkit-text-decoration:underline #d6a34a52;text-decoration:underline #d6a34a52}.motif-button--text:not(:disabled):hover,.motif-button--ghost:not(:disabled):hover{color:var(--motif-ui-text);text-decoration-color:#f1e6d094}.motif-button--ghost{border-color:var(--motif-ui-border-soft);min-height:32px;padding:6px 10px;text-decoration:none}.motif-button--danger{border-color:var(--motif-ui-danger-border);background:var(--motif-ui-danger-bg);color:#f0c8bd}.motif-button--danger:not(:disabled):hover{color:#f5d5cb;background:#7324242e;border-color:#e38d788f}.motif-button--sm{min-height:32px;padding:6px 10px;font-size:.78rem}.motif-button--md{padding:9px 14px}.motif-button--compact{min-height:32px;padding:6px 10px;font-size:.8rem}.motif-button__icon{justify-content:center;align-items:center;line-height:0;display:inline-flex}.motif-button__label{align-items:center;min-width:0;display:inline-flex}.motif-section-header{min-width:0;color:var(--motif-ui-text);grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;display:grid}.motif-section-header--align-center{text-align:center}.motif-section-header--align-end{text-align:right}.motif-section-header--has-actions{grid-template-columns:minmax(0,1fr) auto}.motif-section-header--has-icon{grid-template-columns:auto minmax(0,1fr)}.motif-section-header--has-icon.motif-section-header--has-actions{grid-template-columns:auto minmax(0,1fr) auto}.motif-section-header__icon{color:var(--motif-ui-accent-soft);justify-content:center;align-items:center;display:inline-flex}.motif-section-header__copy{gap:5px;min-width:0;display:grid}.motif-section-header__eyebrow,.motif-empty-state__eyebrow{color:var(--motif-ui-accent-soft);font-size:var(--motif-ui-page-eyebrow-size);letter-spacing:var(--motif-ui-page-eyebrow-tracking);text-transform:uppercase;margin:0;font-weight:820;line-height:1}.motif-section-header__title{color:var(--motif-ui-text);margin:0;line-height:1}.motif-section-header--page .motif-section-header__title{font-family:var(--display-font);font-size:var(--motif-ui-page-title-size);letter-spacing:0;font-weight:700;line-height:var(--app-page-title-line,1)}.motif-section-header--panel .motif-section-header__title,.motif-section-header--compact .motif-section-header__title{letter-spacing:.04em;text-transform:uppercase;font-size:1.04rem;font-weight:820}.motif-section-header--compact .motif-section-header__title{font-size:.88rem}.motif-section-header__helper{max-width:66ch;color:var(--motif-ui-muted);margin:0;font-size:.9rem;line-height:1.35}.motif-section-header--page .motif-section-header__helper{font-size:var(--motif-ui-page-subtitle-size);line-height:var(--app-page-subtitle-line,1.35)}.motif-section-header__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.motif-state-line{border-radius:var(--motif-ui-radius-md);min-width:0;color:var(--motif-ui-muted);background:#d6a34a0e;border:1px solid #d6a34a29;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;font-size:.9rem;line-height:1.35;display:flex}.motif-state-line--compact{padding:8px 10px;font-size:.82rem}.motif-state-line--loading{border-color:#d6a34a33}.motif-state-line--success{color:#d5e2c5;background:#89b07a14;border-color:#89b07a4d}.motif-state-line--warning{color:#f1d9a8;background:#d6a34a14;border-color:#d6a34a57}.motif-state-line--error{color:#f0c8bd;background:#7324242e;border-color:#be585861}.motif-state-line__copy{min-width:0}.motif-state-line__action{flex:none}.motif-empty-state{min-width:0;color:var(--motif-ui-muted);align-content:center;justify-items:start;gap:10px;display:grid}.motif-empty-state--panel{border:1px solid var(--motif-ui-border-soft);border-radius:var(--motif-ui-radius-md);background:linear-gradient(#f1e6d006,#0000 52%),#0a0b0c9e;padding:18px}.motif-empty-state--compact{gap:6px;font-size:.84rem}.motif-empty-state__icon{color:var(--motif-ui-accent-soft);justify-content:center;align-items:center;display:inline-flex}.motif-empty-state__copy{gap:5px;min-width:0;display:grid}.motif-empty-state__title{color:var(--motif-ui-text);font-size:.95rem;line-height:1.2}.motif-empty-state__body{color:var(--motif-ui-muted);font-size:.9rem;line-height:1.4}.motif-empty-state__body p{margin:0}.motif-empty-state__action{margin-top:2px}.motif-surface{min-width:0;color:var(--motif-ui-text);display:grid}.motif-surface--panel,.motif-surface--raised{border:1px solid var(--motif-ui-surface-border);border-radius:var(--motif-ui-surface-radius);background:linear-gradient(180deg, #f1e6d008 0 1px, transparent 1px), linear-gradient(110deg, #7c919607, transparent 38%, #00000029), var(--motif-ui-surface-bg);box-shadow:inset 0 1px #f1e6d007}.motif-surface--raised{box-shadow:0 18px 38px #00000038,inset 0 1px #f1e6d009}.motif-surface--inset{border:1px solid var(--motif-ui-surface-border-soft);border-radius:var(--motif-ui-radius-sm);background:var(--motif-ui-surface-bg-soft);box-shadow:inset 0 1px #f1e6d005}.motif-surface--danger{border:1px solid var(--motif-ui-danger-border);border-radius:var(--motif-ui-surface-radius);background:linear-gradient(180deg, #e38d780f, #00000014), var(--motif-ui-danger-bg);box-shadow:inset 0 1px #f1e6d005}.motif-surface--plain{background:0 0}.motif-surface--compact{gap:10px;padding:14px}.motif-surface--normal{gap:14px;padding:18px}.motif-surface--spacious{gap:18px;padding:clamp(20px,2vw,28px)}.motif-surface--tone-neutral{color:var(--motif-ui-text)}.motif-surface--tone-accent{border-color:#d6a34a47}.motif-surface--tone-danger{border-color:var(--motif-ui-danger-border);color:#f0c8bd}.motif-surface--divided{background:linear-gradient(180deg, #f1e6d005, transparent 42%), var(--motif-ui-surface-border-soft);overflow:hidden}
.routines-page{--bg-app:#070605;--bg-page:#020202;--surface-panel:#181b1c;--surface-panel-soft:#1e2021;--surface-raised:#1b1f20;--surface-row:#151819;--surface-row-soft:#1b1f20;--surface-hover:#202425;--surface-selected:#242627;--surface-selected-soft:#d8aa581a;--surface-inset:#070707;--border-subtle:#dcc3911a;--border-panel:#dcc39124;--border-row:#dcc3911f;--border-warm:#a6693a6b;--border-strong:#d7af6942;--border-selected:#d8aa58d1;--text-primary:#f2e4c6;--text-secondary:#c6a978;--text-muted:#8f7a58;--text-faint:#625b50;--accent-gold:#d8aa58;--accent-gold-soft:#d8aa58;--accent-gold-muted:#9b7434;--button-primary-bg:#f1d9a8;--button-primary-text:#1a1208;--button-primary-border:#d8aa58;--button-secondary-bg:#11100d;--button-secondary-border:#f1e6d024;--button-secondary-text:#d8ccb5;--input-bg:#070707;--input-border:#f1e6d01f;--input-focus-border:#d8aa588c;--danger:#e05858;--danger-bg:#e0585814;--danger-border:#e0585857;--routine-metal-panel:linear-gradient(180deg, #ffffff0e 0 1px, transparent 1px calc(100% - 1px), #0000005c calc(100% - 1px)), linear-gradient(110deg, #7c919609, transparent 36%, #0000001f), radial-gradient(circle at 12% 0%, #ffffff06, transparent 28%), repeating-linear-gradient(90deg, #ffffff01 0 1px, transparent 1px 18px), linear-gradient(180deg, #232728, #181b1c 42%, #101213 100%);--routine-metal-panel-soft:linear-gradient(180deg, #ffffff0c 0 1px, transparent 1px calc(100% - 1px), #00000052 calc(100% - 1px)), linear-gradient(110deg, #7c919608, transparent 38%, #00000024), linear-gradient(180deg, #202425, #151819 60%, #0f1112);--routine-metal-row:linear-gradient(180deg, #ffffff09, transparent 48%, #0000002e), linear-gradient(110deg, #7c919606, transparent 40%, #0000001f), var(--surface-row);--routine-radius-panel:12px;--routine-radius-card:10px;--routine-radius-control:8px;--routine-panel-padding:20px;--routine-section-gap:16px;--routine-component-gap:12px;--routine-list-gap:10px;--routine-block-min-height:clamp(64px, 4.6vw, 72px);--routine-block-padding-y:clamp(10px, .72vw, 12px);--routine-block-padding-x:clamp(12px, .82vw, 14px);--routine-block-shell-gap:clamp(8px, .72vw, 11px);--routine-block-inner-gap:clamp(8px, .72vw, 11px);--routine-block-drag-width:clamp(26px, 1.7vw, 30px);--routine-block-action-width:clamp(28px, 1.85vw, 32px);--routine-block-index-size:clamp(31px, 2.15vw, 34px);--routine-block-title-size:clamp(.94rem, .14vw + .89rem, 1rem);--routine-block-meta-size:clamp(11px, .11vw + 10.5px, 12px);--routine-block-chip-size:clamp(9.5px, .1vw + 9px, 10.5px);--routine-block-chip-height:clamp(17px, 1.22vw, 19px);--app-page-header-padding:4px 2px 8px;--app-page-title-gap:6px;--app-page-title-size:3.1rem;--app-page-title-line:1;--app-page-subtitle-size:.96rem;--app-page-subtitle-line:1.35;width:100%;max-width:2400px;height:calc(100dvh - (var(--workspace-pad) * 2));gap:var(--routine-section-gap);padding-bottom:0;background:0 0;flex-direction:column;min-width:0;min-height:0;margin-inline:auto;padding-inline:0;font-size:.94rem;display:flex;overflow-x:clip}.app-shell:has(.routines-page){background:radial-gradient(circle at 42% -8%,#d8aa5805,#0000 34%),linear-gradient(#070605 0%,#020202 56%,#030303 100%)}.routines-page-header{width:100%;max-width:100%;padding:var(--app-page-header-padding);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.routines-page-title{gap:var(--app-page-title-gap);min-width:0;display:grid}.routine-title-line{align-items:center;gap:14px;min-width:0;display:flex}.routine-inline-prompt{white-space:nowrap;flex:0 340px;min-width:0;max-width:min(420px,34vw);min-height:30px;padding:6px 10px;font-size:.78rem;line-height:1.12}.routine-inline-prompt svg{color:#b9caa8eb;flex:none}.routine-inline-prompt span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.routines-page-title h2{color:var(--text-primary);font-family:var(--display-font);font-size:var(--app-page-title-size);font-weight:700;line-height:var(--app-page-title-line);text-shadow:0 1px #000000c7,0 0 16px #d8aa5812;margin:0}.routines-page-title p{color:#c6a978db;font-size:var(--app-page-subtitle-size);line-height:var(--app-page-subtitle-line);margin:0}.routines-page input:not([type=checkbox]),.routines-page select,.routines-page textarea,.routines-page button.primary,.routines-page button.secondary,.routines-page .compact-panel-button{border-radius:var(--routine-radius-control)}.routines-page button.primary{border-color:var(--button-primary-border);background:linear-gradient(180deg, #f6e4bc, var(--button-primary-bg));color:var(--button-primary-text)}.routines-page button.secondary,.routines-page .compact-panel-button{border-color:var(--button-secondary-border);background:linear-gradient(180deg, #f2e4c60e, #11100deb), var(--button-secondary-bg);color:var(--button-secondary-text);box-shadow:inset 0 1px #f2e4c60d,inset 0 -8px 12px #00000038}.routine-header-actions{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex}.routine-header-actions button{border-radius:var(--routine-radius-control);min-height:42px;padding:10px 16px;font-size:.94rem;font-weight:700}.routine-header-actions .primary{padding-inline:20px;font-weight:750}.routine-save-action-stack{align-self:center;align-items:center;min-width:max-content;display:inline-flex;position:relative}.routine-save-action-stack .primary{width:100%}.routine-save-state{color:#c9ba9db8;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;min-height:14px;padding:0 2px;font-size:12px;font-weight:650;line-height:1.2;display:inline-flex;position:absolute;bottom:calc(100% + 4px);right:0}.routine-save-state[data-state=dirty]{color:#d6a34adb}.routine-save-state[data-state=saving]{color:#f1e6d0db}.routine-save-state[data-state=saved]{color:#8c8373eb}.routine-builder-status-pill{border:1px solid var(--border-subtle);width:fit-content;max-width:min(100%,560px);min-height:38px;color:var(--text-secondary);background:#d6a34a14;border-radius:999px;align-items:center;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.routine-builder-status-pill[data-source=official]{border-color:var(--border-strong);color:var(--accent-gold-soft);background:#d6a34a1f}.routine-builder-status-pill[data-source=user]{border-color:var(--border-panel);background:var(--surface-panel-soft);color:var(--text-secondary)}.routine-builder-title-row{align-items:center;gap:10px;min-width:0;display:flex}.routine-builder-title-row .routine-builder-status-pill{text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,430px);min-height:24px;padding:4px 9px;font-size:11px;line-height:1;overflow:hidden}.starter-routines-panel.panel,.saved-routines-panel.panel{border-color:var(--border-warm);background:linear-gradient(180deg, #f2e6d007, transparent 48%), var(--surface-panel)}.saved-routines-panel .panel-header-row{gap:8px;margin-bottom:0}.routines-builder-grid{justify-content:center;gap:var(--routine-section-gap);flex:auto;grid-template-columns:minmax(360px,420px) minmax(680px,1fr) minmax(390px,460px);align-items:stretch;min-width:0;min-height:clamp(600px,100dvh - 286px,920px);display:grid}.routine-palette,.routine-template-dropzone,.routine-block-editor{align-content:start;gap:var(--routine-component-gap);min-width:0;height:100%;min-height:600px;padding:var(--routine-panel-padding);border:1px solid var(--border-panel);border-radius:var(--routine-radius-panel);background:var(--routine-metal-panel);border-top:0;border-bottom:0;grid-template-rows:auto;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;overflow:visible;box-shadow:inset 0 1px #ffffff0e,inset 0 0 0 1px #00000080,inset 0 -17px 30px #00000040,0 12px 26px #00000038}.routine-palette{grid-template-rows:auto minmax(0,1fr) auto auto}.routine-template-dropzone{background:var(--routine-metal-panel);grid-template-rows:auto auto auto minmax(0,1fr);align-content:stretch;overflow:hidden}.routine-block-editor{border-radius:var(--routine-radius-panel);grid-template-rows:auto minmax(0,1fr);align-content:stretch;position:relative;overflow:hidden;box-shadow:inset 0 1px #f2e4c60d,inset 0 -12px 22px #0003,0 0 0 1px #00000070}.starter-routines-panel,.saved-routines-panel{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;display:flex}.saved-routines-panel.panel{width:100%;min-height:unset;margin-inline:auto;border-radius:var(--routine-radius-panel);background:var(--routine-metal-panel-soft);border-top-color:#c8a96b57;margin-top:0;padding:14px 16px 12px}.saved-routines-drawer{z-index:auto;background:0 0;align-items:stretch;height:auto;margin:0;padding:0;transition:border-color .18s,background .18s;display:flex;position:static;bottom:auto;left:auto;right:auto}.pinned-routines-shell{align-items:stretch;width:min(100%,2400px);height:auto;margin-inline:auto;display:flex}.saved-routines-drawer .saved-routines-panel.panel{border-radius:var(--routine-radius-panel);background:var(--routine-metal-panel);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:currentColor #7656383d;border-top-style:none;border-top-width:0;border-bottom-style:none;border-bottom-width:0;max-width:2400px;height:auto;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0e,inset 0 0 0 1px #00000080,inset 0 -17px 30px #00000040,0 12px 26px #00000038}.saved-routines-layout{--saved-routines-dock-card-height:100px;--saved-routines-dock-min-height:calc(var(--saved-routines-dock-card-height) + 30px);gap:var(--routine-section-gap);min-height:var(--saved-routines-dock-min-height);grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(146px,162px);align-items:center;display:grid}.saved-routines-expanded{min-height:var(--saved-routines-dock-min-height);gap:var(--routine-section-gap);grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(146px,162px);align-items:center;padding:15px 16px}.saved-routines-expanded.is-empty{gap:var(--routine-section-gap);grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(146px,162px);padding:15px 16px}.saved-routines-info,.saved-routines-cards,.saved-routines-actions{align-self:center;min-width:0}.saved-routines-cards{min-height:var(--saved-routines-dock-card-height);flex-direction:row;justify-content:flex-start;align-items:center;gap:9px;min-width:0;display:flex;overflow:hidden}.saved-routines-actions{justify-self:end}.saved-routines-expanded .saved-routines-actions{background:0 0;border:0;border-radius:0;place-content:center stretch;place-items:stretch stretch;gap:6px;width:min(100%,162px);padding:0;display:grid}.saved-routines-expanded.is-empty .saved-routines-actions{align-self:center}.saved-routines-expanded .saved-routines-actions .saved-template-count,.saved-routines-expanded .saved-routines-actions .routine-library-cta-header,.saved-routines-expanded .saved-routines-actions .saved-routines-view-all-link{text-align:center;justify-content:center;width:100%;margin:0}.saved-routines-expanded .saved-routines-actions .saved-template-count{min-height:29px;padding:5px 9px;font-size:11.5px}.saved-routines-expanded .saved-routines-actions .routine-library-cta-header{border-radius:var(--routine-radius-control);min-height:33px;padding:6px 10px}.saved-routines-expanded .saved-routines-actions .saved-routines-view-all-link{color:#c9ba9dc7;min-height:24px;padding:0;font-size:12.5px}.saved-routines-drawer .saved-routines-cards{min-height:0;overflow:hidden}.routines-lower-grid{gap:var(--routine-section-gap);flex:none;grid-template-columns:minmax(0,1fr);align-items:start;margin-top:auto;display:grid}.routines-lower-grid.saved-routines-drawer{grid-template-columns:none;align-items:stretch;gap:0;margin-top:0;display:flex}.routines-management-stack{align-content:start;gap:var(--routine-list-gap);border-left:1px solid #c8a96b26;border-right:1px solid #c8a96b26;min-width:0;padding-inline:16px;display:grid}.routines-lower-widget{min-width:0}.publish-routine-panel.panel,.search-routines-panel.panel,.default-routines-panel.panel{border-radius:var(--routine-radius-panel);border-color:var(--border-panel);background:var(--routine-metal-panel-soft);padding:10px}.publish-routine-panel.panel{border-color:var(--border-warm);background:linear-gradient(180deg, #d6a34a0d, transparent 54%), var(--surface-panel-soft)}.routine-management-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.routines-management-stack .routine-management-row{grid-template-columns:1fr;align-items:start}.publish-routine-actions,.routine-discovery-controls{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.routine-discovery-controls{width:min(100%,560px)}.routines-management-stack .publish-routine-actions,.routines-management-stack .routine-discovery-controls{justify-content:flex-start;width:100%}.routine-discovery-search{min-width:min(300px,44vw)}.routines-management-stack .routine-discovery-search{min-width:0}.default-routines-panel .panel-header-row{gap:8px;margin-bottom:6px}.default-routines-panel .saved-template-grid{grid-template-columns:1fr;gap:5px}
.routine-library-search{grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;gap:8px;display:grid}.routine-pillar-list{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);min-height:0;max-height:none;padding:0;display:block;overflow:visible}.routine-library-helper{color:#c6b89e9e;background:0 0;border:0;border-radius:0;margin:0;padding:5px 0 0;font-size:12px;line-height:1.45}.routine-library-empty{border-radius:var(--routine-radius-card);color:var(--text-muted);text-align:center;border:1px dashed #c8a96b2e;margin:0;padding:16px 12px;font-size:13px}.routine-library-empty.compact{margin:0 8px 8px;padding:8px;font-size:.84rem}.routine-pillar-list details{border:0;border-bottom:1px solid var(--border-subtle);background:0 0;border-radius:0;transition:border-color .15s,background .15s,transform .15s}.routine-pillar-list details:last-child{border-bottom:0}.routine-pillar-list details:hover{border-color:var(--border-panel);background:#f2e4c606}.routine-pillar-list details[open]{background:linear-gradient(#d8aa5809,#0000 58%),#11100dbd}.routine-pillar-list details[open] summary{color:var(--text-primary)}.routine-pillar-list summary{cursor:pointer;min-height:43px;color:var(--text-primary);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 6px;font-size:.92rem;font-weight:700;list-style:none;display:grid}.routine-pillar-list summary:hover,.routine-pillar-list summary:focus-visible{color:var(--cream)}.routine-pillar-list summary::-webkit-details-marker{display:none}.routine-pillar-summary-label{grid-template-columns:16px 18px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.routine-pillar-summary-label svg{color:#d8aa58db}.routine-pillar-summary-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routine-pillar-summary-label .routine-pillar-chevron{color:#e8dbbe7a;justify-self:center;transition:transform .15s}.routine-pillar-list details[open] .routine-pillar-summary-label .routine-pillar-chevron{transform:rotate(180deg)}.routine-custom-count{color:#e8dbbeb8;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-items:center;min-height:19px;padding:0;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.routine-palette-chip-list{margin-top:-1px;padding:5px 8px 15px 58px;line-height:2.05;display:block;position:relative}.routine-palette-chip-list:before{content:"";background:#d8aa582e;width:1px;position:absolute;top:8px;bottom:16px;left:34px}.routine-theory-area-chip.selected{color:var(--accent-gold-soft)}.routine-palette-chip{color:#e8dbbec2;min-height:auto;font-size:13px;font-weight:700;line-height:inherit;cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;padding:0;display:inline-flex;position:relative}.routine-palette-chip:not(:last-child):after{color:#c8a96b61;content:"|";margin:0 13px;font-weight:500;display:inline-block}.routine-palette-chip>svg,.routine-palette-chip-main>svg{display:none}.routine-palette-chip:disabled{cursor:wait;opacity:.64}.routine-palette-chip:hover,.routine-palette-chip:focus-visible,.routine-palette-chip.dragging{color:var(--cream);background:0 0}.routine-palette-chip:hover>span,.routine-palette-chip:focus-visible>span,.routine-palette-chip-shell:hover .routine-palette-chip-main>span,.routine-palette-chip-shell:focus-within .routine-palette-chip-main>span,.routine-palette-chip-main:hover>span,.routine-palette-chip-main:focus-visible>span{text-underline-offset:3px;-webkit-text-decoration:underline #c8a96b75;text-decoration:underline #c8a96b75}.routine-palette-chip:active{color:var(--accent-gold-soft)}.routine-palette-chip-shell{gap:6px;min-width:0;padding:0}.routine-palette-chip-shell.deleting{opacity:.72}.routine-palette-chip-main{min-width:0;color:inherit;cursor:pointer;font:inherit;touch-action:none;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.routine-palette-chip-main:disabled{cursor:wait}.routine-palette-chip.custom{color:#e8dbbec2;background:0 0;border:0}.routine-palette-chip-delete{color:#d8a090;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;display:inline-flex}.routine-palette-chip-delete:hover:not(:disabled){color:#f0b6a8;background:#d9795f29}.routine-palette-chip-delete:disabled{cursor:wait;opacity:.56}.routine-palette-chip em{color:#e8dbbe8a;text-transform:none;border:0;border-radius:0;align-items:center;min-height:auto;padding:0;font-size:11px;font-style:normal;font-weight:600;line-height:1;display:inline-flex}.routine-palette-chip em:before{content:"·";margin-right:4px}.routine-create-exercise-card{opacity:.86;background:0 0;border:0;border-top:1px solid #f2e4c61a;border-radius:0;gap:6px;margin-top:2px;padding:10px 0 0;transition:opacity .15s;display:grid}.routine-create-exercise-card:hover,.routine-create-exercise-card:focus-within{opacity:1}.routine-create-exercise-card[data-expanded=false]{gap:4px}.routine-create-exercise-form{gap:6px;display:grid}.routine-create-exercise-toggle{color:#e8dbbea8;text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:5px;width:fit-content;min-height:auto;padding:2px 0;font-size:12px;font-weight:720;display:inline-flex}.routine-create-exercise-toggle:hover,.routine-create-exercise-toggle:focus-visible{color:var(--accent-gold);text-underline-offset:3px;-webkit-text-decoration:underline #d6a34a61;text-decoration:underline #d6a34a61}.routine-create-exercise-heading{color:#e8dbbe94;letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.routine-create-exercise-heading em{color:#e8dbbe7a;text-transform:uppercase;border:0;border-radius:0;align-items:center;min-height:20px;padding:0;font-size:10px;font-style:normal;line-height:1;display:inline-flex}.routine-create-exercise-field{gap:3px;min-width:0;display:grid}.routine-create-exercise-field span{color:#c6b89ea3;letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.routine-create-exercise-field input,.routine-create-exercise-field select{border-color:var(--input-border);border-radius:var(--routine-radius-control);background:var(--input-bg);width:100%;min-height:32px;padding:6px 9px;font-size:12px}.routine-create-exercise-field select{cursor:pointer}.routine-create-exercise-actions{align-items:center;gap:10px;padding-top:1px;display:flex}.routine-create-exercise-button{color:#e8dbbea3;text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:5px;width:fit-content;min-height:auto;padding:2px 0;font-size:12px;font-weight:700}.routine-create-exercise-button:hover,.routine-create-exercise-button:focus-visible,.routine-create-exercise-button[data-ready=true]{color:var(--accent-gold);text-underline-offset:3px;-webkit-text-decoration:underline #d6a34a6b;text-decoration:underline #d6a34a6b}.routine-create-exercise-cancel{width:fit-content;min-height:auto;color:var(--text-muted);background:0 0;border:0;border-radius:0;padding:2px 0;font-size:12px;font-weight:700}.routine-create-exercise-cancel:hover,.routine-create-exercise-cancel:focus-visible{color:var(--text-secondary);text-underline-offset:3px;text-decoration:underline}.routine-add-exercise-note{color:var(--text-muted);margin:-1px 0 0;font-size:11px;line-height:1.35}
.routine-section-heading{color:#d8aa58e6;letter-spacing:.04em;text-shadow:0 1px #000000b8;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.routine-section-heading-split{z-index:4;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;position:relative}.routine-section-heading-split>span{align-items:center;gap:8px;display:inline-flex}.routine-total-chip{border:1px solid var(--border-subtle);background:linear-gradient(180deg, #f2e4c60d, #11100dd1), var(--surface-row-soft);min-height:30px;color:var(--text-secondary);text-transform:none;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-style:normal;font-weight:650;display:inline-flex}.routine-builder-heading-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.routine-default-loader{z-index:5;position:relative}.routine-default-loader.is-open{z-index:40}.routine-default-loader summary,.routine-default-loader-trigger{border:1px solid var(--border-warm);background:linear-gradient(180deg, #f2e4c60f, #11100de6), var(--surface-row-soft);min-height:30px;color:var(--accent-gold-soft);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;list-style:none;display:inline-flex}.routine-default-loader-trigger{justify-content:center}.routine-default-loader summary::-webkit-details-marker{display:none}.routine-default-loader summary svg,.routine-default-loader-trigger svg{transition:transform .15s}.routine-default-loader summary:hover,.routine-default-loader summary:focus-visible,.routine-default-loader-trigger:hover,.routine-default-loader-trigger:focus-visible,.routine-default-loader-trigger.is-open{border-color:var(--border-selected);background:linear-gradient(180deg, #d6a34a14, transparent), var(--surface-hover);color:var(--cream)}.routine-default-loader[open] summary svg,.routine-default-loader-trigger.is-open svg{transform:rotate(180deg)}.routine-default-loader-menu{z-index:41;border:1px solid var(--border-panel);border-radius:var(--routine-radius-card);background:linear-gradient(180deg, #f2e4c60a, transparent 54%), var(--surface-panel-soft);width:min(310px,78vw);box-shadow:inset 0 1px 0 #f2e4c60a, var(--shadow-soft);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.routine-default-loader-menu--portal{z-index:1200;box-sizing:border-box;overscroll-behavior:contain;right:auto;overflow-y:auto}.routine-default-loader-menu button{min-height:48px;color:var(--text-secondary);text-align:left;text-transform:none;background:0 0;border:0;border-radius:7px;gap:2px;padding:9px 10px;display:grid}.routine-default-loader-menu button:hover,.routine-default-loader-menu button:focus-visible{background:var(--surface-hover);color:var(--cream)}.routine-default-loader-menu strong{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.routine-default-loader-menu span{color:var(--text-muted);text-transform:none;font-size:12px}.routine-block-editor[data-has-selection=false]{background:var(--routine-metal-panel-soft);border-color:#f2e4c614}.routine-block-editor[data-has-selection=false] .routine-section-heading{color:#c9ba9d75}.routine-block-editor[data-has-selection=true]{background:linear-gradient(180deg, #f2e4c60a, #d8aa5805 52%, #0000002e), var(--surface-panel-soft);border-color:#b1843a4d;transition:border-color .36s .26s,background .38s .26s,box-shadow .44s .32s,transform .16s;box-shadow:inset 3px 0 #d8aa587a,inset 0 1px #f2e4c60b,inset 0 -12px 22px #00000038}.routine-block-editor[data-has-selection=true]:hover,.routine-block-editor[data-has-selection=true]:focus-within{background:linear-gradient(180deg, #f2e4c60b, #d8aa5806 52%, #00000029), var(--surface-panel-soft);border-color:#b1843a5c;transition:border-color .16s,background .16s,box-shadow .18s,transform .16s;box-shadow:inset 3px 0 #d8aa588f,inset 0 1px #f2e4c60d,inset 0 -12px 22px #0003}.routine-template-dropzone.over{border-color:var(--border-strong);background:linear-gradient(180deg, #d8aa581a, transparent), var(--surface-hover)}.routine-template-dropzone .routine-builder-card-label{color:#e8dbbe94;font-size:12px;font-weight:500}.routine-panel-helper{margin-top:-6px}.routine-block-count-notice{color:#e05858e6;text-align:right;background:0 0;border:0;border-radius:0;max-width:min(360px,100%);margin:0 4px 0 0;padding:0;font-size:12px;font-weight:700;line-height:1.35}.routine-block-count-notice[data-tone=limit]{color:#e05858}.routine-builder-card-label{color:var(--text-muted);text-transform:none;margin:0;font-size:13px;font-weight:500}.routine-palette>.routine-section-heading,.routine-block-editor>.routine-editor-heading,.routine-template-dropzone>.routine-builder-title-row{align-self:start}.routine-builder-block-list{gap:var(--routine-component-gap);width:100%;margin-inline:auto;padding:4px 1px 1px;display:grid}.routine-template-stack,.routine-block-editor-grid{min-height:0;padding-right:0}.routine-template-stack{z-index:1;align-content:start;gap:var(--routine-component-gap);scrollbar-gutter:stable;width:min(100%,820px);max-height:none;margin-inline:auto;padding-right:4px;display:grid;position:relative;overflow:hidden auto}.routine-template-empty-copy{border-radius:var(--routine-radius-card);width:100%;color:var(--text-muted);border:1px dashed #c8a96b2e;margin:0 auto;padding:12px;font-size:13px}.routine-template-list{gap:var(--routine-list-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.routine-block-editor-grid{gap:var(--routine-section-gap);scrollbar-gutter:stable;height:100%;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.routine-editor-heading{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.routine-editor-heading-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.routine-editor-block-indicator{color:#e8dbbed6;min-height:24px;font-family:var(--body-font);letter-spacing:.05em;text-align:center;text-transform:uppercase;background:#08080857;border:1px solid #d6a34a3d;border-radius:5px;flex:none;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:760;line-height:1;display:inline-flex}.routine-block-editor input,.routine-block-editor select,.routine-block-editor textarea{border:1px solid var(--input-border);background:var(--input-bg);min-height:42px;box-shadow:none;color:var(--cream);border-radius:8px;padding:11px 12px;font-size:.94rem}.routine-block-editor input:focus,.routine-block-editor select:focus,.routine-block-editor textarea:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px #d6a34a1a}.routine-block-editor input::placeholder,.routine-block-editor textarea::placeholder{color:#c6b89e94}.routine-block-editor .label{gap:8px}.routine-block-editor .label span{color:var(--cream);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:700}.routine-block-editor .label .routine-field-label-row{justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.routine-character-counter{color:#8c8373e0;letter-spacing:.02em;text-transform:none;flex:none;font-size:10px;font-weight:650;line-height:1}.routine-character-counter[data-tone=near-limit]{color:#d6a34ad6}.practice-block-empty.routine-add-block-zone{border-color:var(--border-panel);border-radius:var(--routine-radius-card);background:linear-gradient(180deg, #d6a34a09, transparent), var(--surface-inset);width:min(100%,820px);min-height:54px;color:var(--accent-gold-soft);justify-content:center;align-items:center;gap:8px;place-items:initial;text-align:left;grid-template-columns:24px auto;margin:0 auto;padding:10px 14px;font-size:13px;font-weight:700;display:grid}.practice-block-empty.routine-add-block-zone:hover,.practice-block-empty.routine-add-block-zone:focus-visible{border-color:var(--border-strong);background:linear-gradient(180deg, #d6a34a12, transparent), var(--surface-hover);color:var(--cream)}.practice-block-empty.routine-add-block-zone:disabled{cursor:not-allowed;color:var(--text-muted);opacity:.72;background:#f1e6d006;border-color:#d6a34a1f}.routine-builder-empty-helper{color:#c6b89ead;text-align:center;width:min(100%,620px);margin:-2px auto 0;font-size:12px;font-weight:400;line-height:1.45}.routine-editor-section{background:0 0;border:0;border-radius:0;flex-direction:column;gap:clamp(16px,1.9vh,24px);min-height:0;padding:0;display:flex}.routine-theory-settings-panel{border-radius:var(--routine-radius-card);background:linear-gradient(#121210f5,#0a0a09fa),#080807fa;border:1px solid #b1843a47;gap:13px;padding:13px;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #fff1cd0b,inset 0 0 18px #00000061,0 10px 24px #0003}.routine-theory-settings-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d8aa5880,#0000);height:1px;position:absolute;inset:0 12px auto}.routine-theory-settings-header{gap:3px;padding-bottom:2px;display:grid}.routine-theory-settings-header strong{color:var(--cream);font-size:1rem;font-weight:760;line-height:1.1}.routine-theory-settings-header small{color:#c6b89ed1;font-size:12px;font-weight:650;line-height:1.25}.routine-theory-settings-kicker{color:#d8aa58db;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.routine-theory-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.routine-ear-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.routine-theory-settings-panel .label{gap:6px}.routine-theory-settings-panel .label span,.routine-theory-question-label{color:#d8aa58cc;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.routine-theory-settings-panel input,.routine-theory-settings-panel select{min-height:36px;color:var(--cream);background:linear-gradient(#fff6da05,#0000),#040404ad;border-color:#b1843a3d;border-radius:7px;padding:8px 10px;font-size:.88rem;box-shadow:inset 0 1px 5px #00000047}.routine-theory-settings-panel input:focus,.routine-theory-settings-panel select:focus{border-color:#d8aa58ad;box-shadow:0 0 0 2px #d8aa581c,inset 0 1px 5px #00000047}.routine-theory-focus-field{grid-column:1/-1;gap:7px;display:grid}.routine-theory-focus-toggle-group{flex-wrap:wrap;gap:6px;display:flex}.routine-theory-focus-toggle-group button{color:#d8ccb4c7;cursor:pointer;background:linear-gradient(#f1e6d005,#0000),#090908ad;border:1px solid #b1843a2e;border-radius:6px;min-height:30px;padding:7px 10px 7px 20px;font-size:11px;font-weight:760;line-height:1.15;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;position:relative;box-shadow:inset 0 1px #fff1cd0b,inset 0 -8px 14px #0000002e}.routine-theory-focus-toggle-group button:before{content:"";background:#7a6c54b8;border-radius:999px;width:5px;height:5px;position:absolute;top:50%;left:8px;transform:translateY(-50%);box-shadow:0 0 0 1px #00000059}.routine-theory-focus-toggle-group button:hover,.routine-theory-focus-toggle-group button:focus-visible{color:#f1e6d0eb;background:linear-gradient(#f1e6d007,#0000),#0d0d0cc7;border-color:#d8aa587a}.routine-theory-focus-toggle-group button.selected{color:var(--cream);background:linear-gradient(#d8aa5812,#fff4d505),#0c0b09e6;border-color:#d8aa58ad;box-shadow:0 0 0 1px #d8aa580f,inset 0 1px #fff1cd0f,inset 0 -8px 12px #0000001f}.routine-theory-focus-toggle-group button.selected:before{background:#f5c565f0;box-shadow:0 0 0 1px #d8aa5840,0 0 9px #d8aa5861}.routine-theory-warning{color:#f1b8ae;background:#e0585814;border:1px solid #e0585857;border-radius:7px;padding:9px 10px;font-size:12px;line-height:1.35}.routine-editor-section-title{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.routine-editor-two-column,.routine-editor-three-column,.routine-editor-bpm-row,.routine-editor-time-row{gap:8px;display:grid}.routine-editor-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-editor-three-column{grid-template-columns:minmax(92px,.8fr) minmax(112px,auto) minmax(100px,.8fr)}.routine-editor-bpm-row{grid-template-columns:minmax(0,1fr) minmax(98px,auto) minmax(0,1fr);align-items:end}.routine-editor-time-row{grid-template-columns:minmax(0,1fr) minmax(118px,auto);align-items:end;gap:12px}.routine-editor-notes-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.routine-track-bpm-toggle{width:auto;height:auto;min-height:auto;box-shadow:none;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:0;outline:0;place-self:end start;align-items:center;gap:8px;margin:0;padding:0;font-size:13px;font-weight:650;display:inline-flex}.routine-track-bpm-toggle:before,.routine-track-bpm-toggle:after{content:none;display:none}.routine-track-bpm-toggle input{appearance:none;width:16px;min-width:16px;height:16px;min-height:16px;box-shadow:none;accent-color:var(--accent-gold);cursor:pointer;background:0 0;border:1px solid #c8a96b57;border-radius:4px;place-content:center;margin:0;padding:0;display:inline-grid}.routine-track-bpm-toggle input:before{background:var(--text-cream-primary);clip-path:polygon(14% 44%,0 59%,39% 100%,100% 16%,84% 0,36% 64%);content:"";width:8px;height:8px;transition:transform .12s;transform:scale(0)}.routine-track-bpm-toggle input:checked{border-color:var(--accent-gold-soft);background:var(--accent-gold-soft)}.routine-track-bpm-toggle input:checked:before{transform:scale(1)}.routine-track-bpm-toggle input:focus,.routine-track-bpm-toggle input:focus-visible{border-color:var(--accent-gold-soft);outline-offset:3px;box-shadow:none;outline:1px solid #d0a85a8f}.routine-track-bpm-toggle span{color:inherit;text-transform:none;font-size:13px;font-weight:650}.routine-track-bpm-toggle:hover,.routine-track-bpm-toggle:focus-within{color:var(--accent-gold-soft)}.routine-editor-notes textarea{min-height:94px}.routine-module-config-launcher{box-shadow:none;background:0 0;border:0;border-top:1px solid #f1e6d014;border-radius:0;gap:8px;padding:12px 0 0;display:grid}.routine-block-materials-section{border-top:1px solid #f1e6d014;gap:9px;padding-top:12px;display:grid}.routine-block-materials-section.in-modal{margin-top:2px}.routine-block-materials-header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.routine-block-materials-header p{color:#c6b89eb8;margin:4px 0 0;font-size:12px;line-height:1.35}.routines-page .routine-attach-material-button{border-color:var(--input-border);background:var(--input-bg);width:fit-content;min-height:32px;color:var(--text-secondary);border-radius:6px;flex:none;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:730;display:inline-flex}.routines-page .routine-attach-material-button:hover,.routines-page .routine-attach-material-button:focus-visible{color:var(--cream);background:#12110feb;border-color:#d8aa5857;transform:none}.routine-linked-materials-list{gap:7px;display:grid}.routine-linked-material{background:#00000038;border:1px solid #f1e6d014;border-radius:6px;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.routine-linked-material>svg{color:#d8aa58d1}.routine-linked-material div{gap:2px;min-width:0;display:grid}.routine-linked-material strong,.routine-linked-material small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routine-linked-material strong{color:var(--cream);font-size:.84rem;line-height:1.15}.routine-linked-material small,.routine-linked-materials-empty{color:#c6b89eb3;font-size:12px;line-height:1.35}.routine-linked-materials-empty{margin:0;padding:8px 0 0}.routine-linked-material button{color:#c6b89ebf;cursor:pointer;background:#0000003d;border:1px solid #f1e6d014;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.routine-linked-material button:hover,.routine-linked-material button:focus-visible{color:var(--cream);border-color:#d8aa5857}.routine-material-picker-overlay{z-index:120}.routine-material-picker-dialog{flex-direction:column;gap:12px;width:min(720px,100vw - 32px);max-height:min(720px,100dvh - 32px);display:flex}.routine-material-picker-header span{color:#c6b89ebd;margin-top:3px;font-size:.82rem;display:block}.routine-material-picker-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.routine-material-picker-search{border:1px solid var(--input-border);background:var(--input-bg);min-width:0;min-height:40px;color:var(--text-muted);border-radius:7px;align-items:center;gap:8px;padding:0 11px;display:flex}.routine-material-picker-search input{width:100%;min-width:0;color:var(--cream);background:0 0;border:0;outline:0}.routine-material-picker-filters{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.routine-material-picker-filters button{color:#c6b89ec7;cursor:pointer;background:#0000003d;border:1px solid #f1e6d017;border-radius:5px;min-height:30px;padding:5px 9px;font-size:11px;font-weight:760}.routine-material-picker-filters button.active,.routine-material-picker-filters button:hover,.routine-material-picker-filters button:focus-visible{color:var(--cream);background:#d8aa5814;border-color:#d8aa585c}.routine-material-picker-body{min-height:0;padding-right:4px;overflow-y:auto}.routine-material-picker-list{gap:8px;display:grid}.routine-material-picker-row{background:#00000038;border:1px solid #f1e6d014;border-radius:7px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.routine-material-picker-row>svg{color:#d8aa58d6}.routine-material-picker-row div{gap:2px;min-width:0;display:grid}.routine-material-picker-row span{color:#d8aa58cc;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:820}.routine-material-picker-row strong,.routine-material-picker-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routine-material-picker-row strong{color:var(--cream);font-size:.9rem}.routine-material-picker-row small{color:#c6b89eb8;font-size:12px}.routine-material-picker-row button{color:#eecd89eb;cursor:pointer;background:#d8aa5814;border:1px solid #d8aa5852;border-radius:6px;min-width:78px;min-height:32px;padding:6px 11px;font-size:12px;font-weight:780}.routine-material-picker-row button:disabled{cursor:default;color:#c6b89e94;background:#f1e6d009;border-color:#f1e6d014}.routine-material-picker-state,.routine-material-picker-lock{color:#c6b89ec7;background:#00000038;border:1px solid #f1e6d014;border-radius:7px;margin:0;padding:12px;font-size:.86rem;line-height:1.4}.routine-material-picker-state.error{color:#f1b8ae;border-color:#e0585857}.routine-material-picker-lock{align-items:flex-start;gap:10px;display:flex}.routine-material-picker-lock svg{color:#d8aa58db;flex:none}.routine-material-picker-lock strong{color:var(--cream);margin-bottom:4px;display:block}.routine-material-picker-lock p{margin:0}.routines-page .routine-configure-modules-button{border-color:var(--input-border);background:var(--input-bg);width:fit-content;min-height:34px;box-shadow:none;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:720;display:inline-flex}.routines-page .routine-configure-modules-button:hover,.routines-page .routine-configure-modules-button:focus-visible{color:var(--cream);opacity:1;box-shadow:none;background:#12110feb;border-color:#d8aa5857;transform:none}.routine-module-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.routine-module-summary-chip{border:1px solid var(--input-border);background:var(--input-bg);min-width:0;box-shadow:none;border-radius:6px;gap:2px;padding:6px 8px;display:grid}.routine-module-summary-chip[data-active=true]{background:#0a0908d6;border-color:#d8aa5833}.routine-module-summary-chip strong{color:#e8dbbec2;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:720;line-height:1;overflow:hidden}.routine-module-summary-chip em{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:600;line-height:1.2;overflow:hidden}.routine-module-summary-chip[data-active=true] em{color:#c9ba9dc7}@media (min-width:1620px){.routine-block-editor .routine-module-summary-row{display:none}}.routine-selected-block-meta{background:0 0;border:0;border-bottom:1px solid #c8a96b21;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 0 15px}.routine-block-choice-grid{display:grid}.routine-block-choice-grid .label{min-width:0}.routine-block-choice-grid select{width:100%}.routine-tool-chip-grid{flex-wrap:wrap;gap:7px;display:flex}.routine-tool-chip-grid button{min-height:30px;color:var(--text-secondary);background:#c8a96b0e;border:1px solid #c8a96b2b;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:650}.routine-tool-chip-grid button.selected{border-color:var(--border-strong);color:var(--accent-gold-soft);background:#c8a96b24;box-shadow:inset 0 1px #f3e2c214}.routine-remove-selected-button{color:#e2a898;max-width:100%;min-height:40px;box-shadow:none;background:linear-gradient(#d9795f12,#0000),#120c0c3d;border-color:#7e39307a;border-radius:8px;justify-content:center;place-self:flex-start start;align-items:center;gap:7px;margin-top:4px;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.routine-remove-selected-button.routine-remove-selected-button--header{aspect-ratio:1;color:#e2a898d1;width:29px;min-width:29px;min-height:29px;box-shadow:none;background:0 0;border:0;border-radius:0;align-self:center;margin-top:0;padding:0;font-size:11px;line-height:1;transform:none}.routine-remove-selected-button:hover,.routine-remove-selected-button:focus-visible{color:#efb4a8;background:linear-gradient(#d9795f24,#0000),#120c0c75;border-color:#d9795f7a}.routine-remove-selected-button.routine-remove-selected-button--header:hover,.routine-remove-selected-button.routine-remove-selected-button--header:focus-visible{color:#efb4a8;box-shadow:none;opacity:1;outline-offset:3px;background:0 0;border:0;outline:1px solid #e0585838;transform:none}.routine-remove-selected-button--header svg{stroke-width:2.1px;width:15px;height:15px}.routine-readonly-context{border-radius:var(--routine-radius-card);background:#c8a96b0e;border:1px solid #c8a96b2e;gap:8px;padding:11px;display:grid}.routine-readonly-context span{gap:4px;min-width:0;padding:0;display:grid}.routine-readonly-context small,.routine-suggested-tools>summary{color:var(--text-muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700;list-style-position:inside}.routine-readonly-context small{cursor:default}.routine-readonly-context strong{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:700;overflow:hidden}.routine-suggested-tools{gap:8px;display:grid}.routine-suggested-tool-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;display:grid}.routine-suggested-tool{border-radius:var(--routine-radius-card);background:#111214b3;border:1px solid #c8a96b29;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:9px;display:grid}.routine-suggested-tool.selected{border-color:var(--border-strong);background:#c8a96b1a}.routine-suggested-tool input{width:16px;height:16px;accent-color:var(--accent-gold)}.routine-suggested-tool strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.routine-suggested-tool small{color:var(--text-muted);text-transform:capitalize;font-size:.7rem}.routine-block-editor-empty{width:min(100%,330px);min-height:0;color:var(--muted);text-align:left;background:0 0;border:0;border-left:1px solid #e8dbbe24;border-radius:0;align-content:start;align-self:start;justify-items:start;gap:8px;margin-top:clamp(28px,5vh,68px);padding:14px 0 14px 14px;display:grid}.routine-block-editor[data-has-selection=false] .routine-block-editor-empty{opacity:.66;border-left-color:#e8dbbe11}.routine-block-editor-empty strong{color:var(--cream);font-size:1rem;font-weight:700}.routine-block-editor-empty p{color:#c6b89eb8;margin:0;font-size:13px;line-height:1.5}
.publish-menu-button{background:linear-gradient(180deg, #d6a34a14, transparent), var(--surface-hover);color:var(--text-primary);border-color:#b1843a6b}.publish-menu-button:hover,.publish-menu-button:focus-visible{background:linear-gradient(180deg, #d6a34a24, transparent), var(--surface-selected);color:var(--cream);border-color:#d6a34a94}.routine-template-stack[data-has-selection=true] .routine-builder-block:not(.selected){opacity:.9;filter:saturate(.94)}.routine-template-stack[data-has-selection=true] .routine-builder-block:not(.selected):hover,.routine-template-stack[data-has-selection=true] .routine-builder-block:not(.selected):focus-within{opacity:.98;filter:saturate(.98)}.routine-builder-block{grid-template-columns:var(--routine-block-drag-width) minmax(0, 1fr) var(--routine-block-action-width);align-items:center;gap:var(--routine-block-shell-gap);min-height:var(--routine-block-min-height);padding:var(--routine-block-padding-y) var(--routine-block-padding-x);border-radius:var(--routine-radius-card);background:linear-gradient(180deg, #f2e4c609, transparent 58%, #00000029), var(--surface-row);border:1px solid #76563833;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 1px #f2e4c60a,inset 0 -8px 14px #0003}.routine-builder-block:hover{background:linear-gradient(180deg, #f2e4c60c, transparent 58%, #00000024), var(--surface-hover);border-color:#b1843a52;transform:translateY(-1px)}.routine-builder-block.selected{background:linear-gradient(180deg, #f2e4c60d, #d8aa5809 66%, #0000002e), var(--surface-raised);color:var(--text-primary);border-color:#d8aa5875;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #b1843a3d,inset 3px 0 #d8aa58b8,0 8px 18px #0003,0 0 18px #d8aa580f}.routine-builder-block.selected:after{content:"";pointer-events:none;background:#d8aa584d;width:1px;position:absolute;top:12px;bottom:12px;right:-1px}.routine-builder-block.selected:hover,.routine-builder-block.selected:focus-within{background:linear-gradient(180deg, #f2e4c60f, #d8aa580b 66%, #00000029), var(--surface-hover);border-color:#d8aa588a;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #b1843a47,inset 3px 0 #d8aa58c7,0 9px 20px #00000038,0 0 20px #d8aa5813}.routine-builder-block.dragging{opacity:.82;z-index:3}.routine-builder-drag,.routine-builder-remove,.routine-builder-overflow summary{width:var(--routine-block-action-width);height:calc(var(--routine-block-index-size) + 1px);color:#e8dbbe6b;background:0 0;border:0;justify-content:center;padding:0}.routine-builder-drag{width:var(--routine-block-drag-width);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.routine-builder-drag:active{cursor:grabbing}.routine-builder-drag svg,.routine-builder-remove svg{width:14px;height:14px}.routine-builder-block:hover .routine-builder-drag,.routine-builder-block:focus-within .routine-builder-drag{color:#e8dbbea8}.routine-builder-block .practice-block-number{width:var(--routine-block-index-size);height:var(--routine-block-index-size);background:var(--surface-inset);color:#e8dbbea8;font-family:var(--body-font);border-color:#f2e4c61c;font-size:clamp(.9rem,.16vw + .84rem,.98rem);font-weight:700;line-height:1;box-shadow:inset 0 1px #f2e4c60a,inset 0 -6px 10px #0003}.routine-builder-remove{border-radius:var(--routine-radius-control);color:#e8dbbe6b;border:1px solid #0000}.routine-builder-remove:hover,.routine-builder-remove:focus-visible{color:#f0b5a2;border-color:var(--danger-border);background:var(--danger-bg)}.routine-builder-overflow{justify-self:end;position:relative}.routine-builder-overflow summary{cursor:pointer;place-items:center;list-style:none;display:grid}.routine-builder-overflow summary::-webkit-details-marker{display:none}.routine-builder-overflow button{z-index:5;border-radius:var(--routine-radius-control);color:#f0b5a2;white-space:nowrap;min-height:32px;box-shadow:var(--shadow-soft);background:#120c0cfa;border:1px solid #d9795f47;align-items:center;gap:6px;padding:6px 9px;font-size:.78rem;display:inline-flex;position:absolute;top:34px;right:0}.routine-builder-block-main{grid-template-columns:var(--routine-block-index-size) minmax(0, 1fr) minmax(78px, auto);align-items:center;gap:var(--routine-block-inner-gap);width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:grid}.routine-builder-block-copy{gap:clamp(3px,.24vw,5px);min-width:0;display:grid}.routine-builder-block .routine-builder-title-row{min-width:0;color:inherit;font-size:inherit;white-space:nowrap;align-items:center;gap:7px;display:flex;overflow:hidden}.routine-builder-block-copy strong,.routine-template-card h4{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.routine-builder-block-copy strong{min-width:0;font-size:var(--routine-block-title-size);letter-spacing:0;flex:auto;font-weight:700;line-height:1.12}.routine-editing-pill{width:max-content;min-height:18px;color:var(--accent-gold-soft);text-transform:uppercase;white-space:nowrap;background:#d6a34a13;border:1px solid #d6a34a2e;border-radius:999px;align-items:center;padding:3px 6px;font-size:9.5px;font-style:normal;font-weight:700;line-height:1;display:inline-flex}.routine-builder-block.selected .practice-block-number{color:var(--accent-gold-soft);background:#08080873;border-color:#b1843a57;box-shadow:inset 0 1px #f3e2c20d,0 0 10px #d6a34a0e}.routine-builder-block.selected .routine-builder-block-copy strong{color:var(--cream)}.routine-builder-block-copy span{color:#c9ba9db8;font-size:var(--routine-block-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routine-builder-block-copy .routine-builder-title-row{color:inherit;font-size:inherit;text-overflow:clip;white-space:nowrap;overflow:hidden}.routine-builder-block-copy .routine-block-chip-row{white-space:nowrap;flex-wrap:nowrap;gap:4px;min-width:0;max-width:100%;display:flex;overflow:hidden}.routine-builder-block-copy .routine-block-pill{max-width:min(100%,240px);min-height:var(--routine-block-chip-height);color:#e8dbbeb3;font-size:var(--routine-block-chip-size);text-overflow:ellipsis;white-space:nowrap;background:#11100d7a;border:1px solid #c8a96b1a;border-radius:999px;flex:0 auto;align-items:center;padding:2px 6px;font-weight:620;line-height:1;display:inline-flex;overflow:hidden}.routine-block-meta{color:#e8dbbea3;min-width:74px;font-size:var(--routine-block-meta-size);white-space:nowrap;align-self:center;justify-items:end;gap:2px;font-weight:600;line-height:1.2;display:grid}.routine-block-meta span{align-items:center;gap:4px;display:inline-flex}.routine-block-meta svg{opacity:.78;width:12px;height:12px}.routine-builder-block.selected .routine-builder-block-copy span{color:var(--text-secondary)}.routine-builder-block.selected .routine-builder-block-copy .routine-builder-title-row{color:inherit}.routine-builder-block.selected .routine-builder-block-copy .routine-block-pill{color:#f4e8d0c7;background:#08080842;border-color:#c8a96b24}.routine-builder-block.selected .routine-block-meta{color:#e8dbbead}.pinned-routines-cycle-button{border-radius:var(--routine-radius-control);width:28px;min-width:28px;height:70px;color:var(--text-muted);background:#11111185;border:1px solid #f1e6d01a;justify-content:center;align-items:center;padding:0;display:inline-flex}.pinned-routines-cycle-button:not(:disabled):hover,.pinned-routines-cycle-button:not(:disabled):focus-visible{color:var(--text-secondary);background:#d6a34a12;border-color:#d6a34a47}.pinned-routines-cycle-button:disabled{cursor:not-allowed;opacity:.38}.saved-routine-empty-state{min-height:var(--saved-routines-dock-card-height,100px);border-radius:var(--routine-radius-card);color:var(--text-muted);text-align:center;background:linear-gradient(#f2e4c609,#0000 58%),#1112148f;border:1px solid #c8a96b24;grid-column:1/-1;align-content:center;justify-items:center;gap:8px;padding:14px 18px;display:grid;box-shadow:inset 0 1px #f2e4c60a,inset 0 -1px #00000061}.saved-routine-empty-icon{width:38px;height:38px;color:var(--accent-gold-soft);background:#c8a96b12;border:1px solid #c8a96b2e;border-radius:999px;place-items:center;display:inline-grid}.saved-routine-empty-copy{gap:5px;max-width:420px;display:grid}.saved-routine-empty-state strong{color:var(--cream);font-size:1.05rem;font-weight:760;line-height:1.15}.saved-routine-empty-state span{font-size:13.5px;line-height:1.4}.routine-library-cta{min-height:32px;color:var(--accent-gold-soft);background:0 0;border:0;justify-self:start;align-items:center;gap:6px;margin-top:2px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.routine-library-cta-header{min-height:34px;color:var(--text-secondary);white-space:nowrap;background:#c8a96b09;border:1px solid #c8a96b29;border-radius:999px;padding:6px 11px}.routine-library-cta:hover,.routine-library-cta:focus-visible{color:var(--cream);text-underline-offset:3px;text-decoration:underline}.routine-library-cta-header:hover,.routine-library-cta-header:focus-visible{background:#c8a96b1a;border-color:#c8a96b57}.saved-routines-view-all-link{border-radius:var(--routine-radius-control);min-height:34px;color:var(--text-secondary);white-space:nowrap;background:#f2e4c606;border:1px solid #c8a96b24;justify-content:center;align-items:center;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.saved-routines-view-all-link:hover,.saved-routines-view-all-link:focus-visible{color:var(--accent-gold-soft);background:#c8a96b13;border-color:#c8a96b47;text-decoration:none}.saved-routines-view-all-label--mobile{display:none}.saved-routines-panel h3{letter-spacing:.04em;color:var(--accent-gold-soft);text-transform:uppercase;font-size:16px;font-weight:760}.saved-routines-panel .small-text{margin:2px 0 0;font-size:13.5px}.saved-template-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.saved-template-count{border:1px solid var(--border-strong);min-height:34px;color:var(--accent-gold-soft);white-space:nowrap;background:#c8a96b14;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.routine-template-card{gap:var(--routine-list-gap);border:1px solid var(--border-panel);border-radius:var(--routine-radius-card);background:linear-gradient(180deg, #f2e4c60b, transparent 56%, #0000001a), var(--surface-raised);padding:12px;display:grid;box-shadow:inset 0 1px #f2e4c60d,0 4px 12px #0000001f}.saved-template-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:6px}.saved-routines-panel .saved-template-grid{flex-wrap:wrap;place-content:flex-start start;align-items:flex-start;gap:12px;margin-top:0;padding-top:0;display:flex}.saved-routines-drawer .saved-template-grid{grid-template-columns:repeat(var(--pinned-routine-visible-count,1), minmax(min(100%, 260px), 1fr));width:100%;max-width:100%;min-height:var(--saved-routines-dock-card-height,100px);flex:auto;gap:6px;min-width:0;padding-bottom:0;display:grid;overflow:hidden}.saved-routines-panel .pinned-routine-card{isolation:isolate;background:linear-gradient(#ffffff0a,#0000 48%,#00000038),linear-gradient(#1f2121,#171919 62%,#101111);border:1px solid #d7af691f;border-radius:8px;flex-direction:column;flex:0 0 clamp(252px,24vw,292px);width:min(100%,292px);height:100px;min-height:100px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #00000057,inset 0 -10px 18px #0003,0 0 0 1px #00000047}.saved-routines-panel .pinned-routine-card:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(#f2e4c60b,#0000);border-radius:7px 7px 0 0;height:28px;position:absolute;inset:1px 1px auto}.saved-routines-panel .pinned-routine-card:last-child{border-right-color:#d7af691f}.saved-routines-drawer .saved-template-grid .pinned-routine-card{flex:initial;width:100%;min-width:0;max-width:none}.saved-routines-drawer .saved-routine-empty-state{min-height:var(--saved-routines-dock-card-height,100px);align-content:center;padding:14px 18px}.saved-routines-panel .pinned-routine-card:focus-within{background:linear-gradient(#ffffff0c,#0000 48%,#0000002e),linear-gradient(#232525,#191b1b 62%,#111313);border-color:#d7af6938;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #0000005c,inset 0 -10px 18px #0000002e,0 0 14px #d8aa5811}.saved-routines-panel .pinned-routine-card:has(.saved-template-select-button:hover){background:linear-gradient(#ffffff0c,#0000 48%,#0000002e),linear-gradient(#232525,#191b1b 62%,#111313);border-color:#d7af6938;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #0000005c,inset 0 -10px 18px #0000002e,0 0 14px #d8aa5811}.saved-routines-panel .pinned-routine-card:focus-within:last-child{border-right-color:#d7af6938}.saved-routines-panel .pinned-routine-card:has(.saved-template-select-button:hover):last-child{border-right-color:#d7af6938}.saved-routines-panel .pinned-routine-card .saved-template-select-button{z-index:1;cursor:pointer;flex-direction:column;flex:auto;align-content:start;gap:6px;height:100px;min-height:100px;padding:11px 74px 11px 12px;transition:background .16s;display:flex;position:relative}.saved-routines-panel .pinned-routine-card .saved-template-card-top{gap:5px;min-width:0;display:grid}.saved-routines-panel .pinned-routine-card .saved-template-card-name{color:#f1e6d0f0;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:.94rem;font-weight:820;line-height:1.16;display:block;overflow:hidden}.saved-routines-panel .pinned-routine-card .saved-routine-card-author{color:#c6a978c7;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:650;line-height:1.24;overflow:hidden}.saved-routines-panel .pinned-routine-card .saved-template-card-meta{color:#c9ba9dc2;white-space:nowrap;flex-flow:row;grid-column:1;align-self:start;gap:6px;min-width:0;font-size:.74rem;font-weight:650;line-height:1.24;display:flex;overflow:hidden}.saved-routines-panel .pinned-routine-card .saved-template-card-meta span{align-items:center;min-width:0;display:inline-flex}.saved-routines-panel .pinned-routine-card .saved-template-card-meta span:not(:last-child):after{color:#d7af696b;content:"•";margin-left:6px;font-weight:700}.saved-routines-panel .pinned-routine-card .saved-routine-card-footer{grid-column:1;justify-content:space-between;place-self:end stretch;align-items:center;width:100%;min-width:0;margin-top:auto;display:flex}.saved-routines-panel .pinned-routine-card .saved-routine-menu-trigger{z-index:4;color:#c6a978c7;background:linear-gradient(#f2e4c60a,#0d0c0ae0),#11100d;border:1px solid #d7af6929;border-radius:5px;place-items:center;width:30px;min-width:30px;height:28px;padding:0;display:inline-grid;position:absolute;top:12px;bottom:auto;right:12px;box-shadow:inset 0 1px #f2e4c609,inset 0 -6px 10px #0000003d}.saved-routines-panel .pinned-routine-card .saved-routine-menu-trigger:hover,.saved-routines-panel .pinned-routine-card .saved-routine-menu-trigger:focus-visible{color:#f2e4c6e6;background:linear-gradient(#d8aa581f,#0d0c0ad1),#11100d;border-color:#d8aa5857}.saved-routines-panel .pinned-routine-card .routine-publish-status{color:#c6a978e0;letter-spacing:.06em;background:linear-gradient(#f2e4c609,#0d0c0ae0),#11100d;border:1px solid #d7af6929;border-radius:3px;font-size:.58rem;font-weight:860;line-height:1}.saved-routine-menu-action-grid,.saved-routine-menu-footer{gap:4px;display:grid}.saved-routine-menu-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.saved-routine-menu-footer{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:auto;padding-top:4px}.saved-template-split{grid-template-columns:minmax(0,1fr) 260px;gap:14px;display:grid}.saved-template-column{align-content:start;gap:8px;min-width:0;display:grid}.saved-template-default-column{border-left:1px solid #c8a96b29;padding-left:14px}.saved-template-default-column .saved-template-grid{grid-template-columns:1fr;gap:5px}.saved-template-column-header{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.saved-template-column-header h4{color:var(--text-primary);margin:0;font-size:.94rem;font-weight:700}.saved-template-column-header span{color:var(--text-muted);font-size:12px;font-weight:500}.saved-template-card{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;min-height:54px;padding:0;overflow:visible}.default-template-card{min-height:46px}.saved-template-select-button{border-radius:inherit;width:100%;min-height:0;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:2px 10px;padding:9px 11px;display:grid}.default-template-card .saved-template-select-button{padding:7px 9px}.saved-template-select-button:hover,.saved-template-select-button:focus-visible{color:inherit;background:#c8a96b17}.saved-template-card-name{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden}.default-template-card .saved-template-card-name{font-size:.92rem}.saved-template-card-meta{color:var(--text-muted);flex-wrap:wrap;grid-column:1;gap:4px 8px;font-size:12px;line-height:1.35;display:flex}.default-template-card .saved-template-card-meta{font-size:.78rem}.saved-template-load-affordance{width:fit-content;color:var(--accent-gold-soft);text-transform:uppercase;grid-column:2;align-self:center;margin-top:0;font-size:12px;font-weight:700}.saved-template-card-actions{align-items:center;gap:4px;padding-right:6px;display:flex}.saved-routine-menu{align-self:center;padding-right:6px;position:relative}.saved-routine-menu summary{border-radius:var(--routine-radius-control);width:38px;min-width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#08090a4d;border:1px solid #c8a96b2e;place-items:center;list-style:none;display:grid}.saved-routine-menu summary::-webkit-details-marker{display:none}.saved-routine-menu summary:hover,.saved-routine-menu summary:focus-visible{color:var(--accent-gold-soft);border-color:#c8a96b57}.saved-routine-menu-popover{z-index:8;border:1px solid var(--border-panel);border-radius:var(--routine-radius-card);background:var(--surface-panel-soft);min-width:190px;box-shadow:var(--shadow-soft);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:6px}.saved-routine-menu-popover button{min-height:38px;color:var(--text-secondary);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:flex-start;padding:8px 10px;font-size:13px;font-weight:700}.saved-routine-menu-popover button:hover,.saved-routine-menu-popover button:focus-visible{background:var(--surface-hover);color:var(--cream)}.saved-routine-menu-popover .menu-cancel-action{background:#08090a52;border:1px solid #c8a96b29}.saved-routine-menu-popover .publish-menu-button{color:#dce8df}.saved-routine-menu-popover .danger-menu-action{color:#e2a898}.saved-template-publish-button{border-color:var(--border-warm);background:var(--surface-hover);width:30px;min-width:30px;height:30px;color:var(--text-secondary)}.saved-template-publish-button:hover,.saved-template-publish-button:focus-visible{color:var(--cream);background:var(--surface-selected);border-color:#d6a34a94}.saved-template-delete-button{color:#d8a090;background:#120c0c6b;border-color:#d9795f38;align-self:center;width:30px;min-width:30px;height:30px;margin-right:0}.routine-publish-status{min-height:23px;color:var(--text-muted);text-transform:uppercase;border:1px solid #c8a96b29;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.routine-publish-status.private{color:#c8bda8;background:#24231f;border-color:#3c382f}.routine-publish-status.unlisted{color:#b9cad4;background:#202b32;border-color:#425463}.routine-publish-status.pending{color:#d8b15e;background:#3a2e17;border-color:#7a5a1e}.routine-publish-status.published{color:#bfdcc6;background:#24362b;border-color:#4f7259}.routine-publish-status.rejected{color:#d7b48b;background:#33291f;border-color:#7b5b3d}.routine-publish-status.default{color:var(--accent-gold-soft);background:#c8a96b12;border-color:#c8a96b3d}.saved-routines-panel .pinned-routine-card .routine-publish-status{text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;width:max-content;max-width:calc(100% - 24px);min-height:21px;padding:4px 8px;line-height:1.05;position:absolute;bottom:10px;right:12px;overflow:hidden}.saved-routines-panel .pinned-routine-card .routine-publish-status.private,.saved-routines-panel .pinned-routine-card .routine-publish-status.unlisted,.saved-routines-panel .pinned-routine-card .routine-publish-status.pending,.saved-routines-panel .pinned-routine-card .routine-publish-status.published,.saved-routines-panel .pinned-routine-card .routine-publish-status.rejected,.saved-routines-panel .pinned-routine-card .routine-publish-status.default{color:#c6a978e0;background:linear-gradient(#f2e4c609,#0d0c0ae0),#11100d;border-color:#d7af6929}.saved-routines-panel .pinned-routine-card .routine-publish-status.default,.saved-routines-panel .pinned-routine-card .routine-publish-status.pending{color:#ffe19df5;background:linear-gradient(#d8aa5838,#23180be6),#17110a;border-color:#e8c17094;font-size:.62rem;box-shadow:inset 0 1px #fff0cd1f,0 0 0 1px #d8aa581f}.saved-template-delete-button:hover,.saved-template-delete-button:focus-visible{color:#f0b5a2;border-color:#d9795f5c}.saved-template-placeholder{min-height:44px;box-shadow:var(--inner-glow);opacity:.72;background:#1112146b;border-style:dashed;padding:7px 9px;display:grid}.saved-template-card .routine-card-detail,.saved-template-card .routine-category-row,.saved-template-card .routine-template-stat-row,.saved-template-card .routine-card-actions,.saved-template-card .routine-card-overflow{display:none}.routine-template-card-top,.routine-template-meta{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.routine-card-overflow{justify-content:center;width:32px;min-width:32px;height:34px;padding:0}.routine-template-meta{color:var(--text-muted);font-size:.82rem}.routine-template-meta span{min-width:0}.routine-template-meta span:last-child{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routine-template-stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.routine-template-stat-row span{border-radius:var(--routine-radius-card);background:#c8a96b0f;border:1px solid #c8a96b2e;gap:2px;padding:8px;display:grid}.routine-template-stat-row strong{color:var(--cream);font-family:var(--display-font);font-size:1.12rem;font-weight:600;line-height:1}.routine-template-stat-row small{color:var(--muted);font-size:.76rem}.routine-template-card .routine-card-actions button{border-radius:var(--routine-radius-control);align-items:center;gap:7px;min-height:34px;padding:7px 10px;display:inline-flex}.routines-page .inline-tabs{border-radius:var(--routine-radius-card);box-shadow:inset 0 1px #f3e2c20d}.routines-page .inline-tabs button{border-radius:var(--routine-radius-control);min-height:34px;padding:8px 12px;font-weight:700}.template-library-card{border:1px solid var(--border-panel);border-radius:var(--routine-radius-card);background:var(--surface-row);flex:none;grid-template-columns:minmax(220px,1fr) minmax(280px,.9fr) auto;align-items:start;gap:18px;height:auto;min-height:92px;padding:12px 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f1e6d00a}.template-library-card.routine-library-block{cursor:default;transition:border-color .16s,background .16s,box-shadow .16s,opacity .16s}.template-library-card.routine-library-block:hover,.template-library-card.routine-library-block:focus-within{border-color:var(--border-strong);background:linear-gradient(180deg, #d6a34a0f, transparent), var(--surface-hover);box-shadow:0 0 0 1px #c8a96b14, 0 10px 22px #0003, var(--inner-glow)}.template-library-card.routine-library-block:active{border-color:var(--border-selected);background:linear-gradient(180deg, #d6a34a14, transparent), var(--surface-hover)}.template-library-card.official{border-color:var(--border-panel);background:linear-gradient(180deg, #d6a34a0b, transparent), var(--surface-row)}.template-library-card[data-pinned=true]{background:linear-gradient(90deg, #d8aa581a, transparent 34%), linear-gradient(180deg, #eed39a0b, transparent), var(--surface-row);border-color:#d8aa586b;box-shadow:inset 3px 0 #d8aa588f,inset 0 1px #fff0cd12,0 0 0 1px #d8aa5814}.template-library-card[data-pinned=true]:hover,.template-library-card[data-pinned=true]:focus-within{border-color:#e8c1708f;box-shadow:inset 3px 0 #e8c170ad,inset 0 1px #fff0cd17,0 0 0 1px #d8aa5829,0 10px 22px #00000038}.template-library-card-main{flex-direction:column;align-content:start;gap:4px;min-width:0;display:flex;overflow:hidden}.template-library-card-title-row{min-width:0;display:block}.template-library-card h4{min-width:0;color:var(--cream);text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;font-size:.98rem;font-weight:700;overflow:hidden}.template-library-author{color:#e8dbbec2;margin:0;font-size:12px;font-weight:500}.template-library-meta-line,.template-library-pillars,.template-library-includes{color:var(--text-muted);margin:0;font-size:12px;line-height:1.25}.template-library-meta-line{flex-wrap:wrap;gap:5px 9px;display:flex}.template-library-meta-line span:not(:last-child):after{content:"•";color:#c8a96b6b;margin-left:9px}.template-library-pillars{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.template-library-includes{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-library-card-actions{grid-template-columns:repeat(3,minmax(72px,1fr));place-content:center end;align-items:stretch;gap:8px;width:100%;max-width:280px;display:grid}.template-library-card-details{align-self:center;gap:4px;min-width:0;max-width:100%;padding-top:0;display:grid;overflow:hidden}.template-library-card-details p{min-width:0;color:var(--text-muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px;margin:0;font-size:12px;font-weight:500;line-height:1.25;display:grid;overflow:hidden}.template-library-detail-label{color:#e8dbbe9e;letter-spacing:.04em;text-transform:uppercase;flex:none;padding-top:2px;font-size:10px;font-weight:700;line-height:1}.template-library-detail-value{min-width:0;color:var(--text-muted);-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.template-library-card-side{flex-direction:column;align-self:start;align-items:flex-end;gap:8px;min-width:110px;display:flex}.template-library-pinned-state{min-height:18px;color:var(--accent-gold-soft);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#d8aa5824;border:1px solid #d8aa5861;border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.template-library-menu-trigger{border:1px solid var(--border-panel);background:var(--surface-inset);width:30px;min-width:30px;height:30px;color:var(--text-muted);border-radius:999px;place-items:center;padding:0;display:inline-grid}.template-library-menu-trigger:hover,.template-library-menu-trigger:focus-visible{border-color:var(--border-strong);color:var(--accent-gold-soft)}.template-library-action{border-radius:var(--routine-radius-control);text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;min-height:34px;padding:0 10px;font-size:12px;font-weight:700;line-height:1;overflow:hidden}.template-library-load-action{color:#17120a;background:linear-gradient(#fff0c8,#edc982);border:1px solid #ffeecabd;box-shadow:0 8px 18px #00000038}.template-library-load-action:hover,.template-library-load-action:focus-visible{color:#111;background:linear-gradient(#fff5d6,#f2d08d);border-color:#fff4dae6}.template-library-card .routine-publish-status{max-width:120px;min-height:auto;box-shadow:none;letter-spacing:.04em;text-align:right;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;justify-content:flex-end;padding:0;font-size:9px;line-height:1.05;overflow:hidden}
.publish-template-button{background:linear-gradient(180deg, #d6a34a14, transparent), var(--surface-hover);color:var(--text-primary);border-color:#b1843a6b}.publish-template-button:hover,.publish-template-button:focus-visible{background:linear-gradient(180deg, #d6a34a24, transparent), var(--surface-selected);color:var(--cream);border-color:#d6a34a94}.routine-block-modal-editor .label .routine-field-label-row{justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.routine-block-modal-overlay{padding:20px}.routine-block-modal{border-color:var(--border-panel);border-radius:var(--routine-radius-panel);background:linear-gradient(#f1e6d008,#0000 38%),#101112;flex-direction:column;gap:8px;width:min(1120px,100vw - 44px);max-height:min(790px,100dvh - 40px);padding:16px 18px 14px;display:flex;overflow:hidden}.routine-block-modal.editor-only{width:min(840px,100vw - 40px);height:auto;max-height:min(780px,100dvh - 40px)}.routine-block-modal-header{border-bottom:1px solid #f1e6d014;flex:none;align-items:center;gap:12px;padding:2px 0 8px}.routine-block-modal-header h3{margin:0;font-size:clamp(1.1rem,1rem + .38vw,1.32rem);line-height:1.15}.routine-block-modal-title-copy{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.routine-block-modal-subtitle{color:#c9ba9dad;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.74rem;line-height:1.2;overflow:hidden}.routine-block-modal-eyebrow{color:var(--accent-gold-soft);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:760}.routine-block-modal-body{grid-template-columns:minmax(280px,.86fr) minmax(360px,1.14fr);gap:18px;min-height:0;display:grid;overflow:hidden}.routine-block-modal.editor-only .routine-block-modal-body{grid-template-columns:minmax(0,1fr)}.routine-block-modal.editor-only .routine-block-modal-editor{min-height:0}.routine-block-modal-library,.routine-block-modal-editor{background:0 0;border:0;border-radius:0;min-width:0;min-height:0}.routine-block-modal-library{border-right:1px solid #f1e6d014;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:8px 18px 4px 0;display:grid}.routine-block-modal-editor{flex-direction:column;flex:auto;gap:6px;min-height:0;padding:5px 2px 4px;display:flex;overflow:hidden}.routine-block-modal-pillar-list{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);scrollbar-gutter:stable;min-height:0;overflow:auto}.routine-block-modal-pillar-list details{border-bottom:1px solid var(--border-subtle)}.routine-block-modal-pillar-list details:last-child{border-bottom:0}.routine-block-modal-pillar-list summary{cursor:pointer;min-height:38px;color:var(--text-primary);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 4px;font-size:.88rem;font-weight:700;list-style:none;display:grid}.routine-block-modal-pillar-list summary::-webkit-details-marker{display:none}.routine-block-modal-pillar-list details[open]{background:linear-gradient(#d6a34a06,#0000 58%),#0808086b}.routine-block-modal-pillar-list details[open] .routine-pillar-summary-label .routine-pillar-chevron{transform:rotate(180deg)}.routine-block-modal-exercise-list{padding:4px 6px 11px 50px;line-height:1.82;display:block;position:relative}.routine-block-modal-exercise-list:before{content:"";background:#d6a34a26;width:1px;position:absolute;top:7px;bottom:13px;left:31px}.routine-block-modal-exercise-item{align-items:center;gap:4px;display:inline-flex}.routine-block-modal-exercise-item:not(:last-child):after{color:#c8a96b57;content:"|";margin:0 10px;font-weight:500;display:inline-block}.routine-block-modal-exercise-item>button:not(.routine-palette-chip-delete){color:#e8dbbeb8;cursor:pointer;font-size:12px;font-weight:700;line-height:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.routine-block-modal-exercise-item>button:not(.routine-palette-chip-delete):hover,.routine-block-modal-exercise-item>button:not(.routine-palette-chip-delete):focus-visible,.routine-block-modal-exercise-item>button.selected{color:var(--cream);text-underline-offset:3px;-webkit-text-decoration:underline #c8a96b75;text-decoration:underline #c8a96b75}.routine-block-modal-exercise-item>button.selected{color:var(--accent-gold-soft)}.routine-block-modal-exercise-item em{color:#e8dbbe8a;font-size:10px;font-style:normal;font-weight:600}.routine-block-modal-exercise-item em:before{content:"·";margin-right:4px}.routine-block-modal-editor .routine-block-editor-grid{scrollbar-gutter:stable;flex:auto;padding-right:6px;overflow:auto}.routine-block-modal-editor .routine-editor-section{gap:14px;width:min(100%,760px);min-height:0;display:grid}.routine-block-mobile-sections,.routine-block-mobile-section,.routine-block-mobile-section-body{display:contents}.routine-block-mobile-section-toggle{display:none}.routine-block-modal-editor-group{border-bottom:1px solid #f1e6d014;gap:10px;padding:0 0 14px;display:grid}.routine-block-modal-editor-group:last-child{border-bottom:0;padding-bottom:0}.routine-editor-group-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:760;line-height:1}.routine-block-modal-editor .routine-block-title-field input{min-height:38px;color:var(--text-primary);font-size:.98rem;font-weight:700}.routine-block-modal-timing-grid{grid-template-columns:minmax(120px,150px) auto;justify-content:start;align-items:end;gap:12px;max-width:520px;display:grid}.routine-block-modal-timing-grid[data-has-bpm=true]{grid-template-columns:minmax(120px,150px) auto minmax(120px,150px);max-width:620px}.routine-block-modal-editor .routine-target-time-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 6px}.routine-block-modal-editor .routine-target-time-field>span{grid-column:1/-1}.routine-block-modal-editor .routine-target-time-field input{min-width:0}.routine-field-unit{color:#c9ba9db8;align-self:center;font-size:11px;font-weight:650;line-height:1}.routine-block-modal-notes-grid{grid-template-columns:repeat(2,minmax(220px,340px));justify-content:start;gap:12px;max-width:720px;display:grid}.routine-block-modal-notes-grid .routine-module-config-launcher{grid-column:1/-1;width:min(100%,540px)}.routine-block-modal-editor input,.routine-block-modal-editor select,.routine-block-modal-editor textarea{min-height:35px;box-shadow:none;color:var(--cream);background:#080808b8;border:1px solid #f1e6d01c;border-radius:6px;padding:8px 9px;font-size:.9rem}.routine-block-modal-editor input:focus,.routine-block-modal-editor select:focus,.routine-block-modal-editor textarea:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px #d6a34a1a}.routine-block-modal-editor .label{gap:5px}.routine-block-modal-editor .label span{color:var(--cream);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.routine-block-modal-editor .routine-editor-notes textarea{resize:vertical;min-height:60px}.routine-block-modal-editor .routine-selected-block-meta{background:0 0;border:0;border-radius:0;gap:12px;padding:0}.routine-block-modal-editor .routine-readonly-context strong{font-size:.9rem}.routine-block-modal-editor .routine-track-bpm-toggle{color:#c9ba9dcc;align-self:end;gap:6px;min-height:35px;padding-bottom:1px;font-size:11px}.routine-block-modal-editor .routine-track-bpm-toggle input{border-radius:3px;width:13px;min-width:13px;height:13px;min-height:13px}.routine-block-modal-editor .routine-track-bpm-toggle span{white-space:nowrap;font-size:11px}.routine-block-modal-actions{background:0 0;border-top:0;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-top:0;padding-top:8px;display:flex}.routine-block-modal-actions button{border-radius:6px;min-height:34px;padding:7px 12px;font-size:13px;font-weight:700}.routine-module-config-overlay,.routine-material-picker-overlay{z-index:166}.routine-block-discard-overlay{z-index:168}.routine-block-discard-dialog{background:linear-gradient(#f2e4c605,#0000 40%),#101112;border-color:#dccba029;width:min(420px,100vw - 32px)}.routine-block-discard-actions{margin-top:10px}@media (max-width:1420px){.routine-block-modal-overlay{padding:16px}.routine-block-modal,.routine-block-modal.editor-only{gap:8px;width:min(900px,100vw - 32px);max-height:calc(100dvh - 32px);padding:14px 16px 12px}.routine-block-modal-header{z-index:3;background:linear-gradient(#101112,#101112f5);padding:0 0 6px;position:sticky;top:0}.routine-block-modal-header h3{font-size:clamp(1.05rem,.98rem + .32vw,1.22rem)}.routine-block-modal-subtitle{font-size:.7rem}.routine-block-modal-body{grid-template-columns:minmax(0,1fr);padding-right:2px;overflow-y:auto}.routine-block-modal-library{display:none}.routine-block-modal-editor{min-height:0;padding:4px 0 0}.routine-block-modal-editor .routine-block-editor-grid{padding-right:0;overflow:visible}.routine-block-modal-editor .routine-editor-section{gap:10px;width:100%}.routine-block-modal-actions{padding-top:8px}}.routines-page .session-save-dialog.routine-module-config-modal{border-radius:var(--routine-radius-panel);background:linear-gradient(#f2e4c605,#0000 38%),#101112;border-color:#dccba029;grid-template-rows:auto auto auto auto;gap:14px;width:min(840px,100vw - 48px);max-width:840px;max-height:min(860px,100dvh - 24px);overflow:hidden;box-shadow:0 22px 58px #0000005c,inset 0 1px #f2e4c607}.routine-module-config-header{border-bottom:1px solid #f1e6d014;padding-bottom:10px}.routine-module-config-header h3{color:var(--cream)}.routine-module-config-helper{color:#e8dbbec7;max-width:560px;margin:5px 0 0;font-size:13px;line-height:1.35}.routine-module-config-header .small-text{max-width:520px;color:var(--text-muted);margin-top:4px}.routine-module-config-tabs{background:#05050542;border:1px solid #dccba01a;border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0;padding:3px;display:grid}.routine-module-config-tab{min-width:0;min-height:52px;box-shadow:none;color:var(--text-secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-content:center;gap:4px;padding:6px 9px 8px;display:grid;position:relative;overflow:hidden}.routine-module-config-tab:after{content:"";background:#d6b97300;border-radius:999px;height:2px;position:absolute;bottom:5px;left:10px;right:10px}.routine-module-config-tab[data-active=true]{box-shadow:none;color:var(--cream);background:#d6b9730e;border-color:#d6b97347}.routine-module-config-tab[data-active=true]:after{background:#d6b973ad}.routine-module-config-tab:hover,.routine-module-config-tab:focus-visible{color:var(--cream);background:#12110f6b;border-color:#dccba01f}.routine-module-config-tab strong{letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800;line-height:1;overflow:hidden}.routine-module-config-tab span{color:var(--text-muted);text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:650;line-height:1.2;display:-webkit-box;overflow:hidden}.routine-module-config-tab[data-active=true] span{color:var(--text-secondary)}.routine-module-config-body{min-height:0;box-shadow:none;scrollbar-gutter:stable;background:#08080738;border:1px solid #dccba014;border-radius:10px;padding:12px;overflow:visible}.routine-module-config-panel{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0;display:grid}.routine-module-toggle{min-width:0;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #dccba017;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0 0 11px;display:grid}.routine-module-toggle input{appearance:none;cursor:pointer;background:#00000094;border:1px solid #c8a96b52;border-radius:999px;place-content:center;width:34px;min-width:34px;height:20px;display:inline-grid}.routine-module-toggle input:before{content:"";background:#c9ba9dc7;border-radius:999px;width:14px;height:14px;transition:background .14s,transform .14s;transform:translate(-7px)}.routine-module-toggle input:checked{background:#d6a34a38;border-color:#d6a34aad}.routine-module-toggle input:checked:before{background:var(--accent-gold-soft);transform:translate(7px)}.routine-module-toggle input:focus-visible{outline-offset:3px;outline:2px solid #d6a34a57}.routine-module-toggle span{gap:4px;min-width:0;display:grid}.routine-module-toggle strong{color:var(--cream);font-size:.94rem;font-weight:760}.routine-module-toggle small{color:var(--text-muted);font-size:12px;line-height:1.3}.routine-module-toggle em{color:#c9ba9db8;font-size:12px;font-style:normal;line-height:1.35}.routine-module-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 11px;min-width:0;display:grid}.routine-module-section{min-width:0;box-shadow:none;background:0 0;border:0;border-top:1px solid #dccba013;border-radius:0;gap:8px;margin-top:10px;padding:10px 0 0;display:grid}.routine-module-toggle+.routine-module-section{border-top:0;padding-top:0}.routine-module-toggle+.routine-module-config-grid{padding-top:12px}.routine-module-metronome-panel .routine-module-rhythm-section .routine-module-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.routine-module-metronome-panel .routine-module-gap-section{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);align-items:center;gap:12px}.routine-module-metronome-panel .routine-module-gap-section .routine-module-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-module-section-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.routine-module-section-header strong{color:#e8dbbee0;letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:760;line-height:1.2;overflow:hidden}.routine-module-section-header span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:680;line-height:1.2;overflow:hidden}.routine-module-config-panel .label{gap:4px;display:grid}.routine-module-config-panel .label span{color:var(--cream);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:760}.routine-module-config-panel input:not([type=checkbox]),.routine-module-config-panel select{min-height:34px;color:var(--cream);background:#05050594;border:1px solid #f1e6d01b;border-radius:7px;padding:6px 9px;font-size:.88rem}.routine-module-config-panel input:disabled,.routine-module-config-panel select:disabled{color:#e8dbbead;opacity:1;-webkit-text-fill-color:#e8dbbead;background:#05050570}.routine-module-config-panel input:disabled::placeholder{color:#c9ba9d94}.routine-module-accent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.routine-module-accent-grid.dense{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.routine-module-accent-step{min-width:0;min-height:38px;box-shadow:none;color:var(--text-secondary);text-align:center;background:#05050561;border:1px solid #dccba016;border-radius:7px;align-content:center;gap:2px;padding:5px;display:grid}.routine-module-accent-step.beat-start{border-color:#dccba021}.routine-module-accent-step.accent-level-0{color:#c9ba9d70}.routine-module-accent-step.accent-level-2{color:var(--cream);border-color:#dccba024}.routine-module-accent-step.accent-level-3{color:var(--accent-gold-soft);background:#d6b9730e;border-color:#d6b97357}.routine-module-accent-step strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:820;line-height:1;overflow:hidden}.routine-module-accent-step span{letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8.5px;font-weight:780;line-height:1.1;overflow:hidden}.routine-module-accent-step:disabled,.routine-module-pattern-actions button:disabled,.routine-module-compact-toggle input:disabled{cursor:not-allowed;opacity:.5}.routine-module-accent-step:not(:disabled):hover,.routine-module-accent-step:not(:disabled):focus-visible{color:var(--cream);border-color:#d6a34a7a}.routine-module-pattern-actions{flex-wrap:wrap;gap:5px;display:flex}.routine-module-pattern-actions button{min-height:26px;box-shadow:none;color:var(--text-secondary);background:0 0;border:1px solid #dccba016;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:780}.routine-module-pattern-actions button:not(:disabled):hover,.routine-module-pattern-actions button:not(:disabled):focus-visible{color:var(--cream);border-color:#d6a34a61}.routine-module-compact-toggle{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.routine-module-compact-toggle input{appearance:none;cursor:pointer;background:#00000094;border:1px solid #c8a96b4d;border-radius:999px;place-content:center;width:32px;min-width:32px;height:19px;display:inline-grid}.routine-module-compact-toggle input:before{content:"";background:#c9ba9dbd;border-radius:999px;width:13px;height:13px;transition:background .14s,transform .14s;transform:translate(-6px)}.routine-module-compact-toggle input:checked{background:#d6a34a2e;border-color:#d6a34a9e}.routine-module-compact-toggle input:checked:before{background:var(--accent-gold-soft);transform:translate(6px)}.routine-module-compact-toggle span{gap:3px;min-width:0;display:grid}.routine-module-compact-toggle strong{color:var(--cream);font-size:.9rem;font-weight:760}.routine-module-compact-toggle small{color:var(--text-muted);font-size:12px;line-height:1.25}.routine-module-config-actions{box-shadow:none;background:0 0;border-top:1px solid #dccba017;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.routine-module-config-actions button{border-radius:7px;min-height:36px;font-size:13px;font-weight:760}.routines-page .routine-module-reset-button{box-shadow:none;color:#c9ba9dc2;background:0 0;border-color:#dccba01f;align-items:center;gap:7px;padding-inline:11px;display:inline-flex}.routine-module-reset-label--mobile{display:none}.routines-page .routine-module-reset-button:hover,.routines-page .routine-module-reset-button:focus-visible{color:var(--cream);opacity:1;box-shadow:none;background:#12110f57;border-color:#d6b97342;transform:none}@media (max-height:680px){.routines-page .session-save-dialog.routine-module-config-modal{grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px}.routine-module-config-body{overflow:auto}}@media (max-width:720px){.routines-page .session-save-dialog.routine-module-config-modal{grid-template-rows:auto auto minmax(0,1fr) auto;width:min(100vw - 24px,640px);max-height:calc(100dvh - 24px)}.routine-module-config-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-module-config-body{overflow:auto}.routine-module-metronome-panel .routine-module-rhythm-section .routine-module-config-grid,.routine-module-metronome-panel .routine-module-gap-section,.routine-module-metronome-panel .routine-module-gap-section .routine-module-config-grid,.routine-module-config-grid,.routine-module-summary-row{grid-template-columns:minmax(0,1fr)}.routine-module-accent-grid,.routine-module-accent-grid.dense{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-module-config-actions{justify-content:stretch}.routine-module-config-actions button{width:100%}}.routine-save-dialog textarea{min-height:112px}.routine-save-dialog-body{gap:12px;min-width:0;display:grid}.routine-save-dialog-footer{gap:8px;display:grid}.routine-save-actions{gap:10px}.routine-save-dialog .label small,.routine-publish-dialog .label small{color:var(--text-muted);font-size:12px;line-height:1.35}.routine-save-publish-toggle{border:1px solid var(--border-warm);border-radius:var(--routine-radius-card);background:linear-gradient(180deg, #d6a34a0a, transparent), var(--surface-panel-soft);align-items:flex-start;padding:10px}.routine-save-publish-toggle span{gap:2px;line-height:1.35;display:grid}.routine-save-publish-toggle strong{color:var(--text-primary);font-size:13px;font-weight:700}.routine-save-publish-toggle small{color:var(--text-muted);font-size:12px}.routine-publish-review-note{border-radius:var(--routine-radius-card);color:var(--text-secondary);background:#c8a96b0e;border:1px solid #c8a96b33;gap:3px;padding:8px 10px;line-height:1.35;display:grid}.routine-publish-review-note strong{color:var(--accent-gold-soft);font-size:12px;font-weight:700}.routine-publish-review-note span{color:var(--text-muted);font-size:12px}.routine-publish-dialog{flex-direction:column;gap:0;width:min(860px,100vw - 48px);max-height:calc(100svh - 48px);padding:0;display:flex;overflow:hidden}.routine-publish-dialog .session-save-dialog-header{border-bottom:1px solid #c8a96b24;flex:none;padding:16px 18px 12px}.routine-publish-dialog .session-save-dialog-header h3{font-size:clamp(1.45rem,1.8vw,1.72rem)}.routine-publish-dialog-body{scrollbar-gutter:stable;flex:auto;gap:10px;min-height:0;padding:14px 18px 12px;display:grid;overflow-y:auto}.routine-publish-dialog .label{gap:5px}.routine-publish-dialog input,.routine-publish-dialog select,.routine-publish-dialog textarea{min-height:38px;padding:8px 10px}.routine-publish-dialog textarea{min-height:72px;max-height:132px}.publish-kicker{color:var(--accent-gold-soft)}.routine-publish-save-state{border-radius:var(--routine-radius-card);color:var(--text-secondary);background:#c8a96b13;border:1px solid #c8a96b3d;gap:3px;padding:8px 10px;font-size:.82rem;line-height:1.4;display:grid}.routine-publish-save-state strong{color:var(--accent-gold-soft)}.routine-selected-publish-status{border:1px solid var(--border-panel);border-radius:var(--routine-radius-card);background:var(--surface-panel-soft);align-items:center;gap:8px;min-height:32px;padding:7px 10px;display:flex}.routine-selected-publish-status strong{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.routine-publish-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.routine-publish-confirm{border:1px solid var(--border-warm);border-radius:var(--routine-radius-card);color:var(--text-primary);background:#d6a34a14;align-items:flex-start;padding:8px 10px;line-height:1.35}.routine-publish-dialog-footer{background:linear-gradient(180deg, #0505060a, #0505062e), var(--bg-panel);border-top:1px solid #c8a96b24;flex:none;gap:8px;padding:12px 18px 16px;display:grid}.routine-publish-dialog-footer .form-message{margin:0}.routine-publish-actions{gap:10px}.routine-publish-actions button{min-height:38px}.routine-publish-submit{box-shadow:0 10px 26px #0c0a074d, var(--inner-glow)}.template-library-dialog{width:min(100%,980px);max-height:min(82vh,760px);overflow:hidden}.template-library-dialog.manage-routines-modal{width:min(900px,92vw);height:min(860px, calc(100svh - var(--saved-routines-drawer-height,282px) - 24px));max-height:calc(100svh - var(--saved-routines-drawer-height,282px) - 24px);border-radius:var(--routine-radius-panel);flex-direction:column;gap:10px;display:flex}.routines-page .session-save-dialog{border-radius:var(--routine-radius-panel)}.routine-actions-dialog{gap:16px;width:min(520px,100vw - 32px)}.routine-actions-summary{border:1px solid var(--border-panel);border-radius:var(--routine-radius-card);background:linear-gradient(180deg, #f2e4c60a, transparent 58%, #0000001f), var(--surface-panel);gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px #f2e4c60a}.routine-actions-status-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.routine-actions-status-row strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.routine-actions-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.routine-actions-meta-grid div{border:1px solid var(--border-subtle);background:var(--surface-row);border-radius:8px;gap:3px;min-width:0;padding:8px;display:grid}.routine-actions-meta-grid dt{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:760}.routine-actions-meta-grid dd{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:700;overflow:hidden}.routine-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.routine-actions-grid button{justify-content:center;min-height:40px;padding:8px 11px}.routine-actions-grid .primary{min-height:40px;font-size:13px}.routine-unsaved-template-dialog{gap:14px;width:min(480px,100vw - 32px)}.routine-unsaved-template-warning{border-radius:var(--routine-radius-card);background:linear-gradient(180deg, #f2e4c60e, transparent 62%, #00000021), var(--surface-panel);border:1px solid #b88f4a57;gap:7px;padding:13px;display:grid;box-shadow:inset 0 1px #f2e4c60b,0 8px 18px #00000024}.routine-unsaved-template-warning strong{color:var(--text-primary);font-size:1rem;line-height:1.2}.routine-unsaved-template-warning p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.routine-unsaved-template-actions{padding-top:2px}.routine-actions-danger{border-top:1px solid #e058582e;gap:8px;margin-top:2px;padding-top:14px;display:grid}.routine-actions-danger>span{color:#e2a898db;letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;font-weight:760}.routine-actions-danger small{color:#c9ba9db8;font-size:12px;line-height:1.35}.routine-danger-button{border-radius:var(--routine-radius-control);color:#e7aa9b;background:linear-gradient(#d9795f1f,#0000 58%),#120c0cb8;border:1px solid #e0585861;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-size:13px;font-weight:760;display:inline-flex}.routine-danger-button:hover,.routine-danger-button:focus-visible{color:#f0b5a2;background:linear-gradient(#d9795f2e,#0000 58%),#1e0e0dd1;border-color:#e0585894}.routine-danger-button:disabled{cursor:not-allowed;opacity:.58}.routine-delete-confirmation{border-radius:var(--routine-radius-card);background:linear-gradient(#d9795f1a,#0000 50%,#00000029),#120c0c94;border:1px solid #e0585857;gap:10px;padding:14px;display:grid;box-shadow:inset 0 1px #f2e4c609,0 8px 18px #00000029}.routine-delete-confirmation strong{color:#f0b5a2;font-size:1rem;line-height:1.2}.routine-delete-confirmation p{color:#e8dbbec2;margin:0;font-size:13px;line-height:1.45}.routine-delete-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.routine-actions-footer{border-top:1px solid var(--border-subtle);padding-top:12px}.template-library-dialog .session-save-dialog-header{flex:none}.template-library-sticky{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, #f1e6d009, transparent), var(--surface-panel);flex:none;gap:8px;padding-bottom:8px;display:grid}.template-library-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.template-library-helper{margin:4px 0 0;font-size:13px;font-weight:400}.template-library-control-row{align-items:center;min-width:0;display:flex}.template-library-pin-helper{color:var(--accent-gold-soft);margin:0;font-size:13px;font-weight:650}.template-library-pin-count{border:1px solid var(--border-panel);min-height:34px;color:var(--text-secondary);white-space:nowrap;background:#c8a96b0e;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.template-library-list{align-items:stretch;gap:var(--routine-list-gap);scrollbar-color:#c8a96b47 transparent;flex-direction:column;flex:auto;min-height:0;padding:2px 6px 2px 0;display:flex;overflow:hidden auto}.community-modal-backdrop.manage-routines-overlay{--saved-routines-drawer-height:clamp(188px, 28svh, 282px);--saved-routines-modal-clearance:clamp(18px, 3svh, 32px);place-items:center;padding:clamp(36px,7svh,74px) 22px clamp(28px,5svh,56px)}.community-modal-panel.manage-routines-modal{--manage-routine-row-height:92px;--manage-routine-row-gap:7px;flex-direction:column;width:min(1120px,100vw - 44px);max-height:min(780px,100dvh - 96px);display:flex;overflow:hidden}.community-modal-panel.manage-routines-modal .community-modal-sticky{flex:none}.community-directory-tools.manage-routines-tools{grid-template-columns:auto minmax(280px,1fr) auto}.community-directory-tools.manage-routines-tools .template-library-pin-count{min-height:31px;color:var(--community-faint);background:#02030357;border-color:#d8aa5817;justify-self:end}.community-modal-panel.manage-routines-modal>.manage-routines-directory-list{max-height:calc((var(--manage-routine-row-height) * 4) + (var(--manage-routine-row-gap) * 3) + 26px);overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.community-directory-row.manage-routine-row{min-height:var(--manage-routine-row-height);grid-template-columns:40px minmax(0,1fr) minmax(226px,260px) minmax(106px,128px);column-gap:12px;position:relative}.community-directory-row.manage-routine-row .community-directory-main{gap:6px}.community-directory-stats.manage-routine-metrics{justify-content:flex-start;align-self:center;width:100%;min-width:0}.community-directory-stats.manage-routine-metrics span{color:#f1e6d0d1;letter-spacing:0;text-align:left;text-transform:none;white-space:nowrap;justify-content:flex-start;align-items:center;min-width:0;min-height:30px;padding:0;font-size:.72rem;font-weight:820;line-height:1;display:inline-flex}.community-directory-actions.manage-routine-card-actions{justify-content:flex-end;align-items:center;width:100%;display:flex}.community-directory-action.manage-routine-primary-action{width:auto;min-width:104px;padding-inline:12px}@media (max-width:960px){.community-directory-row.manage-routine-row{grid-template-columns:40px minmax(0,1fr);align-items:start}.community-directory-stats.manage-routine-metrics,.community-directory-actions.manage-routine-card-actions{grid-column:2;justify-self:start}.community-directory-stats.manage-routine-metrics{justify-content:flex-start;align-self:auto;padding-top:8px}.community-directory-actions.manage-routine-card-actions{justify-content:flex-start}}@media (max-width:640px){.community-directory-action.manage-routine-primary-action{width:100%;min-width:0}}.session-save-overlay.manage-routines-overlay{--saved-routines-drawer-height:clamp(188px, 28svh, 282px);--saved-routines-modal-clearance:clamp(18px, 3svh, 32px);padding:22px 22px calc(var(--saved-routines-drawer-height) + var(--saved-routines-modal-clearance));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;place-items:center}