@property --snake-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root{font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;background-color:#020203;color:#f5f5f7;--app-bg: #010103;--surface: rgba(255, 255, 255, .03);--surface-solid: #08090f;--surface-alt: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .14);--card-border-soft: rgba(255, 255, 255, .08);--text: #f5f5f7;--muted: #a0a2b6;--muted-strong: #d3d4df;--accent: #ffffff;--accent-soft: rgba(255, 255, 255, .2);--success: #31d67b;--success-soft: rgba(49, 214, 123, .18);--blur: 26px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(255,255,255,.15),transparent 45%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.1),transparent 40%),linear-gradient(160deg,#020203,#05050a 35%,#020203);color:var(--text);-webkit-font-smoothing:antialiased;font-weight:400}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 60%);z-index:-1}.app-root{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2.5rem}.content{width:100%;max-width:520px;margin:0 auto}.app-header{width:100%;max-width:520px;margin:0 auto 1.5rem;text-align:left;display:flex;flex-direction:column;gap:.3rem}.app-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;color:var(--muted)}.app-header h1{margin:0;font-size:2rem;font-weight:600;letter-spacing:.02em}.app-subhead{margin:0;color:var(--muted-strong);font-size:.95rem}.day-tabs{display:grid;grid-auto-flow:column;gap:.5rem;overflow-x:auto;padding:.4rem;border-radius:999px;background:#ffffff08;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));margin:0 auto 1rem;max-width:520px;scrollbar-width:none}.day-tabs::-webkit-scrollbar{display:none}.day-tab{position:relative;border:none;background:transparent;color:var(--muted);padding:.35rem .9rem;border-radius:999px;cursor:pointer;font-weight:500;font-size:.85rem;transition:color .2s ease}.day-tab.active{color:var(--text)}.tab-indicator{position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg,#ffffffa6,#ffffff14);box-shadow:inset 0 0 1px #ffffff59}.day-section{background:var(--surface-solid);border-radius:1.25rem;padding:1.25rem;border:1px solid var(--card-border);box-shadow:0 30px 60px #0000008c,inset 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.day-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.day-header h2{margin:0;font-size:1.1rem;font-weight:600}.day-focus{font-size:.85rem;color:var(--muted)}.day-progress{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--muted)}.progress-track{width:100%;height:.4rem;border-radius:999px;background:#ffffff1f;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffffffe6,#ffffff4d)}.exercise-list{display:flex;flex-direction:column;gap:.75rem}.exercise-card{display:flex;flex-direction:column;gap:.8rem;padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--card-border);background:linear-gradient(155deg,#ffffff0a,#ffffff03);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 15px 35px #00000073,inset 0 0 0 1px #ffffff05;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.exercise-card:hover{transform:translateY(-3px);border-color:#ffffff52}.exercise-card.completed{border-color:#31d67b99;background:linear-gradient(155deg,var(--success-soft),rgba(49,214,123,.04))}.exercise-main h3{margin:0;font-size:1rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.7rem;padding:.12rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#fefefe;background:#ffffff08}.tag.type{border-color:#ffffff59;color:var(--text)}.exercise-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sets-reps{font-weight:600;font-size:.9rem}.ghost-btn,.complete-btn{border-radius:999px;border:1px solid var(--card-border-soft);padding:.35rem .9rem;background:transparent;color:var(--text);font-size:.78rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.ghost-btn{color:var(--muted-strong)}.ghost-btn:hover{background:#ffffff14}.complete-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.complete-btn:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:#ffffff40}.complete-btn.checked{border-color:#31d67ba6;background:#31d67b33;color:#caffdf}.complete-btn.checked:before{background:var(--success)}.complete-btn.full{width:100%;font-size:.82rem;padding:.4rem .95rem;justify-content:center}.modal-backdrop{position:fixed;inset:0;background:#000000d9;z-index:40}.modal-wrapper{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.2rem}.modal-card{width:100%;max-width:480px;background:#08080cf2;border-radius:1.25rem;border:1px solid rgba(255,255,255,.18);padding:1.1rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 35px 80px #000000a6;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));position:relative;overflow:hidden}.modal-card>*{position:relative;z-index:2}.modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:conic-gradient(from var(--snake-angle),rgba(255,255,255,0) 0deg,rgba(255,255,255,0) 260deg,rgba(255,255,255,.08) 288deg,rgba(255,255,255,.15) 300deg,rgba(255,255,255,.32) 314deg,rgba(255,255,255,.52) 326deg,rgba(255,255,255,.75) 336deg,rgba(255,255,255,.95) 346deg,rgba(255,255,255,.7) 354deg,rgba(255,255,255,.35) 358deg,rgba(255,255,255,0) 360deg) border-box;background-clip:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:snakeOrbit 5s linear infinite;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.25))}.modal-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 65%);opacity:.5;pointer-events:none}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.1rem}.icon-btn{border:none;background:#ffffff14;width:2rem;height:2rem;border-radius:50%;color:var(--text);cursor:pointer}.modal-sets{margin:0;font-size:.9rem;color:var(--muted-strong)}.modal-actions{display:flex}.modal-tags{display:flex;flex-wrap:wrap;gap:.4rem}.modal-notes{margin:0;font-size:.92rem;color:var(--text)}.modal-hint{font-size:.8rem;color:var(--muted)}.video-wrapper{margin-top:.3rem;border-radius:1rem;overflow:hidden;background:#000;aspect-ratio:16 / 9}.video-wrapper iframe,.video-wrapper video{width:100%;height:100%;border:none;display:block}.video-wrapper img{width:100%;height:auto;display:block;border-radius:inherit;object-fit:contain}.video-wrapper.image{aspect-ratio:auto;background:transparent}.video-wrapper.image img{max-height:420px}@keyframes snakeOrbit{0%{--snake-angle: 0deg}to{--snake-angle: 360deg}}@media(min-width:700px){.app-header h1{font-size:2.4rem}.day-section{padding:1.5rem}.exercise-card{padding:1.1rem 1.25rem}}@media(max-width:540px){.day-section{padding:1rem;border-radius:1rem}.exercise-card{padding:.85rem .9rem}.exercise-meta{flex-direction:column;align-items:flex-start}.complete-btn,.ghost-btn{width:100%;text-align:center;justify-content:center}}