@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Oswald:wght@400;500;600&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--page-bg:#edf3fa;--page-ink:#292c31;--muted-ink:#3a3d42;--card-top:#fbfcfe;--card-bottom:#eaf0f7;--card-edge:#ffffffb8;--card-shadow:#abbcd06b;--divider:#d8e0ea;--working-bg:#f6eee5;--breaking-bg:#e7f1f4;--pomodoro-panel:#f9fbfdb8;--pomodoro-panel-border:#ffffffd6;--pomodoro-ink:#35383d;--pomodoro-muted:#60656b;--card-radius:clamp(1.15rem, 2.1vw, 2.55rem);--card-gap:clamp(.22rem, .9vw, 1rem);--group-gap:clamp(.6rem, 3.1vw, 3.7rem);--divider-offset:clamp(.3rem, .6vw, .75rem);--flip-duration:.36s;--font-numeric:"Barlow Condensed", "Arial Narrow", Arial, sans-serif;--font-label:"Oswald", "Arial Narrow", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--page-bg);min-width:280px}body{background:radial-gradient(circle at 50% 49%, #fff3, transparent 43%), var(--page-bg);min-width:280px;min-height:100vh;color:var(--page-ink);font-family:var(--font-label);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0}button,a{-webkit-tap-highlight-color:transparent}.settings-menu{z-index:30;position:absolute;top:clamp(1rem,4.2vh,3rem);left:clamp(.9rem,3.2vw,4.5rem)}.settings-toggle{width:clamp(2.8rem,4.2vw,4.2rem);height:clamp(2.8rem,4.2vw,4.2rem);color:var(--muted-ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#f9fbfdad;border:1px solid #ffffffd6;border-radius:50%;place-items:center;padding:0;font-family:Arial,sans-serif;font-size:clamp(1.2rem,1.8vw,1.75rem);line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:grid;box-shadow:0 .45rem 1rem #9fb0c529,inset 0 1px #ffffffdb}.settings-toggle:hover,.settings-toggle[aria-expanded=true]{color:var(--page-ink);background:#ffffffe6;border-color:#a6b5c7e6}.settings-toggle:active{transform:rotate(18deg)scale(.96)}.settings-popover{border:1px solid var(--pomodoro-panel-border);width:min(21rem,100vw - 2rem);color:var(--pomodoro-ink);-webkit-backdrop-filter:blur(16px);background:#f9fbfde6;border-radius:clamp(.9rem,1.3vw,1.3rem);padding:clamp(.85rem,1.2vw,1.2rem);position:absolute;top:calc(100% + .7rem);left:0;box-shadow:0 1rem 2rem #9fb0c529,0 .35rem .9rem #9fb0c52e,inset 0 1px #ffffffdb}.settings-row{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.settings-row+.settings-row{border-top:1px solid #d0dae5b3;margin-top:1rem;padding-top:1rem}.settings-row--notifications{align-items:flex-start}.settings-label{color:var(--pomodoro-ink);letter-spacing:.08em;white-space:nowrap;margin:0;font-size:clamp(.82rem,1.05vw,1.08rem);font-weight:500;line-height:1}.settings-hint{max-width:10rem;color:var(--pomodoro-muted);font-family:var(--font-label);letter-spacing:.04em;margin:.42rem 0 0;font-size:clamp(.56rem,.7vw,.72rem);font-weight:400;line-height:1.35}.settings-options{background:#e8eff69e;border:1px solid #cdd8e4c7;border-radius:.62rem;grid-template-columns:repeat(2,minmax(3rem,1fr));gap:.22rem;min-width:6.8rem;padding:.2rem;display:grid}.settings-option{min-height:2rem;color:var(--pomodoro-muted);cursor:pointer;font-family:var(--font-label);letter-spacing:.08em;background:0 0;border:0;border-radius:.42rem;padding:.25rem .45rem;font-size:clamp(.68rem,.82vw,.84rem);font-weight:500;line-height:1;transition:background .16s,color .16s,box-shadow .16s}.settings-option:hover{color:var(--pomodoro-ink)}.settings-option--selected{color:var(--pomodoro-ink);background:#ffffffeb;box-shadow:0 .18rem .45rem #9fb0c52e}.settings-notification-button{min-width:4.9rem;min-height:2rem;color:var(--pomodoro-muted);cursor:pointer;font-family:var(--font-label);letter-spacing:.06em;white-space:nowrap;background:#ffffffb8;border:1px solid #cdd8e4c7;border-radius:.42rem;padding:.25rem .45rem;font-size:clamp(.64rem,.78vw,.78rem);font-weight:500;line-height:1;transition:background .16s,border-color .16s,color .16s}.settings-notification-button:hover:not(:disabled){color:var(--pomodoro-ink);background:#fffffff0;border-color:#a6b5c7f2}.settings-notification-button:disabled{cursor:not-allowed;opacity:.45}.clock-page{background:radial-gradient(circle at 50% 49%, #fff3, transparent 43%), var(--page-bg);background-color:var(--page-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(2rem,8vh,6.5rem) clamp(1rem,5vw,6.5rem) clamp(2.5rem,9vh,7rem);display:flex;position:relative;overflow:hidden}.clock-page--phase-working{animation:10s ease-out both phase-background-working}.clock-page--phase-breaking{animation:10s ease-out both phase-background-breaking}.clock-page--tasks{justify-content:flex-start;padding-top:clamp(6.5rem,13vh,9rem);overflow:auto}.clock-page--tasks .settings-menu,.clock-page--tasks .pomodoro-panel,.clock-page--tasks .view-tabs{position:fixed}.clock-page>[role=tabpanel]{width:min(100%,108rem);min-width:0}.view-tabs{z-index:25;-webkit-backdrop-filter:blur(12px);background:#f9fbfda3;border:1px solid #ffffffc7;border-radius:999px;gap:.2rem;padding:.22rem;display:flex;position:absolute;top:clamp(1.15rem,4.2vh,3rem);left:50%;transform:translate(-50%);box-shadow:0 .45rem 1rem #9fb0c51f,inset 0 1px #ffffffd6}.view-tab{min-width:clamp(3.3rem,4.8vw,4.8rem);min-height:clamp(1.8rem,2.5vw,2.45rem);color:var(--pomodoro-muted);cursor:pointer;font-family:var(--font-label);letter-spacing:.1em;background:0 0;border:0;border-radius:999px;padding:.32rem .7rem;font-size:clamp(.68rem,.9vw,.95rem);font-weight:500;line-height:1;transition:background .16s,box-shadow .16s,color .16s}.view-tab:hover{color:var(--pomodoro-ink)}.view-tab--active{color:var(--pomodoro-ink);background:#ffffffeb;box-shadow:0 .18rem .45rem #9fb0c52e}.view-tab:focus-visible{outline-offset:2px;outline:2px solid}.task-board{border:1px solid var(--pomodoro-panel-border);-webkit-backdrop-filter:blur(16px);background:#f9fbfdc2;border-radius:clamp(1rem,1.8vw,1.8rem);width:min(100%,72rem);padding:clamp(1rem,2.4vw,2rem);box-shadow:0 1rem 2rem #9fb0c51f,0 .35rem .9rem #9fb0c529,inset 0 1px #ffffffdb}.task-board-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.task-board-heading-meta{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex}.task-streak{color:var(--pomodoro-muted);align-items:baseline;gap:.45rem;line-height:1;display:flex}.task-streak-label{font-family:var(--font-numeric);letter-spacing:.18em;font-size:.7rem;font-weight:600}.task-streak strong{color:var(--pomodoro-ink);font-family:var(--font-numeric);font-size:1.2rem;font-weight:600}.task-streak span:last-child{letter-spacing:.05em;font-size:.72rem}.task-streak--pending strong{color:#9b6e5a}.task-board-kicker{color:var(--pomodoro-muted);font-family:var(--font-numeric);letter-spacing:.2em;margin:0 0 .38rem;font-size:clamp(.68rem,.9vw,.9rem);font-weight:600;line-height:1}.task-board h1{color:var(--page-ink);font-family:var(--font-label);letter-spacing:.12em;margin:0;font-size:clamp(1.35rem,2.2vw,2.2rem);font-weight:500;line-height:1}.task-board-description{color:var(--pomodoro-muted);text-align:right;margin:0;font-size:clamp(.68rem,.9vw,.9rem);line-height:1.4}.task-board-message{min-height:3rem;color:var(--pomodoro-muted);justify-content:center;align-items:center;gap:.8rem;margin:0 0 1rem;font-size:.9rem;display:flex}.task-board-message--error{color:#925f57}.task-board-message button{color:inherit;cursor:pointer;font-family:var(--font-label);background:#ffffffb8;border:1px solid #cdd8e4d9;border-radius:.5rem;padding:.38rem .7rem}.task-table-wrap{background:#ffffff61;border:1px solid #d0dae5d1;border-radius:.8rem;max-height:calc(100svh - 13.5rem);overflow:auto}.task-table{border-collapse:separate;border-spacing:0;width:100%;min-width:38rem;color:var(--pomodoro-ink);font-family:var(--font-label);font-size:clamp(.74rem,.95vw,.96rem)}.task-table th,.task-table td{border-bottom:1px solid #d0dae59e;padding:.58rem .72rem}.task-table thead th{z-index:4;color:var(--pomodoro-muted);letter-spacing:.1em;text-align:center;white-space:nowrap;background:#e8eff6f5;font-size:.76em;font-weight:600;position:sticky;top:0}.task-table thead th:first-child{z-index:6;text-align:left;min-width:22rem;left:0}.task-table tbody th:first-child,.task-table tbody td:first-child{z-index:2;position:sticky;left:0}.task-table tbody th{text-align:left;min-width:22rem;font-weight:400}.task-table tbody td{text-align:center;width:5rem}.task-row--chapter th,.task-row--chapter td{background:#ebf2f8f5;font-weight:600}.task-row--section th:first-child,.task-row--section td:first-child{background:#fffffff0}.task-row--section:last-child th,.task-row--section:last-child td{border-bottom-color:#d0dae5c7}.task-section-label{min-width:3.6rem;color:var(--pomodoro-muted);font-family:var(--font-numeric);letter-spacing:.03em;margin-right:.25rem;font-size:.95em;display:inline-block}.task-checkbox{accent-color:#668893;cursor:pointer;vertical-align:middle;width:1.1rem;height:1.1rem;margin:0}.task-checkbox:focus-visible{outline-offset:3px;outline:2px solid #668893}.pomodoro-panel{z-index:20;border:1px solid var(--pomodoro-panel-border);background:var(--pomodoro-panel);width:clamp(15.5rem,25vw,26rem);color:var(--pomodoro-ink);font-family:var(--font-label);-webkit-backdrop-filter:blur(16px);border-radius:clamp(1rem,1.6vw,1.7rem);grid-template-columns:clamp(4.1rem,5.2vw,5.8rem) minmax(0,1fr);align-items:stretch;gap:clamp(.6rem,1vw,1rem);padding:clamp(.65rem,1vw,1.1rem);transition:background .32s;display:grid;position:absolute;top:clamp(1rem,4.2vh,3rem);right:clamp(.9rem,3.2vw,4.5rem);box-shadow:0 1rem 2rem #9fb0c51f,0 .35rem .9rem #9fb0c52e,inset 0 1px #ffffffdb}.pomodoro-panel--working{background:var(--working-bg)}.pomodoro-panel--breaking{background:var(--breaking-bg)}.pomodoro-toggle{min-height:clamp(4.8rem,7vw,7rem);color:var(--pomodoro-ink);cursor:pointer;font-family:var(--font-label);letter-spacing:.09em;background:#ffffffb3;border:1px solid #cdd8e4d1;border-radius:clamp(.8rem,1.2vw,1.25rem);font-size:clamp(.72rem,1.05vw,1.1rem);font-weight:600;line-height:1;transition:background .16s,border-color .16s,transform .16s}.pomodoro-toggle:hover{background:#ffffffeb;border-color:#a6b5c7f2}.pomodoro-toggle:active{transform:translateY(1px)}.settings-toggle:focus-visible,.settings-option:focus-visible,.settings-notification-button:focus-visible,.pomodoro-toggle:focus-visible,.pomodoro-adjust:focus-visible,.pomodoro-phase-switch:focus-visible{outline-offset:2px;outline:2px solid}.pomodoro-times{min-width:0}.pomodoro-row{grid-template-columns:clamp(3.8rem,5.2vw,5rem) minmax(0,1fr);align-items:center;gap:clamp(.2rem,.6vw,.75rem);min-height:clamp(2.1rem,3.1vw,3rem);display:grid}.pomodoro-row+.pomodoro-row{border-top:1px solid #d0dae5b3}.pomodoro-row-label{color:var(--pomodoro-muted);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.62rem,.78vw,.88rem);font-weight:500;line-height:1}.pomodoro-row-controls{grid-template-columns:1.45rem minmax(0,1fr) 1.45rem;align-items:center;min-width:0;display:grid}.pomodoro-adjust{width:1.45rem;height:1.65rem;color:var(--pomodoro-muted);cursor:pointer;font-family:var(--font-numeric);background:0 0;border:0;border-radius:.45rem;place-items:center;padding:0;font-size:clamp(1.45rem,2.1vw,2.2rem);font-weight:500;line-height:.7;transition:background .16s,color .16s;display:grid}.pomodoro-adjust:hover:not(:disabled){color:var(--pomodoro-ink);background:#d6e0ea8c}.pomodoro-adjust:disabled{cursor:not-allowed;opacity:.3}.pomodoro-time{min-width:0;color:var(--pomodoro-ink);font-family:var(--font-numeric);letter-spacing:.06em;text-align:center;white-space:nowrap;font-size:clamp(1.2rem,2vw,2.05rem);font-weight:600;line-height:1}.pomodoro-status-row{border-top:1px solid #d0dae5b3;justify-content:flex-end;align-items:center;gap:clamp(.45rem,.65vw,.7rem);min-width:0;margin-top:clamp(.35rem,.65vw,.7rem);padding-top:clamp(.35rem,.65vw,.7rem);display:flex}.pomodoro-status{min-width:0;color:var(--pomodoro-muted);letter-spacing:.16em;text-align:right;text-transform:lowercase;margin:0;padding-top:0;font-size:clamp(.72rem,.9vw,1rem);font-weight:500;line-height:1}.pomodoro-phase-switch{width:clamp(1.45rem,1.9vw,1.9rem);height:clamp(1.45rem,1.9vw,1.9rem);color:var(--pomodoro-muted);cursor:pointer;background:#ffffff52;border:1px solid #cdd8e4c7;border-radius:50%;flex:none;place-items:center;padding:0;font-family:Arial,sans-serif;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:grid}.pomodoro-phase-switch:hover:not(:disabled){color:var(--pomodoro-ink);background:#ffffffb8;border-color:#a6b5c7f2;transform:rotate(-45deg)}.pomodoro-phase-switch:active:not(:disabled){transform:rotate(-45deg)scale(.94)}.pomodoro-phase-switch:disabled{cursor:not-allowed;opacity:.3}.pomodoro-panel--working .pomodoro-status{color:#987354}.pomodoro-panel--breaking .pomodoro-status{color:#4f7c84}.date-header{min-height:1.25em;color:var(--muted-ink);font-family:var(--font-numeric);letter-spacing:clamp(.32em,1.08vw,.72em);text-align:center;text-indent:clamp(.32em,1.08vw,.72em);white-space:nowrap;margin:0 0 clamp(2.25rem,7.2vh,5.2rem);font-size:clamp(.9rem,1.55vw,1.8rem);font-weight:800;line-height:1}.clock-content{width:min(100%,108rem)}.clock-row{gap:var(--group-gap);isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;position:relative}.label-row{gap:var(--group-gap);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:clamp(1.75rem,4.5vw,3.9rem);display:grid}.clock-row:before{z-index:8;top:calc(50% + var(--divider-offset));background:var(--divider);content:"";pointer-events:none;border:1px solid #cad5e2bd;height:clamp(.2rem,.42vw,.48rem);position:absolute;left:-.75%;right:-.75%;transform:translateY(-50%)}.time-group{z-index:1;min-width:0;position:relative}.digit-pair{gap:var(--card-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.digit-card{aspect-ratio:.715;border:1px solid var(--card-edge);border-radius:var(--card-radius);background:linear-gradient(165deg, var(--card-top) 0%, #f5f8fb 48%, var(--card-bottom) 100%);box-shadow:0 1.3rem 2.3rem #a4b6cd1f, 0 .6rem 1.2rem var(--card-shadow), inset 0 1px 0 #ffffffb8, inset 0 -1px 0 #d2deeb61;contain:paint;perspective:1100px;display:block;position:relative;overflow:hidden}.digit-half{backface-visibility:hidden;background:linear-gradient(165deg, var(--card-top) 0%, #f4f7fa 100%);height:50%;display:block;position:absolute;left:0;right:0;overflow:hidden}.digit-half--top{top:0}.digit-half--bottom{background:linear-gradient(165deg, #f3f6fa 0%, var(--card-bottom) 100%);bottom:0}.digit-value{width:100%;height:200%;color:var(--page-ink);font-family:var(--font-numeric);letter-spacing:-.055em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:clamp(4.5rem,13.8vw,15.2rem);font-weight:600;line-height:1;display:flex;position:absolute;left:0;right:0}.digit-half--top .digit-value{top:0}.digit-half--bottom .digit-value{bottom:0}.flip-layer{z-index:6;transform-style:preserve-3d;display:block;position:absolute;inset:0}.flip-face{z-index:6;transform-style:preserve-3d}.flip-face--front{transform-origin:50% 100%;animation:flip-front var(--flip-duration) cubic-bezier(.33, .03, .42, .98) forwards}.flip-face--back{z-index:5;transform-origin:50% 0;animation:flip-back var(--flip-duration) cubic-bezier(.16, .72, .22, 1) var(--flip-duration) forwards;transform:rotateX(90deg)}.group-label{color:var(--muted-ink);font-family:var(--font-label);letter-spacing:.03em;text-align:center;margin:0;font-size:clamp(1.25rem,2.05vw,2.5rem);font-weight:500;line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes flip-front{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-back{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes phase-background-working{0%{background-color:var(--working-bg)}to{background-color:var(--page-bg)}}@keyframes phase-background-breaking{0%{background-color:var(--breaking-bg)}to{background-color:var(--page-bg)}}@media (width<=700px){.clock-page{padding:clamp(7rem,20vw,9rem) .8rem 2.7rem}.clock-page--tasks{padding:6.2rem .8rem 2rem}.view-tabs{top:.8rem}.task-board{width:100%;padding:.8rem}.task-board-heading{flex-direction:column;align-items:flex-start;gap:.65rem}.task-board-heading-meta{align-items:flex-start;width:100%}.task-board-description{text-align:left}.task-table-wrap{max-height:calc(100svh - 12.2rem);overflow:hidden auto}.task-table{table-layout:fixed;min-width:0;font-size:.78rem}.task-table th,.task-table td{padding:.62rem .3rem}.task-table thead th{white-space:normal;line-height:1.1}.task-table thead th:first-child,.task-table tbody th{overflow-wrap:anywhere;min-width:0}.task-table thead th:first-child{left:auto}.task-table thead th:not(:first-child),.task-table tbody td{width:2.6rem;max-width:2.6rem}.task-table tbody th:first-child,.task-table tbody td:first-child{position:static}.task-table tbody td{padding-left:.1rem;padding-right:.1rem}.task-section-label{min-width:2.75rem;margin-right:.15rem}.task-checkbox{width:1.25rem;height:1.25rem}.settings-menu{top:.8rem;left:.8rem}.settings-popover{width:min(17rem,100vw - 1.6rem)}.pomodoro-panel{grid-template-columns:4rem minmax(0,1fr);gap:.55rem;width:min(100vw - 5.2rem,18rem);padding:.55rem;top:.8rem;right:.8rem}.pomodoro-toggle{min-height:4.25rem;font-size:.67rem}.pomodoro-row{grid-template-columns:3.7rem minmax(0,1fr);min-height:1.9rem}.pomodoro-row-label{font-size:.58rem}.pomodoro-time{font-size:clamp(1rem,4.8vw,1.55rem)}.pomodoro-status{font-size:.72rem}.date-header{letter-spacing:.22em;text-indent:.22em;margin-bottom:2.5rem;font-size:clamp(.72rem,2.55vw,1.1rem)}.clock-row{gap:clamp(.5rem,2.5vw,1.35rem)}.digit-pair{gap:clamp(.16rem,1vw,.42rem)}.digit-value{font-size:clamp(3.35rem,15.2vw,7rem)}.group-label{font-size:clamp(.95rem,3.9vw,1.45rem)}.label-row{margin-top:1.4rem}}@media (width<=700px) and (orientation:portrait){.clock-page,.clock-page--tasks{padding-top:calc(clamp(14rem, 39vw, 16rem) + env(safe-area-inset-top));justify-content:flex-start;overflow:auto}.clock-page--tasks{padding-bottom:2rem}.settings-menu,.view-tabs{top:calc(.8rem + env(safe-area-inset-top))}.pomodoro-panel{top:calc(5.1rem + env(safe-area-inset-top));grid-template-columns:4.2rem minmax(0,1fr);width:min(100vw - 1.6rem,22rem);right:.8rem}.clock-content{width:100%}}@media (prefers-reduced-motion:reduce){.clock-page--phase-working,.clock-page--phase-breaking{background-color:var(--page-bg);animation:none}.settings-toggle,.settings-option,.settings-notification-button,.view-tab,.pomodoro-panel,.pomodoro-toggle,.pomodoro-adjust,.pomodoro-phase-switch{transition:none}.flip-face--front,.flip-face--back{animation-duration:1ms;animation-delay:0s}}