:root{--font-base:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Georgia","Times New Roman",Times,serif;--header-height:75px;--radius-large:25px;--radius-medium:16px;--radius-small:12px;--color-bg:#f4efe6;--color-surface:#fffaf2;--color-surface-alt:#efe5d7;--color-text:#1b1a16;--color-muted:#6f6257;--color-accent:#2f8f83;--color-accent-strong:#1b6d5f;--color-accent-warm:#ff8358;--color-highlight:#ffe1b6;--color-outline:rgba(28,23,18,.12);--color-danger:#d93737;--color-danger-strong:#b32525;--color-success:#16a34a;--color-warning:#d97706;--color-info:#2563eb;--shadow-soft:0 18px 40px rgba(39,34,29,.18);--shadow-lift:0 26px 55px rgba(39,34,29,.22);--alert-radius:0.75rem;--alert-padding:1rem 1.25rem;--alert-font-size:0.95rem}body[data-theme=dark]{--color-bg:#0f1318;--color-surface:#1b2028;--color-surface-alt:#242b36;--color-text:#f2f4f1;--color-muted:#9aa3ad;--color-accent:#44b7a5;--color-accent-strong:#2f8f83;--color-accent-warm:#ff9b6d;--color-highlight:#2a2b20;--color-outline:hsla(0,0%,100%,.12);--color-danger:#ff6b6b;--color-danger-strong:#d94b4b;--shadow-soft:0 24px 55px rgba(0,0,0,.45);--shadow-lift:0 28px 60px rgba(0,0,0,.55);color-scheme:dark}*,:after,:before{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,rgba(255,205,128,.25),transparent 48%),radial-gradient(circle at 88% 18%,rgba(47,143,131,.22),transparent 52%),linear-gradient(135deg,#f4efe6,#f7f0e8 55%,#efe6da);color:var(--color-text);font-family:var(--font-base);margin:0;min-height:100vh;overflow-x:hidden;position:relative}body[data-theme=dark]{background:radial-gradient(circle at 12% 8%,rgba(68,183,165,.2),transparent 48%),radial-gradient(circle at 88% 18%,rgba(255,155,109,.18),transparent 52%),linear-gradient(135deg,#0f1318,#121822 55%,#10151d)}body:before{background-image:radial-gradient(rgba(27,26,22,.08) 1px,transparent 0);background-size:36px 36px;content:"";inset:0;opacity:.15;pointer-events:none;position:fixed;z-index:-1}body[data-theme=dark]:before{background-image:radial-gradient(hsla(0,0%,100%,.2) 1px,transparent 0);opacity:.08}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-6px)}}[hidden]{display:none!important}.alert{align-items:flex-start;border:1px solid transparent;border-radius:var(--alert-radius);display:flex;font-size:var(--alert-font-size);gap:.75rem;line-height:1.4;margin:.5rem;padding:var(--alert-padding)}.alert-icon{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:1}.alert-icon,.alert-icon svg{height:1.25rem;width:1.25rem}.alert-success{background-color:rgba(var(--color-success),var(--color-bg-opacity));border-color:rgba(var(--color-success),.35);color:var(--color-success)}.alert-warning{background-color:rgba(var(--color-warning),var(--color-bg-opacity));border-color:rgba(var(--color-warning),.35);color:var(--color-warning)}.alert-danger{background-color:rgba(var(--color-danger),var(--color-bg-opacity));border-color:rgba(var(--color-danger),.35);color:var(--color-danger)}.alert-info{background-color:rgba(var(--color-info),var(--color-bg-opacity));border-color:rgba(var(--color-info),.35);color:var(--color-info)}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert{animation:alertFadeIn .2s ease-out}:root{--safe-area-top:env(safe-area-inset-top);--top-layout-padding:0.8rem;--top-layout-gap:0.4rem;--offline-banner-size:52px;--coach-max-width:520px;--coach-gutter:0.5rem;--tab-nav-safe-offset:0rem;--tab-nav-height:calc(4.6rem + env(safe-area-inset-bottom) + var(--tab-nav-safe-offset))}@supports(-webkit-touch-callout:none){:root{--tab-nav-safe-offset:0.4rem}}.coach-app{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;isolation:isolate;margin:0 auto;max-width:var(--coach-max-width);min-height:100vh;overflow-x:hidden;padding:calc(var(--header-height) + var(--safe-area-top) + var(--top-layout-padding)*2) 0 var(--tab-nav-height);position:relative;width:100%}body[data-offline=true] .coach-app{padding-top:calc(var(--header-height) + var(--safe-area-top) + var(--top-layout-padding)*2 + var(--offline-banner-size) + var(--top-layout-gap))}.coach-app:before{background:radial-gradient(circle at 30% 30%,rgba(255,131,88,.32),transparent 65%);filter:blur(1px);height:320px;right:-140px;top:-140px;width:320px}.coach-app:after,.coach-app:before{border-radius:999px;content:"";position:absolute;z-index:-1}.coach-app:after{background:radial-gradient(circle at 40% 40%,rgba(47,143,131,.25),transparent 62%);bottom:120px;filter:blur(2px);height:240px;left:-120px;width:240px}.install-banner{align-items:center;animation:float-in .5s ease both;background:linear-gradient(140deg,rgba(255,250,242,.95),rgba(255,225,182,.7));border:1px solid var(--color-outline);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft);color:var(--color-text);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.75rem;justify-content:space-between;margin:0 .4rem;padding:.75rem 1rem}.install-banner p{flex:1;margin:0}body[data-theme=dark] .install-banner{background:linear-gradient(140deg,rgba(36,43,54,.95),rgba(27,32,40,.9))}.top-layout{box-sizing:border-box;display:flex;flex-direction:column;left:0;margin:0 auto;max-width:var(--coach-max-width);padding-top:var(--safe-area-top);position:fixed;right:0;top:0;width:100%;z-index:60}.offline-banner{background-color:var(--color-muted)}.dev-banner,.offline-banner{color:#fff;font-size:.75rem;font-weight:700;line-height:1.1;margin:0;padding:.35rem;text-align:center;text-transform:uppercase;width:100%}.dev-banner{background-color:var(--color-info)}body[data-theme=dark] .offline-banner{background-color:var(--color-danger-strong)}.app-header{align-items:center;animation:none;backdrop-filter:blur(14px);background:rgba(255,250,242,.75);border:none;border-radius:0 0 var(--radius-large) var(--radius-large);box-shadow:var(--shadow-lift);display:flex;gap:.75rem;height:var(--header-height);justify-content:space-between;padding:.75rem .9rem .6rem;width:100%}body[data-theme=dark] .app-header{background:rgba(27,32,40,.75)}.app-meta{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem}.app-meta h1{font-size:1.35rem;margin:0}.app-header-illustration{display:block;flex:0 0 auto;height:46px;max-width:96px;object-fit:contain;width:auto}.app-header-actions{align-items:center;display:flex}.header-menu{position:relative}.header-menu-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:999px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;list-style:none;width:36px}.header-menu-trigger::-webkit-details-marker{display:none}.header-menu-panel{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-medium);box-shadow:var(--shadow-lift);display:grid;gap:.35rem;min-width:200px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:60}.header-menu-panel a,.header-menu-panel button{font:inherit}.header-menu-item{align-items:center;background:transparent;border:none;border-radius:10px;color:var(--color-text);display:flex;gap:.5rem;justify-content:space-between;padding:.5rem .65rem;text-align:left;text-decoration:none}.header-menu-item:hover{background:rgba(0,0,0,.05)}body[data-theme=dark] .header-menu-item:hover{background:hsla(0,0%,100%,.08)}.eyebrow{color:var(--color-muted);font-size:.72rem;letter-spacing:.12em;margin:0;text-transform:uppercase}.page-view{display:flex;flex-direction:column;gap:.9rem;padding:0}.tab-nav{animation:none;backdrop-filter:blur(14px);background:rgba(255,250,242,.92);border:1px solid var(--color-outline);border-top-left-radius:26px;border-top-right-radius:26px;bottom:0;box-shadow:0 -16px 36px rgba(24,20,15,.18);display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr);left:0;padding:.45rem clamp(1rem,4vw,2rem) calc(.45rem + env(safe-area-inset-bottom) + var(--tab-nav-safe-offset));position:fixed;right:0}body[data-theme=dark] .tab-nav{background:rgba(27,32,40,.92)}.tab-link{align-items:center;border-radius:18px;color:var(--color-muted);display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.1rem;padding:.65rem .6rem;position:relative;text-align:center;text-decoration:none;transition:color .2s ease,transform .2s ease}.tab-link span:first-child{font-size:1.2rem}.tab-link .tab-icon{align-items:center;display:inline-flex;height:24px;justify-content:center;width:24px}.tab-link .tab-icon svg{height:20px;width:20px}.tab-link .tab-badge{background:var(--color-accent);border-radius:999px;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.08em;padding:.15rem .3rem;position:absolute;right:10px;text-transform:uppercase;top:6px}.tab-link.is-active{background:linear-gradient(150deg,rgba(255,225,182,.85),rgba(255,250,242,.85));color:var(--color-text)}.tab-link:focus-visible,.tab-link:hover{color:var(--color-text);transform:translateY(-1px)}.toolbox{bottom:calc(5.75rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.75rem;position:fixed;right:max((100vw - var(--coach-max-width))/2 + var(--coach-gutter),var(--coach-gutter));z-index:40}.coach-app.has-player-dock .toolbox{bottom:calc(10.5rem + env(safe-area-inset-bottom))}.toolbox-action{animation:drift 2.8s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));border:none;border-radius:16px;box-shadow:0 22px 38px rgba(47,143,131,.35);color:#fff;display:grid;font-size:1.6rem;height:52px;line-height:1;place-items:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:52px}.toolbox-action svg{height:22px;stroke:#fff;width:22px}.toolbox-action--danger{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-strong));box-shadow:0 18px 34px rgba(217,55,55,.32)}.toolbox-action--edit{background:linear-gradient(135deg,#f6d365,#f1a83a);box-shadow:0 18px 34px rgba(241,168,58,.32)}.toolbox-action--player{background:linear-gradient(135deg,var(--color-accent-warm),#f5b361);box-shadow:0 18px 34px rgba(255,131,88,.3)}.toolbox-action--follow{background:linear-gradient(135deg,#f6d365,#f1a83a);box-shadow:0 18px 34px rgba(241,168,58,.32)}.toolbox-action--folder{background:linear-gradient(135deg,#f8c620,#ec9513);box-shadow:0 18px 34px rgba(240,184,32,.32)}.toolbox-action--follow .follow-icon{display:none}.toolbox-action--follow[data-state=excluded] .follow-icon--outline,.toolbox-action--follow[data-state=following] .follow-icon--solid,.toolbox-action--follow[data-state=none] .follow-icon--outline{display:inline-flex}.toolbox-action--follow[data-state=none]{background:#fff;box-shadow:0 18px 34px rgba(25,20,16,.2);color:#111}.toolbox-action--follow[data-state=none] svg{fill:none;stroke:#6f6257}.toolbox-action--follow[data-state=excluded]{background:#fff;box-shadow:0 18px 34px rgba(25,20,16,.2);color:#111}.toolbox-action--follow[data-state=excluded] svg{fill:none;stroke:#111}.toolbox-action--share{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));box-shadow:0 18px 34px rgba(47,143,131,.3)}.toolbox-action--lesson{background:#111;box-shadow:0 18px 34px rgba(0,0,0,.35)}.toolbox-action--lesson svg{stroke:#fff}.toolbox-action--nav{background:#fff;box-shadow:0 18px 34px rgba(25,20,16,.2);color:#111}.toolbox-action--nav svg{stroke:#111}.toolbox-action:focus-visible,.toolbox-action:hover{box-shadow:0 24px 46px rgba(0,0,0,.24);transform:translateY(-2px)}.toolbox-action[disabled]{box-shadow:none;cursor:not-allowed;opacity:.45;pointer-events:none}.toolbox-action:active{transform:translateY(0) scale(.96)}@media(min-width:640px){:root{--tab-nav-height:calc(7rem + env(safe-area-inset-bottom) + var(--tab-nav-safe-offset))}.tab-nav{margin:0 auto;max-width:var(--coach-max-width)}.toolbox{bottom:calc(6.25rem + env(safe-area-inset-bottom))}}@media(min-width:768px){:root{--coach-max-width:820px;--coach-gutter:1.25rem;--top-layout-padding:0.7rem;--top-layout-gap:0.6rem;--tab-nav-height:calc(7.6rem + env(safe-area-inset-bottom) + var(--tab-nav-safe-offset))}.app-header{padding:.95rem 1.2rem .7rem}.tab-nav{border-top-left-radius:30px;border-top-right-radius:30px;grid-template-columns:repeat(3,minmax(160px,1fr));padding:.6rem 1.4rem calc(.6rem + env(safe-area-inset-bottom))}.tab-link{flex-direction:row;gap:.5rem;justify-content:center}}@media(min-width:1024px){:root{--coach-max-width:1040px;--coach-gutter:1.5rem;--top-layout-padding:0.9rem;--top-layout-gap:0.7rem;--tab-nav-height:calc(6rem + env(safe-area-inset-bottom) + var(--tab-nav-safe-offset))}.app-meta h1{font-size:1.5rem}.tab-nav{gap:.6rem;grid-template-columns:repeat(3,minmax(190px,1fr));padding:.7rem 1.6rem calc(.7rem + env(safe-area-inset-bottom))}.toolbox{bottom:calc(6.25rem + env(safe-area-inset-bottom))}}.field{display:flex;flex-direction:column;font-size:.95rem;gap:.35rem}.field span{color:var(--color-muted)}.field input,.field select,.field textarea{background:var(--color-surface-alt);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-small);color:var(--color-text);font:inherit;outline:none;padding:.85rem 1rem;transition:border-color .2s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-accent)}.form-field{background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.6));border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-medium);box-shadow:0 12px 30px rgba(31,25,19,.08);padding:1rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.form-field:focus-within{border-color:rgba(242,109,61,.6);box-shadow:0 18px 34px rgba(242,109,61,.15);transform:translateY(-1px)}.form-field+.form-field{margin-top:.25rem}.form-field-label{color:var(--color-text);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{background:var(--color-surface);border:1px solid rgba(0,0,0,.18);border-radius:var(--radius-small);box-shadow:inset 0 1px 3px rgba(0,0,0,.1);padding:.9rem 1rem;transition:box-shadow .2s ease,transform .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:rgba(242,109,61,.65);box-shadow:0 0 0 2px rgba(242,109,61,.35),inset 0 1px 4px rgba(0,0,0,.12)}.form-field textarea{min-height:120px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.form-actions--padded{padding-top:.75rem}.form-actions--center{justify-content:center}.panel{backdrop-filter:blur(12px);border:none;display:flex;flex-direction:column;gap:1rem;margin:0;padding:1rem;position:relative}body[data-theme=dark] .panel{background:rgba(27,32,40,.6)}.panel-screen{display:flex;flex-direction:column;gap:1.25rem}.back-link{align-items:center;align-self:flex-start;background:transparent;border:none;color:var(--color-muted);cursor:pointer;display:inline-flex;font-weight:600;gap:.35rem}.panel-header{display:flex;flex-direction:column;gap:.2rem}.panel-header h2{font-size:1.15rem;margin:0}.panel-header p{color:var(--color-muted);font-size:.85rem;margin:0}.panel-center{align-items:center;text-align:center}.panel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.panel-actions form{margin:0}.field-hint{color:var(--color-muted);font-size:.85rem;margin:0}.card-grid{display:grid;gap:1rem}.level-badge-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.level-badge{align-items:center;border:1px solid rgba(0,0,0,.05);border-radius:999px;box-shadow:inset 0 1px 2px rgba(0,0,0,.08);display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;padding:.35rem .85rem}.level-badge-inline{font-size:.75rem;padding:.2rem .6rem}.level-badge-yellow{background:#fff0b1;color:#6d5200}.level-badge-orange{background:#ffe0c7;color:#8a3a00}.level-badge-green{background:#e0f7df;color:#1f6d37}.level-badge-purple{background:#ede5ff;color:#4f3485}.level-badge-blue{background:#d9ecff;color:#0d4e84}.level-badge-red{background:#ffe0e0;color:#802222}.level-badge-newcommer{background:#eef2f6;color:#4c5a67}.level-badge-bronze{background:#f3e2c7;color:#7a4a12}.level-badge-silver{background:#e6ebf2;color:#4b5b6b}.level-badge-gold{background:#ffe3a1;color:#7a5200}a.ghost,button.ghost,button.primary{border:none;border-radius:999px;cursor:pointer;font-weight:600;padding:.7rem 1.4rem;transition:transform .2s ease,background .2s ease}a.ghost:active,button.ghost:active,button.primary:active{transform:translateY(1px)}button.primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));box-shadow:0 14px 24px rgba(47,143,131,.35);color:#fff}a.action-button,a.nav-button,button.action-button,button.nav-button{align-items:center;border:none;cursor:pointer;display:inline-flex;font:inherit;gap:.4rem;justify-content:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}a.nav-button,button.nav-button{background:#fff;border:1px solid rgba(0,0,0,.7);border-radius:14px;color:#111;padding:.45rem .65rem}a.nav-button.icon-only,button.nav-button.icon-only{border-radius:999px;height:40px;padding:0;width:40px}a.action-button,button.action-button{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));border-radius:16px;box-shadow:0 14px 24px rgba(47,143,131,.35);color:#fff;padding:.55rem .95rem}a.action-button.icon-only,button.action-button.icon-only{height:36px;padding:0;width:36px}a.action-button.small.icon-only,button.action-button.small.icon-only{height:30px;width:30px}.action-button--danger,a.action-button.action-button--danger,button.action-button.action-button--danger{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-strong));box-shadow:0 12px 20px rgba(217,55,55,.3)}.action-button.action-button--muted{background:rgba(0,0,0,.08);box-shadow:none;color:var(--color-muted)}body[data-theme=dark] .action-button.action-button--muted{background:hsla(0,0%,100%,.12)}a.ghost,button.ghost{background:transparent;border:1px dashed var(--color-muted);color:var(--color-text);text-decoration:none}.primary.small{font-size:.85rem;padding:.45rem .9rem}.primary.large{font-size:1rem;padding:.85rem 1.7rem}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.ghost.small{font-size:.85rem;padding:.35rem .8rem}.ghost.danger{border-color:rgba(183,57,57,.4);color:#b73939}.icon-only{align-items:center;display:inline-flex;gap:.3rem;justify-content:center;padding-inline:.6rem}.icon-only span[aria-hidden=true]{font-size:1rem}.icon-danger{display:block;height:20px;width:20px}.is-offline-disabled{box-shadow:none;cursor:not-allowed;opacity:.45;pointer-events:none;transform:none}.card-list{gap:1rem;list-style:none;margin:0;padding:0}.card,.card-list{display:flex;flex-direction:column}.card{background:rgba(255,250,242,.55);border:1px solid var(--color-outline);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft);box-sizing:border-box;gap:.75rem;padding:1.25rem;width:100%}.card header{display:flex;flex-direction:column;gap:.15rem}.card h3{margin:0}.figure-card{border-radius:0;overflow:hidden;position:relative}.figure-card--link{color:inherit;text-decoration:none}.figure-card-placeholder:before{display:none}body[data-theme=dark] .card{background:rgba(27,32,40,.6)}.figure-meta{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.figure-meta-content{flex:1}.figure-title{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.figure-meta-list{color:var(--color-muted);display:flex;flex-direction:column;font-size:.85rem;gap:.2rem;list-style:none;margin:0;padding:0}.figure-meta-list li{display:flex;gap:.25rem;line-height:1.3}.figure-meta-list li span{color:var(--color-text);font-weight:600}.figure-card-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.35rem}.figure-meta-link{background:#fff;border:1px solid rgba(0,0,0,.7);border-radius:999px;box-shadow:var(--shadow-soft);color:#111;display:grid;font-size:1.1rem;font-weight:700;height:40px;place-items:center;text-decoration:none;transition:transform .2s ease;width:40px}.figure-meta-link:active{transform:scale(.95)}.figure-meta-link svg{display:block;height:20px;width:20px}body[data-theme=dark] .figure-meta-link{background:#fff;color:#111}.figure-steps-grid{display:flex;flex-direction:column;gap:1.15rem}.figure-step-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.figure-step-actions form{margin:0}.step-select{align-items:center;display:inline-flex}.step-select input[type=checkbox]{accent-color:var(--color-accent);height:16px;width:16px}.step-move-actions{display:inline-flex;gap:.25rem}.figure-card-placeholder{background:transparent;border:2px dashed rgba(0,0,0,.25)}.figure-add-entry{margin-top:1.25rem}.figure-select{background:var(--color-surface);border:1px dashed rgba(0,0,0,.35);border-radius:var(--radius-small);color:var(--color-text);font:inherit;padding:.6rem .75rem;width:100%}.figure-suggestion-list{display:flex;flex-direction:column;gap:.35rem;margin:.35rem 0 .85rem}.figure-suggestion-list .ghost.small{border-style:solid;width:100%}.figure-card--compact{padding:.65rem .45rem}.figure-compact{align-items:center;display:flex;gap:1rem;width:100%}.figure-compact-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.figure-compact-main h3{font-size:1rem;margin:0}.figure-compact-main{flex:10;order:2}.figure-compact-title{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.figure-repeat-count{color:var(--color-muted);font-size:.8rem;font-weight:600}.figure-compact-rythm{color:var(--color-muted);font-size:.8rem;margin:0;white-space:nowrap}.figure-compact-meta{align-items:center;display:flex;font-size:.85rem;gap:.75rem;order:3}.figure-compact-duration{display:none}.choreo-timeline .figure-compact-duration{align-items:center;background-color:#111;border-radius:999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;line-height:1;order:1;width:24px;z-index:999}.figure-card--compact .figure-card-actions{align-items:center;flex-direction:row;gap:.5rem}.figure-step-repeat{align-items:center;background:var(--color-surface);border:1px solid rgba(0,0,0,.12);border-radius:999px;box-shadow:inset 0 1px 2px rgba(0,0,0,.08);display:inline-flex;gap:.35rem;padding:.2rem .5rem}.figure-step-repeat:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(242,109,61,.2),inset 0 1px 2px rgba(0,0,0,.08)}.figure-step-repeat-label{color:var(--color-muted);font-size:.75rem;font-weight:600}.figure-step-repeat-input{background:transparent;border:none;color:var(--color-text);font:inherit;outline:none;padding:.1rem 0;text-align:center;width:2.2rem}body[data-theme=dark] .figure-step-repeat{border-color:hsla(0,0%,100%,.2)}.inline-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.inline-list li{font-size:.9rem}.note-list,.note-panel{display:flex;flex-direction:column;gap:.5rem}.note-list{list-style:none;margin:0;padding:0}.note-item{align-items:center;background:rgba(255,250,242,.85);border:1px dashed rgba(0,0,0,.25);border-radius:18px;display:flex;gap:.6rem;justify-content:space-between;padding:.55rem .75rem;position:relative}.note-item--editing{align-items:stretch}body[data-theme=dark] .note-item{background:rgba(27,32,40,.6);border-color:hsla(0,0%,100%,.2)}.note-item-body{display:flex;flex-direction:column;font-size:.9rem;gap:.35rem}.note-item-body p{margin:0}.note-meta{color:var(--color-muted);font-size:.75rem}.note-item-actions{align-items:center;display:flex;gap:.4rem}.note-item-actions form{margin:0}.note-inline-form{display:flex;flex-direction:column;gap:.4rem;width:100%}.note-inline-input{background:var(--color-surface);border:1px dashed rgba(0,0,0,.25);border-radius:16px;color:var(--color-text);font:inherit;min-height:56px;padding:.5rem .7rem;resize:vertical;width:100%}body[data-theme=dark] .note-inline-input{border-color:hsla(0,0%,100%,.2)}.note-frame:empty{display:none}.note-form{display:flex;flex-direction:column;gap:.6rem}.note-form h5{font-size:.95rem;margin:0}.note-form-fields{display:flex;flex-direction:column;gap:.6rem}.note-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.theme-toggle{background:var(--color-surface-alt);border:none;border-radius:50%;box-shadow:inset 0 1px 4px rgba(0,0,0,.2);color:var(--color-text);cursor:pointer;display:grid;height:46px;place-items:center;transition:transform .2s ease;width:46px}.theme-toggle:active{transform:scale(.95)}.toggle-icon{align-items:center;display:inline-flex;justify-content:center}.toggle-icon svg{height:20px;width:20px}.card-view-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.toggle-pill{border:1px solid rgba(0,0,0,.15);border-radius:999px;color:inherit;font-size:.85rem;padding:.25rem .85rem;text-decoration:none;transition:all .2s ease}.toggle-pill.is-active{background:var(--color-text);border-color:var(--color-text);color:var(--color-surface)}.search-bar{position:relative;width:100%}.search-bar input{background:hsla(0,0%,100%,.85);border:1px solid var(--color-outline);border-radius:999px;color:var(--color-text);font:inherit;outline:none;padding:.7rem .95rem .7rem 2.6rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.search-bar input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(47,143,131,.2);transform:translateY(-1px)}.search-bar svg{color:var(--color-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}body[data-theme=dark] .search-bar input{background:rgba(27,32,40,.9);border-color:var(--color-outline)}.catalog-grid{display:grid;gap:1rem}.result-card,.saved-list{background:rgba(255,250,242,.55);border:1px solid var(--color-outline);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}body[data-theme=dark] .result-card,body[data-theme=dark] .saved-list{background:rgba(27,32,40,.6)}.empty-state{margin:0;text-align:center}.empty-state,.muted{color:var(--color-muted)}.error-illustration{height:auto;object-fit:contain;padding:.75rem;width:100%}