:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--background:#071421;--background-deep:#050d16;--surface:#0d1c2b;--surface-raised:#122334;--surface-hover:#16283a;--text:#f7f2e9;--text-soft:#d5dae0;--muted:#94a1b0;--muted-dark:#647282;--border:#a6bbce33;--border-strong:#a6bbce61;--coral:#ff5750;--coral-hover:#ff6862;--focus:#4f9ff7;--danger:#ff6b6b;--radius-small:8px;--radius-medium:14px;--shadow:0 24px 68px #00000052;font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--background);min-height:100dvh;color:var(--text);overflow:hidden}button,input,select{color:inherit;font:inherit}button{border:0}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button,input,select{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{background:radial-gradient(circle at 52% 28%, #1b354d8a, transparent 54%), var(--background);grid-template-columns:228px minmax(0,1fr);min-height:100dvh;display:grid}.side-nav{z-index:5;border-right:1px solid var(--border);background:#05101bb8;flex-direction:column;min-height:100dvh;display:flex;position:relative;box-shadow:18px 0 48px #0000001f}.brand{min-height:130px;color:var(--text);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:13px;padding:0 29px;font-size:20px;font-weight:700;display:flex}.brand__mark-frame{border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 8px 24px #00000047}.brand__mark{object-fit:cover;width:65px;height:65px}.side-nav nav{gap:4px;display:grid}.nav-item,.settings-link{min-height:72px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:16px;padding:0 34px;font-size:17px;transition:color .16s,background .16s;display:flex;position:relative}.nav-item:before{content:"";background:0 0;width:4px;position:absolute;inset:0 auto 0 0}.nav-item:hover,.settings-link:hover{color:var(--text-soft);background:#ffffff08}.nav-item--active{color:var(--coral);background:#ff57500f}.nav-item--active:before{background:var(--coral);box-shadow:0 0 18px #ff575061}.settings-link{border-top:1px solid var(--border);min-height:88px;margin:auto 25px 0;padding:0 8px;font-size:15px}.mobile-header,.bottom-nav{display:none}.app-content{min-width:0;min-height:100dvh;overflow:auto}.button,.icon-button,.danger-button{border:1px solid var(--border-strong);border-radius:var(--radius-small);min-height:48px;color:var(--text-soft);background:0 0;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.button{padding:0 20px}.button:hover,.icon-button:hover{color:var(--text);background:#ffffff0a;border-color:#c7d6e38a}.button:active,.icon-button:active{transform:translateY(1px)}.button--primary{border-color:var(--coral);background:var(--coral);color:#fff;box-shadow:0 12px 26px #ff575029}.button--primary:hover{border-color:var(--coral-hover);background:var(--coral-hover)}.icon-button{width:44px;min-height:44px;padding:0}.danger-button{min-height:40px;color:var(--danger);border-color:#ff6b6b47;padding:0 12px}.danger-button:hover{background:#ff6b6b14;border-color:#ff6b6b8c}.eyeline,.section-label,.field-block>span,.round-details label>span:not(.check-field span){color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.timer-layout{grid-template-columns:minmax(560px,1fr) 360px;min-height:100dvh;display:grid}.timer-stage{flex-direction:column;align-items:center;min-height:100dvh;padding:48px 54px 38px;display:flex}.timer-stage--quick{justify-content:center;gap:24px}.round-heading{grid-template-columns:1fr 1px 1fr;align-items:center;gap:42px;width:min(690px,100%);margin-bottom:90px;display:grid}.round-heading__item{gap:10px;display:grid}.round-heading__item strong{min-width:0;color:var(--text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:14px;font-size:clamp(34px,3.3vw,54px);font-weight:700;line-height:1;display:flex;overflow:hidden}.round-heading__item strong span{line-height:1}.round-heading__divider{background:var(--border);width:1px;height:76px}.countdown-pie{--pie-color:var(--coral);--pie-elapsed:0deg;aspect-ratio:1;background:conic-gradient(from 0deg, #2a3542 0deg var(--pie-elapsed), var(--pie-color) var(--pie-elapsed) 360deg);border:9px solid #243240;border-radius:50%;flex:0 auto;place-items:center;width:min(48vh,500px);max-width:100%;transition:border-color .16s,transform .16s;display:grid;position:relative;box-shadow:0 24px 45px #0000004d,inset 0 0 0 1px #ffffff0d}.countdown-pie:hover{border-color:#2e4051}.countdown-pie:active{transform:scale(.995)}.countdown-pie__center{aspect-ratio:1;width:118px;color:var(--text);background:#0b1724;border:4px solid #293747;border-radius:50%;place-items:center;display:grid;box-shadow:0 12px 28px #00000052}.time-primary{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.07em;text-shadow:0 8px 24px #00000047;margin-top:10px;font-family:SFMono-Regular,SF Mono,Roboto Mono,ui-monospace,monospace;font-size:clamp(64px,6.4vw,92px);font-weight:700;line-height:1.05}.elapsed-time{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-items:center;gap:2px;margin-top:4px;font-size:13px;display:grid}.elapsed-time strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-family:SFMono-Regular,SF Mono,ui-monospace,monospace;font-size:26px;font-weight:500}.timer-controls,.quick-actions{justify-content:center;gap:18px;width:min(760px,100%);margin-top:24px;display:flex}.timer-controls{margin-top:46px}.timer-control{border:1px solid var(--border-strong);border-radius:var(--radius-small);min-width:150px;min-height:60px;color:var(--text-soft);background:#06101a29;justify-content:center;align-items:center;gap:10px;padding:0 21px;font-size:16px;font-weight:600;transition:color .16s,border-color .16s,background .16s,transform .16s;display:inline-flex}.timer-control:hover{color:var(--text);background:#ffffff0a;border-color:#d2e0eb8f}.timer-control:active{transform:translateY(1px)}.timer-control--primary{border-color:var(--coral);background:var(--coral);color:#fff}.timer-control--primary:hover{border-color:var(--coral-hover);background:var(--coral-hover)}.mobile-progress{display:none}.duration-stepper,.stepper{justify-content:center;align-items:center;display:inline-flex}.duration-stepper{color:var(--text);gap:18px;font-size:18px;font-weight:700}.duration-stepper button,.stepper button{border:1px solid var(--border);background:var(--surface-raised);width:36px;height:36px;color:var(--text-soft);border-radius:50%;place-items:center;display:grid}.duration-stepper button:hover,.stepper button:hover{border-color:var(--border-strong);color:var(--text)}.sequence-rail{border-left:1px solid var(--border);background:#05101b7a;min-height:100dvh;padding:48px 30px}.sequence-rail h2{color:var(--text);letter-spacing:-.03em;margin:0 0 42px 8px;font-size:27px;font-weight:700}.sequence-list{gap:21px;margin:0;padding:0;list-style:none;display:grid;position:relative}.sequence-list:before{z-index:0;background:var(--border);content:"";width:1px;position:absolute;top:38px;bottom:38px;left:36px}.sequence-step{z-index:1;border-radius:var(--radius-medium);min-height:76px;color:var(--text-soft);border:1px solid #0000;grid-template-columns:48px 34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;display:grid;position:relative}.sequence-step--current{background:var(--surface-raised);border-color:#ffffff08;box-shadow:0 12px 28px #0000001f}.sequence-step__index{aspect-ratio:1;color:#08111b;border-radius:50%;place-items:center;width:48px;font-size:18px;font-weight:700;display:grid;box-shadow:0 6px 16px #00000047}.sequence-step__emoji{text-align:center;font-size:25px}.sequence-step__name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:650;overflow:hidden}.sequence-step__duration{color:var(--muted);font-family:SFMono-Regular,SF Mono,ui-monospace,monospace;font-size:15px}.sequence-step--current .sequence-step__name,.sequence-step--current .sequence-step__duration{color:var(--coral)}.session-complete,.history-empty{text-align:center;place-content:center;justify-items:center;min-height:100dvh;padding:40px;display:grid}.session-complete__mark{aspect-ratio:1;color:#53dbc1;background:#53dbc11a;border:1px solid #53dbc157;border-radius:50%;place-items:center;width:112px;font-size:48px;display:grid}.session-complete h1,.history-empty h1{letter-spacing:-.05em;margin:28px 0 8px;font-size:clamp(36px,5vw,58px)}.session-complete p,.history-empty p{color:var(--muted);margin:0;font-size:17px}.session-complete__actions{gap:12px;margin-top:30px;display:flex}.templates-layout{grid-template-columns:274px minmax(0,1fr);min-height:100dvh;display:grid}.template-rail{border-right:1px solid var(--border);background:#05101b57;min-width:0}.template-rail h2{height:94px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:36px 30px 0;font-size:12px;font-weight:600}.template-library{display:grid}.template-library__item{min-height:124px;color:var(--text-soft);text-align:left;background:0 0;border-top:1px solid #0000;border-bottom:1px solid #0000;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:18px 24px;display:grid;position:relative}.template-library__item:before{content:"";background:0 0;width:4px;position:absolute;inset:0 auto 0 0}.template-library__item:hover{background:#ffffff06}.template-library__item--selected{background:var(--surface-raised);color:var(--text);border-color:#ffffff05}.template-library__item--selected:before{background:var(--coral)}.template-library__emoji{text-align:center;font-size:33px;line-height:1}.template-library__item>span:last-child{gap:6px;min-width:0;display:grid}.template-library__item strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.template-library__item small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.template-editor{min-width:0}.template-toolbar{border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:14px;min-height:94px;padding:20px 34px;display:flex}.template-toolbar .button--primary{min-width:140px}.template-editor__body{max-width:1120px;padding:26px 30px 58px}.field-block{gap:10px;display:grid}.field-block input,.field-block select,.round-details input,.round-details select{border:1px solid var(--border-strong);border-radius:var(--radius-small);width:100%;min-height:54px;color:var(--text);background:#0714217a;padding:0 16px}.field-block>input{letter-spacing:-.02em;font-size:21px;font-weight:600}.sequence-editor{margin-top:34px}.repeat-control{border:1px solid var(--border);border-radius:var(--radius-small);background:#0a1c2c52;justify-content:space-between;align-items:center;min-height:70px;margin-top:14px;padding:0 16px;display:flex}.repeat-control strong{font-size:17px}.stepper{gap:8px}.stepper span{text-align:center;min-width:70px;font-family:SFMono-Regular,SF Mono,ui-monospace,monospace;font-size:18px}.round-list{gap:8px;margin-top:12px;display:grid}.round-row{border:1px solid var(--border);border-radius:var(--radius-small);background:#0a1c2c8a;transition:border-color .16s,background .16s}.round-row:hover,.round-row--expanded{background:#0e2335c7;border-color:#4f9ff7bd}.round-row__summary{grid-template-columns:28px 42px 38px minmax(120px,1fr) 150px 44px;align-items:center;gap:12px;min-height:70px;padding:7px 12px;display:grid}.drag-handle{cursor:grab;color:var(--muted-dark);place-items:center;display:grid}.drag-handle:active{cursor:grabbing}.round-status{aspect-ratio:1;color:#071421;border-radius:50%;place-items:center;width:40px;font-size:14px;font-weight:750;display:grid;box-shadow:0 5px 14px #0000003d}.round-row__emoji{text-align:center;font-size:25px}.round-row__name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.round-row__summary select{border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--background);min-height:46px;color:var(--text);padding:0 34px 0 12px;font-size:15px}.round-details{border-top:1px solid var(--border);grid-template-columns:100px minmax(180px,1.5fr) minmax(130px,1fr) minmax(130px,1fr);align-items:end;gap:16px;padding:18px 20px 22px 48px;display:grid}.round-details label{gap:7px;display:grid}.round-details input,.round-details select{min-height:46px}.round-details .check-field{min-height:40px;color:var(--text-soft);align-items:center;gap:9px;font-size:14px;display:flex}.check-field input{width:18px;min-height:18px;accent-color:var(--coral)}.round-details__actions{grid-column:-3/-1;justify-content:flex-end;gap:8px;display:flex}.rotate-180{transform:rotate(180deg)}.add-round{min-height:58px;color:var(--text-soft);background:0 0;align-items:center;gap:13px;margin-top:10px;padding:0 12px;font-size:16px;font-weight:600;display:inline-flex}.add-round>span{aspect-ratio:1;border:1px dashed var(--border-strong);border-radius:50%;place-items:center;width:42px;display:grid}.add-round:hover{color:var(--text)}.editor-notice{color:#53dbc1;min-height:22px;margin:14px 0 0;font-size:14px}.history-layout{grid-template-columns:400px minmax(0,1fr);min-height:100dvh;display:grid}.history-list{border-right:1px solid var(--border);background:#05101b57}.history-list header,.history-detail{padding:42px 34px}.history-list h1,.history-detail h2{letter-spacing:-.04em;margin:7px 0 0;font-size:30px}.history-row{width:100%;min-height:86px;color:var(--text-soft);text-align:left;background:0 0;border-left:4px solid #0000;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 24px;display:grid}.history-row:hover,.history-row--selected{background:var(--surface-raised)}.history-row--selected{border-left-color:var(--coral)}.history-row__icon{aspect-ratio:1;width:42px;color:var(--coral);background:#ff57501a;border-radius:50%;place-items:center;display:grid}.history-row>span:nth-child(2){gap:4px;display:grid}.history-row small,.history-detail p,.event-list small{color:var(--muted)}.history-row>span:last-child{color:var(--muted);font-family:SFMono-Regular,SF Mono,ui-monospace,monospace;font-size:14px}.history-detail{max-width:840px}.history-detail>header{justify-content:space-between;align-items:flex-start;display:flex}.history-detail p{margin:8px 0 0}.danger-icon{color:var(--danger)}.history-summary{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin:34px 0;display:grid;overflow:hidden}.history-summary div{background:var(--surface);gap:8px;padding:22px;display:grid}.history-summary dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.history-summary dd{color:var(--text);margin:0;font-family:SFMono-Regular,SF Mono,ui-monospace,monospace;font-size:24px}.event-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.event-list li{grid-template-columns:24px 1fr;gap:12px;min-height:70px;display:grid;position:relative}.event-list li:not(:last-child):after{background:var(--border);content:"";width:1px;position:absolute;top:20px;bottom:-2px;left:6px}.event-list__dot{z-index:1;border:3px solid var(--background);background:var(--coral);width:13px;height:13px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;margin-top:4px;position:relative}.event-list li>span:last-child{align-content:start;gap:5px;display:grid}.history-empty>span{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);width:96px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.settings-dialog{border:1px solid var(--border-strong);background:var(--surface);width:min(480px,100vw - 32px);box-shadow:var(--shadow);color:var(--text);border-radius:18px;padding:0}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00070cb8}.settings-dialog header{justify-content:space-between;align-items:flex-start;padding:28px 28px 18px;display:flex}.settings-dialog h2{letter-spacing:-.04em;margin:6px 0 0;font-size:30px}.settings-dialog .field-block,.settings-dialog p{margin:0 28px}.settings-dialog p{color:var(--muted);font-size:14px;line-height:1.55}.settings-dialog__done{width:calc(100% - 56px);margin:24px 28px 28px}@media (width<=1180px){.timer-layout{grid-template-columns:minmax(500px,1fr) 310px}.timer-stage{padding-left:32px;padding-right:32px}.timer-control{min-width:125px;padding:0 15px}.sequence-rail{padding-left:20px;padding-right:20px}.templates-layout{grid-template-columns:240px minmax(0,1fr)}.round-details{grid-template-columns:86px minmax(150px,1.5fr) minmax(120px,1fr)}.round-details__actions{grid-column:auto}}@media (width<=900px){body{overflow:auto}.app-shell{background:radial-gradient(circle at 50% 24%, #1b354d8a, transparent 48%), var(--background);min-height:100dvh;padding:82px 0 88px;display:block}.side-nav{display:none}.mobile-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05101be6;justify-content:space-between;align-items:center;height:82px;padding:0 22px;display:flex;position:fixed;inset:0 0 auto}.brand--compact{min-height:0;padding:0;font-size:19px}.brand--compact .brand__mark-frame{flex-basis:42px;width:42px;height:42px}.brand--compact .brand__mark{width:59px;height:59px}.bottom-nav{z-index:20;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05101beb;grid-template-columns:repeat(3,1fr);height:88px;display:grid;position:fixed;inset:auto 0 0}.bottom-nav .nav-item{text-align:center;align-content:center;justify-items:center;gap:5px;min-height:88px;padding:0;font-size:12px;display:grid}.bottom-nav .nav-item:before{border-radius:2px 2px 0 0;width:auto;height:3px;inset:auto 24% 0}.app-content{min-height:calc(100dvh - 170px);overflow:visible}.timer-layout{min-height:auto;display:block}.timer-stage{min-height:calc(100dvh - 170px);padding:28px 28px 32px}.timer-stage--quick{gap:18px}.round-heading{gap:18px;width:100%;margin-bottom:24px}.round-heading__item{gap:7px}.round-heading__item strong{gap:8px;font-size:clamp(27px,7.5vw,38px)}.round-heading__divider{height:64px}.countdown-pie{border-width:7px;width:min(67vw,380px)}.countdown-pie__center{border-width:3px;width:94px}.countdown-pie__center svg{width:42px;height:42px}.time-primary{margin-top:8px;font-size:clamp(60px,17vw,80px)}.elapsed-time strong{font-size:22px}.mobile-progress{color:var(--text);margin-top:18px;font-size:17px;font-weight:600;display:block}.timer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.timer-control{min-width:0;min-height:56px}.sequence-rail{display:none}.templates-layout{min-height:auto;display:block}.template-rail{border:0;border-bottom:1px solid var(--border)}.template-rail h2{height:auto;padding:24px 22px 10px}.template-library{scroll-snap-type:x proximity;gap:8px;padding:0 18px 18px;display:flex;overflow-x:auto}.template-library__item{border:1px solid var(--border);border-radius:var(--radius-medium);scroll-snap-align:start;min-width:230px;min-height:96px;padding:12px 16px}.template-library__item:before{display:none}.template-library__item--selected{border-color:var(--coral)}.template-toolbar{flex-wrap:wrap;justify-content:stretch;min-height:auto;padding:18px}.template-toolbar .button{flex:calc(50% - 7px)}.template-editor__body{padding:22px 18px 42px}.round-row__summary{grid-template-columns:22px 38px 34px minmax(80px,1fr) 116px 40px;gap:8px;padding:7px 8px}.round-details{grid-template-columns:80px minmax(150px,1fr) minmax(120px,1fr);padding-left:20px}.history-layout{min-height:auto;display:block}.history-list{border-right:0;border-bottom:1px solid var(--border)}.history-detail{padding:30px 24px}.session-complete,.history-empty{min-height:calc(100dvh - 170px)}}@media (width<=560px){.mobile-header{height:70px;padding:0 18px}.app-shell{padding-top:70px;padding-bottom:78px}.bottom-nav,.bottom-nav .nav-item{height:78px;min-height:78px}.timer-stage{min-height:calc(100dvh - 148px);padding:16px 20px 14px}.round-heading{gap:12px;margin-bottom:14px}.round-heading__item strong{font-size:clamp(25px,8vw,34px)}.round-heading__item:last-child{text-align:right}.round-heading__item:last-child strong{justify-content:flex-end}.eyeline{font-size:10px}.countdown-pie{width:min(70vw,286px)}.countdown-pie__center{width:78px}.countdown-pie__center svg{width:34px;height:34px}.time-primary{margin-top:3px;font-size:clamp(53px,17vw,70px)}.elapsed-time{font-size:10px}.elapsed-time strong{font-size:19px}.timer-controls{gap:8px;width:100%;margin-top:12px}.timer-control{min-height:50px;padding:0 11px;font-size:14px}.timer-control svg{width:21px;height:21px}.mobile-progress{margin-top:10px}.duration-stepper{font-size:16px}.round-row__summary{grid-template-columns:20px 36px 32px minmax(70px,1fr) 92px 40px;gap:6px;min-height:66px}.round-row__emoji{font-size:21px}.round-row__name{font-size:15px}.round-row__summary select{padding-left:7px;padding-right:22px;font-size:13px}.round-details{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:16px}.round-details__actions{grid-column:1/-1}.history-summary{grid-template-columns:1fr}.session-complete__actions{flex-direction:column;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}