:root{--bg: #f6f4ef;--card: #ffffff;--ink: #2b2b2b;--muted: #7a7468;--accent: #6b8f71;--accent-soft: #e7efe8;--line: #e7e3da;--chip: #efece4;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .05)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.site{position:sticky;top:0;z-index:10;background:#f6f4efe6;-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}.head-inner{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:14px 20px}.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}.brand h1{font-size:22px;margin:0;letter-spacing:-.02em}.brand .dot{color:var(--accent)}.brand .sub{color:var(--muted);font-size:13px}.progress{min-width:180px}.progress-text{font-size:12px;color:var(--muted);margin-bottom:4px;text-align:right}.bar{height:7px;background:var(--chip);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.page{padding:22px 0 64px}.page-full{padding-top:14px}.site-footer{text-align:center;color:var(--muted);font-size:12px;padding:0 20px 40px}code{background:#00000010;padding:1px 6px;border-radius:6px;font-size:.9em}.nav{display:flex;gap:4px;margin-right:auto;margin-left:8px}.nav-link{text-decoration:none;font-size:14px;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:8px}.nav-link:hover{color:var(--ink);background:var(--chip)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}.search{flex:1 1 240px;min-width:200px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:15px;color:var(--ink)}.search svg{flex:none;opacity:.5}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 32px 8px 12px;font-size:14px;color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5L6 7.5L9 4.5' stroke='%237a7468' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.count{color:var(--muted);font-size:13px;margin-left:auto}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.card-link{text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.card-link:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000000d,0 14px 32px #00000014}.media{aspect-ratio:16 / 9;background:var(--accent-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent);gap:6px;border-bottom:1px solid var(--line);position:relative}.media .num{position:absolute;top:10px;right:10px;background:var(--card);color:var(--muted);font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:2px 9px}.media .type{position:absolute;top:10px;right:10px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 9px}.media .label{font-size:12px;opacity:.8}.media-img{width:100%;height:100%;object-fit:cover;display:block}.media-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--accent)}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}.titles h1,.titles h2{margin:0;letter-spacing:-.01em}.titles h2{font-size:19px}.titles h1{font-size:28px}.sanskrit{color:var(--accent);font-style:italic;font-size:14px}.sanskrit.lg{font-size:17px}.sanskrit .flag{color:var(--muted);font-style:normal;font-size:11px}.meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{font-size:12px;color:var(--muted);background:var(--chip);border-radius:999px;padding:3px 10px;white-space:nowrap}.chip.hold{background:var(--accent-soft);color:var(--accent);font-weight:600}.status-pill{font-size:11px;font-weight:600;text-transform:capitalize;border-radius:999px;padding:3px 10px}.status-pill.practiced{background:#fff2d6;color:#9a6b00}.status-pill.learned{background:var(--accent);color:#fff}.desc{margin:0;color:#45433d;font-size:14.5px}.desc.lg{font-size:16px}.section-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0}.benefits{display:flex;flex-wrap:wrap;gap:6px}.benefit{font-size:12px;border:1px solid var(--line);border-radius:8px;padding:2px 8px;color:#4f4b42}ol.cues{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}ol.cues li{font-size:14.5px;color:#45433d}.modify{font-size:13.5px;color:var(--muted);background:var(--accent-soft);border-radius:10px;padding:10px 12px}.modify b{color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:60px 20px}.segmented{display:inline-flex;background:var(--chip);border-radius:10px;padding:3px;gap:3px}.segmented.sm{transform:scale(.9);transform-origin:left}.seg{border:0;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--muted);padding:6px 14px;border-radius:8px;transition:background .12s ease,color .12s ease}.seg:hover{color:var(--ink)}.seg.active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #00000014}.seg.practiced.active{color:#9a6b00}.seg.learned.active{background:var(--accent);color:#fff}.detail{display:flex;flex-direction:column;gap:20px}.back,.btn{display:inline-block;text-decoration:none;font-size:14px;font-weight:600;color:var(--accent)}.btn{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 14px;color:var(--ink);box-shadow:var(--shadow)}.btn:hover{border-color:var(--accent)}.detail-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.detail-media .media{aspect-ratio:16 / 9;border-radius:16px;border:1px solid var(--line)}.detail-info{display:flex;flex-direction:column;gap:14px}.detail-info section{display:flex;flex-direction:column}.detail-nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.add-routine{position:relative}.add-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:240px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column}.add-menu-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 8px 4px}.add-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;cursor:pointer;font:inherit;font-size:14px;text-align:left;color:var(--ink);padding:8px 10px;border-radius:8px}.add-menu-item:hover{background:var(--accent-soft)}.add-menu-item.new{color:var(--accent);font-weight:600}.add-menu-count{font-size:12px;color:var(--muted);background:var(--chip);border-radius:999px;padding:1px 8px}.add-menu-divider{height:1px;background:var(--line);margin:6px 4px}.added-toast{font-size:13px;font-weight:600;color:var(--accent)}@media(max-width:720px){.detail-grid{grid-template-columns:1fr}.progress{flex:1 1 100%;min-width:0}.progress-text{text-align:left}}button.btn{font:inherit;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:#b4442b}.btn.danger:hover{border-color:#b4442b}.btn.sm{padding:5px 10px;font-size:13px;box-shadow:none}.btn.wide{min-width:130px}.btn:disabled{opacity:.45;cursor:not-allowed}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.page-title{font-size:26px;margin:0;letter-spacing:-.02em}.hint{color:var(--muted);font-size:13px;margin-top:24px}.hint a{color:var(--accent)}.empty.small{padding:24px;font-size:14px}.routine-list{display:flex;flex-direction:column;gap:12px}.routine-row{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.routine-meta h2{margin:0 0 2px;font-size:18px}.routine-sub{color:var(--accent);font-size:13px;font-weight:600}.routine-poses{color:var(--muted);font-size:12.5px;margin-top:4px}.routine-actions{display:flex;gap:8px;flex-wrap:wrap}.name-input{width:100%;font:inherit;font-size:17px;padding:12px 14px;margin-bottom:18px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink)}.name-input:focus{outline:none;border-color:var(--accent)}.builder{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.builder-col{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.pose-picker{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}.pose-picker li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.pose-picker li:last-child{border-bottom:0}.pp-name{font-size:14.5px}.pp-name em{color:var(--accent);font-style:italic;font-size:13px}.sequence{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.seq-row{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.seq-num{width:22px;height:22px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:12px;font-weight:700}.seq-name{flex:1;font-size:14.5px}.seq-hold{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:13px}.seq-hold input{width:52px;font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:7px;text-align:right}.seq-controls{display:flex;gap:3px}.icon{border:1px solid var(--line);background:var(--card);border-radius:7px;width:28px;height:28px;cursor:pointer;color:var(--muted);font-size:13px}.icon:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.icon.danger:hover{border-color:#b4442b;color:#b4442b}.icon:disabled{opacity:.35;cursor:not-allowed}.builder-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.player{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.player-top{display:flex;align-items:center;justify-content:space-between}.player-counter{color:var(--muted);font-size:14px;font-weight:600}.step-bar{height:6px;background:var(--chip);border-radius:999px;overflow:hidden}.step-bar span{display:block;height:100%;background:var(--accent);transition:width 1s linear}.player-media .media{aspect-ratio:16 / 9;border-radius:16px;border:1px solid var(--line)}.player-info{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.player-info h1{margin:0;font-size:30px;letter-spacing:-.02em}.countdown{font-size:64px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1.1;margin:4px 0}.player-info .cues{text-align:left;max-width:460px}.player-controls{display:flex;gap:10px;justify-content:center;align-items:center;position:sticky;bottom:12px}.player-done{max-width:460px;margin:40px auto;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.done-emoji{font-size:56px}.player-done h1{margin:0}.muted{color:var(--muted)}.done-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}@media(max-width:720px){.builder{grid-template-columns:1fr}.nav{order:3;width:100%;margin:0}.countdown{font-size:52px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.btn.ghost{box-shadow:none;background:transparent}.account{display:flex;align-items:center;gap:10px}.account-email{font-size:13px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-btn{padding:7px 12px;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#14181461;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:relative;width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px 26px 22px}.modal-close{position:absolute;top:12px;right:14px;border:0;background:transparent;cursor:pointer;font-size:24px;line-height:1;color:var(--muted)}.modal-close:hover{color:var(--ink)}.auth-title{margin:0 0 4px;font-size:22px;letter-spacing:-.02em}.auth-lede{margin:0 0 18px;font-size:14px;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}.auth-form input{font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.auth-form input:focus{outline:none;border-color:var(--accent);background:var(--card)}.auth-submit{margin-top:4px;width:100%}.auth-error{margin:0;font-size:13px;color:#b4442b}.auth-notice{margin:0;font-size:13px;color:var(--accent)}.auth-switch{margin-top:16px;text-align:center}.linklike{border:0;background:transparent;cursor:pointer;font:inherit;font-size:13px;color:var(--accent);text-decoration:underline;padding:4px}@media(max-width:720px){.account{order:4}.account-email{max-width:120px}}