:root{--label: #000;--secondary-label: rgba(60, 60, 67, .6);--background: #f2f2f7;--surface: #fff;--separator: rgba(60, 60, 67, .29);--fill: rgba(118, 118, 128, .12);--tint: #1c1c1e;--on-tint: #fff;--red: #ff3b30;--radius-large: 14px;--radius-small: 9px;--bar: rgba(249, 249, 249, .94);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--label: #fff;--secondary-label: rgba(235, 235, 245, .6);--background: #000;--surface: #1c1c1e;--separator: rgba(84, 84, 88, .6);--fill: rgba(118, 118, 128, .24);--tint: #f2f2f7;--on-tint: #000;--red: #ff453a;--bar: rgba(22, 22, 22, .94)}}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;background:var(--background);color:var(--label);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;font-size:17px;line-height:1.3;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}:root{--top-inset: env(safe-area-inset-top)}@media(display-mode:standalone){:root{--top-inset: max(env(safe-area-inset-top), 36px)}}.page{padding:calc(var(--top-inset) + 12px) 16px calc(env(safe-area-inset-bottom) + 156px);max-width:640px;margin:0 auto}.headline{font-size:17px;font-weight:600}.footnote{font-size:13px}.secondary{color:var(--secondary-label)}.section-title{font-size:13px;font-weight:400;color:var(--secondary-label);margin:24px 16px 8px}.section-title.first{margin-top:8px}.group{list-style:none;margin:0;padding:0;background:var(--surface);border-radius:var(--radius-large)}.row{display:block;min-height:44px;padding:12px 16px;border-bottom:.5px solid var(--separator)}.row:last-child{border-bottom:none}.row-split,.record-main{display:flex;justify-content:space-between;gap:12px}.record-row .footnote{margin-top:4px}.field{width:100%;border:none;background:none;padding:0;font:inherit;color:var(--label);outline:none}.link{border:none;background:none;padding:0;min-height:20px;color:var(--tint);cursor:pointer;text-align:left;width:100%}.link:disabled{color:var(--secondary-label)}.error{color:var(--red);font-size:13px;margin:8px 16px 0}.today-ring{display:flex;flex-direction:column;align-items:center;gap:8px;margin:8px 0 24px}.ring{position:relative;width:180px;height:180px}.ring svg{width:100%;height:100%}.ring circle{fill:none;stroke-width:12;stroke-linecap:round}.ring-track{stroke:var(--fill)}.ring-fill{stroke:var(--tint)}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-number{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums}.ring-unit{font-size:13px;color:var(--secondary-label)}.today-minutes{margin:0;font-size:17px;color:var(--secondary-label);font-variant-numeric:tabular-nums}.week{list-style:none;margin:0;padding:12px 16px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--surface);border-radius:var(--radius-large)}.week-day{display:flex;flex-direction:column;align-items:center;gap:4px}.week-dot{width:12px;height:12px;border-radius:50%;background:var(--fill)}.week-day.done .week-dot{background:var(--tint)}.week-label{font-size:13px;color:var(--secondary-label)}.empty{padding:32px 0}.row:has(.step-toggle){padding:0}.step-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 16px;border:none;background:none;text-align:left;cursor:pointer}.step-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.check{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--separator);position:relative}.check.on{background:var(--tint);border-color:var(--tint)}.check.on:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid var(--on-tint);border-width:0 2px 2px 0;transform:rotate(45deg)}.button:disabled{opacity:.4;cursor:default}.actions{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 56px);padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.button{min-height:44px;padding:0 16px;border:none;border-radius:var(--radius-small);background:var(--fill);color:var(--tint);font-weight:600;cursor:pointer}.button.primary{background:var(--tint);color:var(--on-tint)}.button:active{opacity:.6}.tabs{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom);background:var(--bar);border-top:.5px solid var(--separator);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tab{min-height:56px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--secondary-label)}.tab.selected{color:var(--tint);font-weight:600}.practice{height:100dvh;display:flex;flex-direction:column;padding:calc(var(--top-inset) + 12px) 16px calc(env(safe-area-inset-bottom) + 12px)}.practice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.timer{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.timer-text{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.timer-bar{position:relative;width:96px;height:4px;border-radius:2px;background:var(--fill)}.timer-fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:var(--tint)}.timer-mark{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--secondary-label)}.paper-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 0;container-type:size}.paper{width:min(100cqw,100cqh);aspect-ratio:1;background:#fff;border-radius:var(--radius-small);overflow:hidden}.paper svg{display:block;width:100%;height:100%}.practice-actions{position:static;padding:0}.ref-area{padding:12px 0}.ref-image{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-small)}.ref-image.loading{width:min(100cqw,100cqh);aspect-ratio:1;background:var(--fill)}.notice{flex-direction:column;gap:12px;text-align:center}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-select{appearance:none;-webkit-appearance:none;color:var(--label);font-weight:400}.picker-area{align-items:stretch}.picker{list-style:none;margin:0;padding:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.picker-item{width:100%;height:100%;padding:0;border:none;background:var(--fill);border-radius:var(--radius-small);overflow:hidden;cursor:pointer}.picker-item .ref-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:0}.picker-item .ref-image.loading{width:100%;height:100%;aspect-ratio:auto}.croquis-bar{height:4px;margin-top:12px;border-radius:2px;background:var(--fill);overflow:hidden}.croquis-bar span{display:block;height:100%;background:var(--tint);transition:width 1s linear}.prompt{margin:0;padding:0 16px;font-size:28px;font-weight:600;text-align:center;line-height:1.4}.toast{position:fixed;top:calc(var(--top-inset) + 8px);left:50%;transform:translate(-50%);z-index:10;padding:8px 16px;border-radius:var(--radius-large);background:var(--surface);box-shadow:0 4px 16px #00000029;font-size:15px;white-space:nowrap}.status-bar-backdrop{position:fixed;top:0;left:0;right:0;height:0;z-index:100;pointer-events:none;background:var(--background)}@supports (-webkit-touch-callout: none){@media(display-mode:standalone){.status-bar-backdrop{height:max(env(safe-area-inset-top),11px);-webkit-background-clip:text;background-clip:text}}}.update{position:fixed;top:calc(var(--top-inset) + 12px);right:16px;z-index:11}