: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: #007aff;--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: #0a84ff;--red: #ff453a;--bar: rgba(22, 22, 22, .94)}}*{box-sizing:border-box}html,body{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}.page{padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 156px);max-width:640px}.large-title{font-size:34px;font-weight:700;margin:0 0 16px;letter-spacing:.01em}.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}.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}.version{margin:32px 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}.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:#fff}.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(env(safe-area-inset-top) + 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}.toast{position:fixed;top:calc(env(safe-area-inset-top) + 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}.update{position:fixed;top:calc(env(safe-area-inset-top) + 12px);right:16px;z-index:11}