:root{--green:#81b64c;--green-dark:#5d9948;--board-light:#ebecd0;--board-dark:#779556;--radius:10px;--radius-lg:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--bg:#f1f1ef;--surface:#fff;--surface-2:#f7f7f5;--text:#26211d;--text-muted:#6b655f;--border:#e0ddd8;--lip:#00000038;--danger:#c33}:root[data-theme=dark]{--bg:#262421;--surface:#312e2b;--surface-2:#3a3733;--text:#e8e6e3;--text-muted:#a09a93;--border:#45413c;--lip:#00000073;--danger:#e66}@media print{body *{visibility:hidden}.routine-card,.routine-card *{visibility:visible}.routine-card{color:#000;background:#fff;border:2px solid #000;width:100%;position:absolute;inset:0 auto auto 0}.no-print{display:none!important}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55}:focus-visible{outline:3px solid var(--green);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.btn{font:inherit;color:#fff;background:var(--green);border-radius:var(--radius);cursor:pointer;box-shadow:0 4px 0 var(--lip);border:none;padding:.6rem 1.1rem;font-weight:600;transition:transform 50ms,box-shadow 50ms}.btn:active{box-shadow:0 1px 0 var(--lip);transform:translateY(3px)}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.home-view{flex-direction:column;gap:1.5rem;max-width:46rem;margin:0 auto;display:flex}.routine-card{padding:1.5rem 1.75rem}.routine-card h2{margin-top:0}.routine-card ol{flex-direction:column;gap:.9rem;margin:0;padding-left:1.25rem;list-style:decimal;display:flex}.routine-card h3{margin:0 0 .15rem;font-size:1.05rem}.routine-card p{margin:0}.routine-footer{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem}.routine-card .btn{margin-top:1rem}.routine-notes{flex-direction:column;gap:.75rem;display:flex}.routine-notes h3{margin-top:0}.link-cards{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.link-card{color:var(--text);flex-direction:column;gap:.35rem;text-decoration:none;display:flex}.link-card span{color:var(--text-muted);font-size:.9rem}.clock{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:24rem;margin:0 auto;display:flex}.clock-presets{border-radius:var(--radius);border:1px solid var(--border);display:inline-flex;overflow:hidden}.clock-preset{font:inherit;color:var(--text);background:var(--surface-2);cursor:pointer;border:none;padding:.5rem 1rem;font-weight:600}.clock-preset+.clock-preset{border-left:1px solid var(--border)}.clock-preset[aria-pressed=true]{background:var(--green);color:#fff}.clock-readout{font-variant-numeric:tabular-nums;color:var(--text);margin:0;font-size:4rem;font-weight:700;line-height:1}.clock-readout-done{color:var(--danger)}.clock-controls{gap:.75rem;display:flex}.clock-controls .btn:disabled{opacity:.5;cursor:not-allowed}.clock-copy{color:var(--text-muted);max-width:32rem;margin:0;font-size:.9rem}.train-view{flex-direction:column;gap:1.5rem;max-width:40rem;margin:0 auto;display:flex}.train-regimen-note{color:var(--text-muted);text-align:center;margin:0;font-size:.9rem}.stop-rule h2{margin-top:0}.stop-rule-dots{letter-spacing:.3rem;margin:.25rem 0 1rem;font-size:1.5rem}.stop-rule-buttons{flex-wrap:wrap;gap:.6rem;display:flex}.stop-rule-tripped p{margin:0 0 .75rem}.stop-rule-tripped label{margin-bottom:.35rem;font-weight:600;display:block}.stop-rule-tripped textarea{width:100%;min-height:4.5rem;font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);resize:vertical;margin-bottom:.75rem;padding:.6rem .75rem}.mistake-log h2{margin-top:0}.log-notice{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.6rem .85rem;display:flex}.log-notice p{margin:0}.log-add{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:1rem;display:flex}.log-add label{color:var(--text-muted);font-size:.85rem}.log-add select,.log-add input{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:.45rem .6rem}.log-add input{flex:1;min-width:10rem}.log-counts{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.log-counts li{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.2rem .7rem;font-size:.85rem}.log-entries{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.log-entry{border:1px solid var(--border);border-radius:var(--radius);align-items:baseline;gap:.6rem;padding:.5rem .65rem;display:flex}.log-entry-category{white-space:nowrap;font-size:.85rem;font-weight:600}.log-entry-text{flex:1}.board-wrapper{border-radius:var(--radius-lg,16px);width:100%;max-width:100%;line-height:0;display:block;overflow:hidden}.board-wrapper svg{width:100%;height:auto;display:block}.coord{font-family:var(--font,system-ui, sans-serif);pointer-events:none;-webkit-user-select:none;user-select:none}.piece{pointer-events:none}.positions-view,.plan-view,.learn-view,.resources-view{flex-direction:column;gap:1.25rem;max-width:60rem;margin:0 auto;display:flex}.positions-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.position-card{flex-direction:column;gap:1rem;display:flex}.position-board{width:100%;max-width:20rem;margin:0 auto}.position-body{flex-direction:column;gap:.6rem;display:flex}.position-body h3{margin:0}.position-task{font-weight:600}.position-solution{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:.75rem 1rem}@media (width>=720px){.position-card{flex-direction:row;align-items:flex-start}.position-board{flex:0 0 16rem;margin:0}.position-body{flex:auto}}.plan-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.plan-overall{margin:0;font-size:1.1rem;font-weight:700}.plan-stages{flex-direction:column;gap:1.25rem;display:flex}.plan-stage h3{margin:0 0 .25rem}.plan-goal{color:var(--text-muted);margin:0 0 .75rem}.plan-progress{appearance:none;border:1px solid var(--border);background:var(--surface-2);width:100%;height:.6rem;color:var(--green);border-radius:999px;display:block;overflow:hidden}.plan-progress::-webkit-progress-bar{background:var(--surface-2);border-radius:999px}.plan-progress::-webkit-progress-value{background:var(--green);border-radius:999px}.plan-progress::-moz-progress-bar{background:var(--green);border-radius:999px}.plan-stage-count{color:var(--text-muted);margin:.35rem 0 .75rem;font-size:.9rem}.plan-tasks{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.plan-tasks label{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.plan-tasks input[type=checkbox]{flex-shrink:0;margin-top:.2rem}.learn-view section{flex-direction:column;gap:.6rem;display:flex}.learn-view h2{margin-bottom:0}.learn-view ul,.learn-view ol{flex-direction:column;gap:.4rem;margin:0;padding-left:1.25rem;display:flex}.resources-table-wrap{overflow-x:auto}.resources-table{border-collapse:collapse;width:100%}.resources-table th,.resources-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .75rem}@media (width<=600px){.resources-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.resources-table,.resources-table tbody,.resources-table tr,.resources-table td{width:100%;display:block}.resources-table tr{border-bottom:1px solid var(--border);padding:.5rem 0}.resources-table td{border-bottom:none;padding:.25rem 0}.resources-table td[data-label]:before{content:attr(data-label);color:var(--text-muted);font-size:.8rem;font-weight:700;display:block}}.research-honesty{border:2px solid var(--danger)}.research-honesty h3{margin-top:0}.settings-view{flex-direction:column;gap:1.25rem;max-width:40rem;margin:0 auto;display:flex}.settings-fieldset{border:1px solid var(--border);flex-direction:column;gap:.6rem;display:flex}.settings-fieldset legend{padding:0 .4rem;font-weight:700}.settings-fieldset label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.settings-help{color:var(--text-muted);margin:.2rem 0 0;font-size:.9rem}.settings-notice p{margin:0}.settings-danger{border:2px solid var(--danger);flex-direction:column;gap:.6rem;display:flex}.settings-danger h3{margin:0}.shell-nav{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.shell-nav nav ul{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.shell-nav nav a{color:var(--text-muted);border-radius:var(--radius);padding:.4rem .7rem;font-weight:600;text-decoration:none;display:inline-block}.shell-nav nav a:hover{color:var(--text);background:var(--surface-2)}.shell-nav nav a[aria-current=page]{color:#fff;background:var(--green)}.theme-toggle{flex-shrink:0;padding:.4rem .7rem;font-size:1.1rem;line-height:1}.shell-main{padding:1rem}