: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:65px;--tab-nav-height:65px;--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;--color-bg-opacity:0.1}*{box-sizing:border-box}body{color:var(--color-text);font-family:var(--font-base);margin:0;min-height:100vh;overflow-x:hidden;position:relative}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}[hidden]{display:none!important}.alert-stack{display:grid;gap:.6rem;left:var(--coach-gutter);pointer-events:none;position:absolute;right:var(--coach-gutter);top:calc(100% + var(--top-layout-gap))}.alert-stack .alert{margin:0;opacity:.96;pointer-events:auto}.alert{align-items:flex-start;background-color:var(--color-bg);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);transition:opacity .2s ease,transform .2s ease;will-change:opacity,transform}.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{border-color:rgba(var(--color-success),.35);color:var(--color-success)}.alert-warning{border-color:rgba(var(--color-warning),.35);color:var(--color-warning)}.alert-danger{border-color:rgba(var(--color-danger),.35);color:var(--color-danger)}.alert-info{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}.alert.is-dismissing{opacity:0;transform:translateY(-6px)}.content-row{align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr auto}.content-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.content-meta h1,.content-meta h3,.content-meta p{margin:0}.content-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;white-space:nowrap}.content-actions button{align-items:center;display:flex;height:2.25rem;justify-content:center;min-width:2.25rem;width:2.25rem}: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%}.coach-app.no-app-header{--header-height:0px}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))}.install-banner{align-items:center;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}.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)}.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%}.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)}.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);height:var(--tab-nav-height);left:0;padding:.3rem;position:fixed;right:0}.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{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--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--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))}.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))}.toolbox{bottom:calc(6.25rem + env(safe-area-inset-bottom))}}