:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0f1f17;--surface:#163a2b;--surface-2:#1d4534;--line:#2c5442;--text:#f2e9da;--muted:#b9b29f;--gold:#b08d57;--gold-text:#d2b17c;--blue:#3e5aae;--blue-text:#9fb2e8;--on-gold:#14241b;--shadow:0 1px 0 #00000040}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#f4eee2;--surface:#fffaf0;--surface-2:#ece3d1;--line:#d8cdb6;--text:#163a2b;--muted:#5b6656;--gold:#8a6a36;--gold-text:#7a5c2c;--blue:#3e5aae;--blue-text:#34509f;--on-gold:#fffaf0;--shadow:0 1px 2px #163a2b14}:root{--serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--radius:.75rem;--nav-h:3.75rem;font-family:var(--sans);color:var(--text);background:var(--ground);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{background:var(--ground);min-height:100dvh;color:var(--text);margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.2}a{color:var(--blue-text)}.shell{min-height:100dvh}.topbar{z-index:10;padding:calc(env(safe-area-inset-top) + .6rem) calc(env(safe-area-inset-right) + 1rem) .6rem calc(env(safe-area-inset-left) + 1rem);background:color-mix(in srgb, var(--ground) 92%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{color:var(--text);text-decoration:none}.wordmark{font-family:var(--serif);flex-direction:column;align-items:center;font-size:1.45rem;line-height:1;display:inline-flex}.wordmark .dots{gap:.28rem;margin-top:.22rem;display:flex}.wordmark .dots i{background:var(--gold);border-radius:50%;width:.26rem;height:.26rem}.sync-badge{color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.8rem;text-decoration:none;display:inline-flex}.sync-mark{border:1.5px solid;border-radius:50%;width:.55rem;height:.55rem}.sync-badge.ok .sync-mark{background:var(--gold);border-color:var(--gold)}.sync-badge.attention{color:var(--gold-text)}.sync-badge.attention .sync-mark{border-radius:1px;transform:rotate(45deg)}.nav{z-index:10;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{min-height:var(--nav-h);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.75rem;text-decoration:none;display:flex}.nav-item svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.nav-item[aria-current=page]{color:var(--text);box-shadow:inset 0 2px 0 var(--gold);font-weight:600}.screen{max-width:44rem;padding:1rem calc(env(safe-area-inset-right) + 1rem) calc(env(safe-area-inset-bottom) + var(--nav-h) + 1.5rem) calc(env(safe-area-inset-left) + 1rem);margin:0 auto}@media (width>=52rem){.shell{grid-template-rows:auto 1fr;grid-template-columns:11rem 1fr;display:grid}.topbar{grid-column:1/-1;padding-left:1.5rem;padding-right:1.5rem}.nav{background:0 0;border:0;flex-direction:column;align-self:start;gap:.25rem;padding:1.25rem .75rem;display:flex;position:sticky;top:3.6rem}.nav-item{border-radius:.5rem;flex-direction:row;justify-content:flex-start;gap:.75rem;min-height:2.75rem;padding:0 .85rem;font-size:.95rem}.nav-item:hover{background:var(--surface)}.nav-item[aria-current=page]{background:var(--surface);box-shadow:inset 3px 0 0 var(--gold)}.screen{margin:0;padding:1.5rem 2rem 3rem}}.screen-head{margin:.5rem 0 1.25rem}.screen-head h1{margin:0;font-size:2rem}.stage{color:var(--gold-text);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 1rem;padding:1rem 1.1rem}.card h2{margin:0 0 .5rem;font-size:1.3rem}.card h3{margin:0 0 .5rem;font-size:1.1rem}.card>:last-child{margin-bottom:0}.notice{border-left:3px solid var(--gold)}.muted{color:var(--muted)}.small{font-size:.85rem}.timer-card{text-align:center;padding:1.5rem 1rem}.timer-idle{font-family:var(--serif);margin:0 0 .25rem;font-size:1.5rem}.tape{border-radius:.4rem;grid-template-columns:repeat(4,1fr);gap:2px;height:1.75rem;display:grid;overflow:hidden}.tape-quarter{background:var(--surface-2)}.tape-labels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:.3rem 0 .75rem;font-size:.75rem;display:flex}.facts{grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:.75rem 0;font-size:.95rem;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;display:flex}.choices{border:0;flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;padding:0;display:flex}.choice{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .8rem;display:inline-flex}.choice:has(input:checked){border-color:var(--gold);background:var(--surface-2)}.choice input{accent-color:var(--gold);margin:0}.inline-form{gap:.5rem;margin:.75rem 0;display:flex}input,select,textarea{font:inherit;color:var(--text);background:var(--ground);border:1px solid var(--line);border-radius:.5rem;padding:.55rem .7rem;font-size:16px}.inline-form input{flex:1;min-width:0}button{font:inherit;background:var(--gold);min-height:2.5rem;color:var(--on-gold);cursor:pointer;border:0;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button.quiet{color:var(--blue-text);background:0 0;padding:.4rem .6rem;font-weight:400}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}:focus-visible{outline:2px solid var(--blue-text);outline-offset:2px}.signin h3{margin-top:.25rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.card-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.quiet-link,.back-link,.add-link{color:var(--blue-text);font-size:.95rem;text-decoration:none}.quiet-link:hover,.back-link:hover,.add-link:hover{text-decoration:underline}.back-link{margin-bottom:.25rem;padding:.4rem 0;display:inline-block}.add-link{padding:.5rem 0 .25rem;font-size:.9rem;display:inline-block}.big-number{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0 0 .25rem;font-size:2.25rem;line-height:1.1}.group{border-top:1px solid var(--line);padding:.75rem 0 .5rem}.group:first-of-type{border-top:0}.group h3{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-size:.8rem;font-weight:600}.activity-list{margin:0;padding:0;list-style:none}.activity-row{min-height:2.9rem;color:var(--text);border-radius:.5rem;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;margin:0 -.5rem;padding:.4rem .5rem;text-decoration:none;display:grid}.activity-row:hover{background:var(--surface-2)}.swatch{border-radius:.25rem;flex:none;width:.85rem;height:.85rem}.activity-name{min-width:0}.purpose{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;display:block;overflow:hidden}.target{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;min-width:3.5rem;font-size:.9rem}.level-tag{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .5rem;font-size:.75rem;display:inline-flex}.level-tag.l1{border-color:var(--gold);color:var(--gold-text)}@media (width<=30rem){.level-name{display:none}}.state-tag{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-text);vertical-align:middle;margin-left:.5rem;font-size:.7rem;font-weight:600;display:inline-block}details.archived summary{cursor:pointer;color:var(--muted);padding:.35rem 0;font-size:.9rem}button.wide{width:100%;margin-bottom:1rem}.error{color:var(--gold-text);font-weight:600}.form{flex-direction:column;gap:.9rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field>span,fieldset legend{color:var(--muted);font-size:.9rem}fieldset.choices legend,fieldset.colours legend,.field-group legend{margin-bottom:.4rem;padding:0}.field-group{border:0;flex-direction:column;gap:.6rem;margin:0;padding:0;display:flex}textarea{resize:vertical}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.25rem 0;display:flex}.colours{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.colours legend{width:100%}.colour{cursor:pointer;width:2.1rem;height:2.1rem;box-shadow:inset 0 0 0 2px var(--surface);border:2px solid #0000;border-radius:50%}.colour:has(input:checked){border-color:var(--text)}.colour:has(input:focus-visible){outline:2px solid var(--blue-text);outline-offset:2px}.history li{font-size:.95rem}.card h3{margin-top:1rem}.timer-card.live{text-align:left;border-color:var(--gold)}.timer-card.live.paused{border-style:dashed}.timer-activity{font-family:var(--serif);align-items:center;gap:.6rem;margin:0;font-size:1.5rem;display:flex}.timer-purpose{color:var(--muted);margin:.35rem 0 0;font-style:italic}.timer-elapsed{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:.75rem 0 .25rem;font-size:3.5rem;font-weight:300;line-height:1.1}.timer-state{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.overtime{border-left:3px solid var(--gold);background:var(--surface-2);border-radius:.25rem;margin:0 0 1rem;padding:.6rem .8rem;font-size:.95rem}.timer-buttons{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.timer-buttons button{min-height:3.25rem;font-size:1.05rem}.timer-more{margin-top:1rem}.timer-more summary{cursor:pointer;color:var(--blue-text);padding:.25rem 0;font-size:.9rem}.timer-more>*+*{margin-top:.75rem}.choices.compact .choice{padding:.35rem .65rem;font-size:.9rem}.confirm{border:1px solid var(--gold);background:var(--surface-2);border-radius:.5rem;margin:0 0 .75rem;padding:.75rem}.confirm p{margin:0 0 .5rem;font-weight:600}.start-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.start-button{text-align:left;background:var(--ground);width:100%;min-height:3.25rem;color:var(--text);border:1px solid var(--line);align-items:center;gap:.55rem;padding:.5rem .7rem;font-weight:400;line-height:1.2;display:flex}.start-button:hover{border-color:var(--muted)}.start-button.running{border-color:var(--gold);background:var(--surface-2);border-width:2px}.start-button .state-tag{margin-left:auto}.start-name{min-width:0;font-size:.95rem}.tape{position:relative}.tape-piece{position:absolute;top:0;bottom:0}.tape-piece.l2{opacity:.8}.tape-piece.l3{opacity:.6}.tape-piece.l4{opacity:.85;background-image:repeating-linear-gradient(45deg,#0000 0 4px,#00000059 4px 7px)!important}.tape-now{background:var(--text);width:2px;position:absolute;top:-3px;bottom:-3px}.week-summary{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:0 0 .75rem;display:flex}.totals{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.totals th,.totals td{border-top:1px solid var(--line);text-align:right;vertical-align:top;white-space:nowrap;padding:.45rem .25rem}.totals thead th{color:var(--muted);border-top:0;font-size:.8rem;font-weight:400}.totals th[scope=row],.totals thead th:first-child{text-align:left;white-space:normal;font-weight:400}.totals-name{align-items:center;gap:.45rem;display:flex}.bar{background:var(--surface-2);border-radius:2px;height:4px;margin-top:.35rem;display:block;overflow:hidden}.bar span{height:100%;display:block}.attainment{color:var(--muted);font-size:.8rem;display:block}.mini-timer{z-index:9;left:.5rem;right:.5rem;bottom:calc(env(safe-area-inset-bottom) + var(--nav-h) + .5rem);background:var(--surface-2);border:1px solid var(--gold);border-radius:.75rem;align-items:center;gap:.25rem;padding:.25rem .25rem .25rem .75rem;display:flex;position:fixed;box-shadow:0 4px 16px #0000004d}.mini-timer-main{min-width:0;color:var(--text);flex:1;align-items:center;gap:.5rem;min-height:2.75rem;text-decoration:none;display:flex}.mini-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-state{color:var(--muted);font-size:.8rem}.mini-elapsed{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.shell:has(.mini-timer) .screen{padding-bottom:calc(env(safe-area-inset-bottom) + var(--nav-h) + 5rem)}@media (width>=52rem){.mini-timer{width:24rem;bottom:1.5rem;left:auto;right:1.5rem}}.run-mark{color:var(--gold-text);margin-left:auto;font-size:.75rem}.week-nav{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;margin:0 0 1rem;display:grid}.week-nav a{min-height:2.75rem;color:var(--text);justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;display:flex}.day+.day{margin-top:.5rem}.day h3{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:.75rem 0 .25rem;font-size:.8rem;font-weight:600}.session-list{margin:0;padding:0;list-style:none}.session-row{color:var(--text);border-radius:.5rem;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;margin:0 -.5rem;padding:.5rem;text-decoration:none;display:grid}.session-row:hover{background:var(--surface-2)}.session-main{flex-direction:column;min-width:0;display:flex}.state-tag.first{margin-left:0}.two-up{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.flagged+.flagged{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.flagged p{margin:0 0 .5rem}.flagged .inline-form{flex-wrap:wrap;align-items:center}.flagged .inline-form input{flex:0 8rem}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-top:1px solid var(--line);flex-direction:column;padding:.45rem 0;display:flex}.history-list li:first-child{border-top:0}
