@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101515;--panel:#1a2120;--line:#34403a;--text:#f3f5ec;--muted:#a8b5ab;--lime:#c5f36b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif}header,footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 40px}header{border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px}.mark{font-size:34px;color:var(--lime)}.brand-sub{font-size:12px;color:var(--muted);letter-spacing:1.5px}.badge,.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.badge{border:1px solid var(--line);padding:9px 12px;border-radius:30px;color:var(--muted)}main{max-width:1160px;margin:48px auto 65px;padding:0 24px;min-height:65vh}h1,h2,h3,p{margin:0}h1,h2,.target,.clock,.big-number{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600}h1{font-size:clamp(56px,7vw,88px);line-height:1;margin:13px 0 16px}h2{font-size:38px}.eyebrow{color:var(--lime)}.muted{color:var(--muted);line-height:1.6}.layout{display:grid;grid-template-columns:1.08fr 1fr;gap:64px}.intro{margin-bottom:32px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.chip{border:1px solid var(--line);border-radius:5px;padding:7px 10px;font-size:13px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.section-label{display:block;margin-bottom:12px;font-size:14px;font-weight:600}.segmented{display:flex;padding:5px;background:var(--bg);border-radius:9px;margin-bottom:16px;gap:4px}button,select{font:inherit}button{cursor:pointer;min-height:48px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text);padding:12px 18px;font-weight:600}button:hover{border-color:var(--lime)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}.segmented button{flex:1;border:0}.segmented .selected{background:var(--lime);color:#14200a}.double-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 18px}select{width:100%;min-height:49px;padding:10px;border:1px solid #52604e;border-radius:8px;background:var(--bg);color:var(--text)}.primary{background:var(--lime);color:#18220d;border-color:var(--lime);width:100%;margin-top:24px}.small{font-size:13px}.routine{margin-top:30px}.phase-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.phase-row .num{font:22px 'Barlow Condensed',sans-serif;color:var(--muted)}.phase-name{font-weight:600;font-size:15px}.phase-detail{font-size:13px;color:var(--muted);margin-top:4px}.phase-value{font-size:14px;color:var(--muted)}.visit-row{display:grid;grid-template-columns:1fr 105px;align-items:center;gap:12px;margin:13px 0}.visit-row select{min-height:40px}.visit-settings{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.note{margin-top:16px;font-size:13px;line-height:1.6;color:var(--muted)}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);gap:20px}.active-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.quiet{font-size:14px;min-height:40px;padding:8px 12px;color:var(--muted)}.session{max-width:860px;margin:auto;text-align:center}.phase-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:0 0 36px}.phase-strip span{height:5px;background:var(--line);border-radius:4px}.phase-strip .done{background:#6d8e46}.phase-strip .current{background:var(--lime)}.session h2{margin-top:12px}.target{font-size:clamp(76px,15vw,160px);line-height:1.1;color:var(--lime);margin:20px 0 8px}.instruction{font-size:16px;letter-spacing:2px;color:var(--muted)}.meter{max-width:440px;margin:30px auto 0}.clock{font-size:64px;font-variant-numeric:tabular-nums;line-height:1.1}.meter-label{font-size:12px;letter-spacing:2px;color:var(--muted);margin:8px 0 18px}progress{width:100%;height:5px;border:0;appearance:none;background:var(--line)}progress::-webkit-progress-bar{background:var(--line);border-radius:6px}progress::-webkit-progress-value{background:var(--lime);border-radius:6px}.actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.actions .primary{width:auto;min-width:220px;margin:0}.next{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.finish{padding:60px 0}.finish h1{font-size:clamp(72px,10vw,120px)}.finish-stats{display:flex;justify-content:center;gap:60px;margin:34px 0}.big-number{font-size:48px}.hidden{display:none!important}.paused{color:#f6cd80}.error{color:#f6cd80;margin-top:12px;font-size:14px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;max-width:420px;padding:28px}dialog::backdrop{background:#000a}dialog p{margin-top:12px;line-height:1.6}@media(max-width:760px){header,footer{padding:20px}.brand-sub{display:none}.layout{grid-template-columns:1fr;gap:24px}main{margin:30px auto;padding:0 20px}.intro{margin-bottom:20px}.routine{margin-top:20px}.panel{padding:22px}.layout>section:first-child .routine{display:none}.target{font-size:clamp(64px,16vw,110px)}.session h2{font-size:32px}.actions{flex-wrap:wrap}.actions .primary{min-width:200px}.finish-stats{gap:35px}footer{align-items:flex-start;flex-direction:column}.clock{font-size:58px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}

.logo-frame{position:relative;display:block;flex-shrink:0;width:106px;height:54px;overflow:hidden;border-radius:5px;background:#000}.dna-logo{position:absolute;max-width:none;width:226px;height:auto;left:-59px;top:-40px}.phase-help{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:0;margin-left:5px;width:30px;height:30px;min-height:30px;border-radius:50%;font:600 15px 'DM Sans',sans-serif;color:var(--muted);border-color:#657461}.phase-help:hover{background:var(--lime);color:var(--bg)}.phase-name{display:flex;align-items:center;gap:3px}.help-dialog{width:calc(100% - 40px);max-width:460px;padding:30px}.help-dialog h2{margin-top:14px}.help-dialog p{font-size:17px;line-height:1.7}.help-dialog .primary{margin-top:24px}.session h2 .phase-help{margin-left:8px}.visit-row>div{font-size:15px}@media(max-width:760px){.layout>section:first-child .routine{display:block}.brand{font-size:14px;gap:9px}.logo-frame{width:88px;height:45px}.dna-logo{width:188px;left:-49px;top:-33px}.badge{font-size:11px;letter-spacing:1px;padding:8px}.phase-help{width:36px;height:36px;min-height:36px}.layout>section:first-child{display:contents}.intro{order:0}.panel{order:1}.routine{order:2}}

.welcome{max-width:940px;margin:60px auto;text-align:center}.welcome h1{font-size:clamp(48px,7vw,84px);line-height:1.04}.welcome-copy{font-size:23px;margin-top:25px}.welcome-description{max-width:680px;margin:16px auto 28px}.welcome-picker{max-width:540px;margin:32px auto;text-align:left}.welcome-note{font-size:14px}.back-link{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:26px}.back-link:hover{color:var(--lime)}@media(max-width:760px){.welcome{margin:20px auto}.welcome-copy{font-size:20px}.welcome-picker{padding:22px}.welcome h1{font-size:49px}}