:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7e2d8;--bg:#0b1210;--panel:#13201be0;--panel-strong:#1a2a24f0;--panel-soft:#1a2a24d1;--primary:#6e8f74;--primary-strong:#829d86;--accent:#b89b5e;--text:#e7e2d8;--muted:#93a098;--border:#93a0982e;--shadow:0 22px 60px #0000006b;--inner-glow:inset 0 1px 0 #e7e2d80d;background:#0b1210;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 0 0,#6e8f7424,#0000 32%),radial-gradient(circle at 76% 12%,#b89b5e17,#0000 26%),linear-gradient(#0d1512 0%,#0b1210 64%,#090f0d 100%);min-height:100%;margin:0}body{color:var(--text);isolation:isolate;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#e7e2d806 1px,#0000 1px),linear-gradient(90deg,#e7e2d805 1px,#0000 1px);background-size:42px 42px,42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000073,#0000 75%);mask-image:linear-gradient(#00000073,#0000 75%)}body:after{content:"";pointer-events:none;z-index:0;opacity:.08;background-image:radial-gradient(#e7e2d81f .6px,#0000 .6px);background-size:4px 4px;position:fixed;inset:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,h4,p{overflow-wrap:anywhere}.container{z-index:1;grid-template-columns:280px 1fr;min-height:100vh;display:grid;position:relative}.landing-page,.app-shell{z-index:1;min-height:100vh;position:relative}.public-header,.app-header{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1210e6;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:18px 40px;display:grid;position:sticky;top:0}.public-brand,.app-brand{color:var(--text);font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:1.7rem;font-weight:650;text-decoration:none}.app-brand{text-align:left;background:0 0;border:0;gap:3px;padding:0;display:grid}.app-brand h1{color:var(--text);margin:0;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:1.8rem;line-height:.92}.app-brand p{margin:0}.public-header nav,.app-nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.public-header nav a,.app-nav button{color:#d7d2c8;background:0 0;border:0;border-radius:8px;min-height:40px;padding:10px 12px;text-decoration:none}.public-header nav a:hover,.app-nav button:hover,.app-nav button.active{color:var(--text);background:#6e8f7438}.public-actions{align-items:center;gap:10px;display:flex}.app-main{width:100%;max-width:1320px;margin:0 auto}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:48px;min-height:calc(100vh - 80px);padding:64px 40px 72px;display:grid}.hero-copy{gap:20px;max-width:620px;display:grid}.hero-copy h1{color:var(--text);margin:0;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:5rem;font-weight:600;line-height:.9}.hero-copy p{color:#d7d2c8;margin:0;font-size:1.08rem;line-height:1.7}.hero-action{width:fit-content}.hero-visual{min-height:520px;position:relative}.hero-visual:before{content:"";filter:blur(8px);background:radial-gradient(circle,#6e8f7447,#0000 62%);border-radius:50%;position:absolute;inset:8% 12% 12% 8%}.screenshot-shell{box-shadow:var(--shadow), var(--inner-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#13201bd6;border:1px solid #93a09829;border-radius:18px;position:absolute}.screenshot-shell.large{padding:28px;inset:36px 34px 76px 0}.screenshot-shell.small{width:270px;padding:22px;bottom:0;right:0}.screenshot-topline{color:var(--text);justify-content:space-between;align-items:center;gap:14px;display:flex}.screenshot-topline span{background:var(--accent);border-radius:999px;width:12px;height:12px}.screenshot-topline em{color:var(--primary-strong);font-style:normal}.screenshot-meter{background:#0b121099;border-radius:999px;height:18px;margin:36px 0;overflow:hidden}.screenshot-meter span{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;display:block}.screenshot-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.screenshot-grid div{background:#0b12108a;border-radius:12px;min-height:150px}.mini-bars{grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;height:120px;margin-top:18px;display:grid}.mini-bars span{background:linear-gradient(180deg, var(--accent), var(--primary));border-radius:999px}.mini-bars span:first-child{height:48%}.mini-bars span:nth-child(2){height:76%}.mini-bars span:nth-child(3){height:58%}.mini-bars span:nth-child(4){height:88%}.landing-section{max-width:1180px;margin:0 auto;padding:72px 40px}.landing-section h2,.auth-card h2{color:var(--text);margin:0 0 12px;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:2.7rem;line-height:1}.landing-section p{color:#d7d2c8;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.split-section{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);align-items:center;gap:28px;display:grid}.quote-panel,.pricing-card,.auth-card{box-shadow:var(--shadow), var(--inner-glow);background:#13201bd1;border:1px solid #b89b5e2e;border-radius:16px;padding:28px}.pricing-card{gap:14px;display:grid}.auth-section{justify-items:center;display:grid}.auth-card{width:min(100%,460px)}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#0d1512f5,#0b1210fa),#0d1512;flex-direction:column;align-self:start;gap:30px;min-height:100vh;padding:40px 24px;display:flex;position:sticky;top:0}.brand{flex-direction:column;gap:14px;display:flex}.brand h1{color:var(--text);margin:0;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:3.2rem;font-weight:600;line-height:.92}.brand p{color:var(--muted);max-width:220px;margin:0}.brand-kicker{color:var(--accent);text-transform:uppercase;font-size:.78rem;font-weight:700}.nav-list{gap:10px;display:grid}.nav-list button{width:100%;box-shadow:var(--inner-glow);color:#d7d2c8;text-align:left;background:#13201bd1;border:none;border-radius:8px;padding:14px 16px;transition:transform .2s,background .2s}.nav-list button.active,.nav-list button:hover{color:var(--text);background:#6e8f743b;outline:1px solid #b89b5e29;transform:translate(2px)}.main{gap:30px;padding:40px;display:grid}.section{gap:24px;display:grid}.section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-header.compact{align-items:flex-start}.section-header h2,.section-header h3{color:var(--text);margin:0;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-weight:600}.section-header h2{font-size:2.25rem;line-height:1}.section-header p{color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow), var(--inner-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;padding:28px}.sidebar-panel{box-shadow:none}.section-panel{margin-top:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.compact-grid{gap:14px}.dashboard-grid,.practice-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px;display:grid}.recommendation-card{align-content:start;gap:16px;min-height:280px;display:grid}.recommendation-card h3{color:var(--text);margin:0;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:2rem;font-weight:600}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.82rem;font-weight:750}.inline-tabs{border:1px solid var(--border);width:fit-content;box-shadow:var(--inner-glow);background:#0b1210c7;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.inline-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:10px 14px}.inline-tabs button.active{color:var(--text);background:#6e8f743d}.card{background:var(--panel-soft);box-shadow:var(--inner-glow), 0 14px 32px #0003;border:1px solid #93a09824;border-radius:12px;min-height:120px;padding:22px}.card strong{color:var(--accent);margin-bottom:10px;font-size:.95rem;display:block}.card p{color:#d7d2c8;margin:0}.field-group{gap:16px;display:grid}.divider{background:#93a09829;height:1px;margin:28px 0}.label{color:#d1cbc1;gap:8px;font-size:.92rem;display:grid}.label span{font-weight:650}input,textarea,select{width:100%;color:var(--text);box-shadow:var(--inner-glow);background:#0b1210c7;border:1px solid #93a09833;border-radius:10px;padding:14px 16px}input:focus,textarea:focus,select:focus{border-color:#b89b5e57;outline:1px solid #b89b5e6b}textarea{resize:vertical;min-height:120px}button.primary{color:#08110c;box-shadow:0 16px 28px #0e1d1257, var(--inner-glow);background:linear-gradient(135deg,#6e8f74,#829d86);border:none;border-radius:10px;padding:15px 22px;font-weight:750}button.secondary{color:#d7d2c8;background:#1a2a24b8;border:1px solid #93a0982e;border-radius:10px;padding:14px 18px}button.primary:hover,button.secondary:hover{opacity:.96;border-color:#b89b5e47}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button-row.centered{justify-content:center}.button-row.end{justify-content:flex-end}.form-action{margin-top:20px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stats-grid .card{min-height:130px}.list-panel{gap:16px;display:grid}.list-item{box-shadow:var(--inner-glow);background:#13201bb8;border:1px solid #93a0981f;border-radius:12px;justify-content:space-between;gap:14px;padding:18px;display:flex}.journal-item,.goal-item{display:block}.list-item div{min-width:0}.list-item h4{margin:0 0 8px;font-size:1rem}.list-item p{color:#bdb7ad;margin:0;font-size:.95rem}.metric-bar{background:#6e8f7429;border-radius:999px;height:16px;margin:12px 0;position:relative;overflow:hidden}.metric-bar>span{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;display:block}.small-text{color:var(--muted);font-size:.88rem}.timer-card{text-align:center;box-shadow:var(--inner-glow);background:#0b121080;border:1px solid #93a0981f;border-radius:12px;grid-template-rows:auto minmax(70px,auto) auto;align-items:center;gap:16px;padding:32px 18px;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.timer-display{color:var(--primary-strong);margin:0;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:2.6rem;font-weight:600;line-height:1}.timer-edit-shell{justify-items:center;display:grid}.timer-minute-field{min-height:70px;box-shadow:0 0 0 0 #b89b5e24, var(--inner-glow);background:#b89b5e0e;border:1px solid #b89b5e3d;border-radius:12px;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,background .2s,box-shadow .2s;animation:1.7s ease-in-out infinite editable-pulse;display:inline-grid}.timer-minute-field:focus-within{background:#b89b5e17;border-color:#b89b5e85;animation:none}.timer-minute-field.running{background:0 0;border-color:#0000;animation:none}.timer-minute-field span{color:var(--accent);text-transform:uppercase;font-size:.9rem;font-weight:750}.timer-display-input{width:min(100%,160px);min-height:70px;box-shadow:none;text-align:center;background:0 0;border:0;margin:0 auto;padding:0;transition:border-color .2s,background .2s,box-shadow .2s}.timer-display-input:focus{outline:0}.timer-display-input:disabled{opacity:1;color:var(--primary-strong);background:0 0;border-color:#0000}@keyframes editable-pulse{0%,to{box-shadow:0 0 0 0 #b89b5e1a, var(--inner-glow)}50%{box-shadow:0 0 0 5px #b89b5e14, var(--inner-glow)}}.timer-mode-toggle{background:#0b1210a3;border:1px solid #93a09829;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.timer-mode-toggle button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;transition:background .2s,color .2s}.timer-mode-toggle button.active{color:var(--text);background:#6e8f743d}.timer-panel{gap:16px;display:grid}.routine-summary{background:#b89b5e12;border:1px solid #b89b5e2e;border-radius:12px;padding:14px}.metronome-panel{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.metronome-panel h3{margin:0 0 4px}.metronome{grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.metronome .meter{gap:14px;display:grid}.metronome .meter input[type=range]{width:100%}.metronome .meter .bpm{justify-content:space-between;align-items:center;gap:14px;display:inline-flex}.bpm-input{width:76px;min-height:38px;color:var(--text);text-align:center;background:#b89b5e0e;border-color:#b89b5e38;padding:6px 10px;font-weight:750}.bpm-input:focus{outline:1px solid #b89b5e6b}.metronome-actions{align-items:center;gap:12px;display:flex}.volume-control{position:relative}.icon-button{color:#d7d2c8;width:46px;height:46px;box-shadow:var(--inner-glow);background:#1a2a24b8;border:1px solid #93a0982e;border-radius:10px;place-items:center;display:inline-grid}.icon-button:hover,.icon-button:focus{color:var(--accent);border-color:#b89b5e57;outline:0}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.volume-popover{z-index:2;width:220px;box-shadow:var(--shadow), var(--inner-glow);background:#0d1512fa;border:1px solid #b89b5e3d;border-radius:12px;padding:14px;position:absolute;bottom:calc(100% + 10px);right:0}.scroll-panel{max-height:520px;overflow:auto}.routine-list{gap:18px;display:grid}.routine-card{box-shadow:var(--inner-glow);background:#1a2a24b8;border:1px solid #93a09824;border-radius:12px;gap:14px;padding:18px;display:grid}.routine-card h4{margin:0 0 8px}.custom-types,.inline-note{margin-top:18px}.custom-types h4,.inline-note p{margin:0}.inline-note p{color:var(--muted);font-size:.9rem}.tag-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag-list.spacious{margin-top:0}.tag-pill{color:#d7d2c8;background:#0b121085;border:1px solid #93a09829;border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;font-size:.84rem;display:inline-flex}.tag-pill.highlight{color:var(--text);background:#b89b5e17;border-color:#b89b5e42}.bar-chart{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));align-items:end;gap:12px;min-height:220px;display:grid}.bar-column{text-align:center;gap:8px;min-width:0;display:grid}.bar-column strong,.bar-column p{margin:0;font-size:.78rem}.bar-column strong{color:var(--text)}.bar-column p{color:var(--muted)}.bar-track{background:#0b12108a;border:1px solid #93a0981f;border-radius:999px;align-items:end;height:150px;display:flex;overflow:hidden}.bar-track span{border-radius:inherit;background:linear-gradient(180deg, var(--accent), var(--primary));width:100%;display:block}.search-field{margin:16px 0}.compact-label{margin-top:14px}.reference-control{grid-template-columns:minmax(190px,.28fr) minmax(190px,.28fr) 1fr;align-items:end;gap:24px;display:grid}.reference-control h3{color:var(--text);margin:0;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:3rem;line-height:1}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.key-reference{gap:18px;display:grid}.key-reference h3{color:var(--text);text-transform:capitalize;margin:0;font-family:Cormorant Garamond,EB Garamond,Playfair Display,Georgia,serif;font-size:2.15rem;line-height:1}.reference-group{align-content:start}.reference-list{gap:12px;margin-top:18px;display:grid}.reference-item{box-shadow:var(--inner-glow);background:#0b121070;border:1px solid #93a0981f;border-radius:12px;gap:12px;padding:16px;display:grid}.reference-item h4,.reference-item p{margin:0}.reference-label{color:#d7d2c8;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.82rem}.intervals-line{color:var(--muted)}.note-row{flex-wrap:wrap;gap:8px;display:flex}.note-row span{min-width:34px;min-height:34px;color:var(--text);background:#b89b5e14;border:1px solid #b89b5e33;border-radius:999px;place-items:center;padding:4px 8px;font-weight:750;display:inline-grid}@media (max-width:1180px){.container{grid-template-columns:1fr}.sidebar{min-height:auto;position:relative}}@media (max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.practice-grid,.landing-hero,.split-section,.reference-grid,.reference-control{grid-template-columns:1fr}.hero-visual{min-height:420px}.feature-grid{grid-template-columns:1fr}}@media (max-width:840px){.public-header,.app-header{grid-template-columns:1fr;padding:18px 24px}.public-header nav,.app-nav{justify-content:flex-start}.public-actions{width:100%}.landing-hero,.landing-section{padding-left:24px;padding-right:24px}.hero-copy h1{font-size:3.8rem}.main{padding:24px}.grid-2,.stats-grid,.metronome,.metronome-panel{grid-template-columns:1fr}.metronome-actions{justify-content:space-between}.inline-tabs{width:100%}.inline-tabs button{flex:1}}