:root{font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d1d1f;background:#fafafc;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #007aff;--blue-soft: rgba(0, 122, 255, .1);--ink: #1d1d1f;--secondary: #86868b;--tertiary: #b2b2b7;--line: rgba(0, 0, 0, .065);--surface: #fafafc;--week-remaining: #dedee3}*{box-sizing:border-box}html{background:var(--surface)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;min-height:100dvh}.app-footer,.work-clock,.weekly-question{width:min(100%,760px);margin-inline:auto}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;flex-direction:column;width:236px;padding:max(34px,env(safe-area-inset-top)) 18px 28px max(18px,env(safe-area-inset-left));border-right:1px solid var(--line);background:#f5f5f7b8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);-webkit-user-select:none;user-select:none}.logout-button{min-width:44px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--tertiary);cursor:pointer;font-size:12px}.app-sidebar>.logout-button{width:100%;margin-top:auto;text-align:left}.logout-button:hover{background:#00000009;color:var(--secondary)}.app-content{min-height:100vh;min-height:100dvh;margin-left:236px;padding:max(28px,env(safe-area-inset-top)) max(36px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) 36px}.mobile-header,.layer-nav--mobile{display:none}.app-wordmark{font-size:18px;font-weight:650;letter-spacing:-.025em}.layer-nav{display:flex;flex-direction:column;gap:4px;margin-top:48px}.layer-nav button{width:100%;min-height:42px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:var(--secondary);cursor:pointer;font-size:14px;font-weight:520;text-align:left;transition:background-color .16s ease,color .16s ease}.layer-nav button:hover{background:#00000009;color:var(--ink)}.layer-nav button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.layer-nav button.is-active{background:#0000000e;color:var(--ink);font-weight:600}.work-clock{padding-block:clamp(54px,8vh,92px) 88px}.clock-hero{position:relative;padding-bottom:clamp(54px,7vw,76px);border-bottom:1px solid var(--line)}.clock-hero__eyebrow,.section-label{margin:0;color:var(--secondary);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.clock-hero__count{display:flex;align-items:flex-end;gap:10px;width:fit-content;margin-top:16px;color:var(--ink);font-variant-numeric:tabular-nums}.clock-hero__number{font-size:clamp(82px,13vw,126px);font-weight:620;line-height:.88;letter-spacing:-.075em}.clock-hero__unit{padding-bottom:8px;color:var(--secondary);font-size:clamp(20px,3vw,28px);font-weight:500}.clock-hero h1{margin:24px 0 0;max-width:680px;font-size:clamp(28px,5vw,42px);font-weight:620;line-height:1.14;letter-spacing:-.045em;text-wrap:balance}.clock-hero__deadline{position:absolute;right:0;bottom:74px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:var(--secondary);font-size:12px}.clock-hero__deadline time{color:var(--ink);font-size:14px;font-weight:560;font-variant-numeric:tabular-nums}.week-visual{padding-block:clamp(50px,7vw,68px);border-bottom:1px solid var(--line)}.week-visual__meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.week-visual__statement{margin:0;color:var(--ink);font-size:14px;font-weight:520;line-height:1.5}.week-legend{display:flex;flex:0 0 auto;justify-content:flex-end;gap:14px;color:var(--secondary);font-size:11px}.week-legend span{display:inline-flex;align-items:center;gap:5px}.week-legend__cell{width:8px;height:8px;border-radius:2px}.week-legend__cell--elapsed{background:var(--ink)}.week-legend__cell--current{background:var(--blue)}.week-legend__cell--remaining{background:var(--week-remaining)}.week-grid{display:grid;grid-template-columns:repeat(22,1fr);gap:8px;width:100%}.week-cell{display:block;aspect-ratio:1;border-radius:5px}.week-cell--elapsed{background:var(--ink)}.week-cell--current{background:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.week-cell--remaining{background:var(--week-remaining)}.week-scale{display:flex;justify-content:space-between;margin-top:14px;color:var(--secondary);font-size:11px;font-variant-numeric:tabular-nums}.definition{display:grid;grid-template-columns:minmax(110px,.42fr) minmax(0,1.58fr);gap:clamp(42px,8vw,82px);padding-top:clamp(52px,7vw,72px)}.definition__narrative{margin:-5px 0 0;max-width:560px;color:var(--ink);font-size:18px;font-weight:450;line-height:1.85;letter-spacing:-.012em}.weekly-question{padding-block:clamp(52px,8vh,82px) 88px}.weekly-question__header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.weekly-question__header h1{margin:12px 0 0;font-size:clamp(34px,6vw,50px);font-weight:630;line-height:1.08;letter-spacing:-.048em}.weekly-question__remaining{display:flex;align-items:baseline;gap:7px;color:var(--secondary);white-space:nowrap}.weekly-question__remaining strong{color:var(--ink);font-size:34px;font-weight:610;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.weekly-question__remaining span{font-size:12px}.current-week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:46px;padding-bottom:42px;border-bottom:1px solid var(--line)}.current-week-day{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px;color:var(--tertiary);font-variant-numeric:tabular-nums}.current-week-day span{font-size:10px}.current-week-day strong{font-size:12px;font-weight:560}.current-week-day i{grid-column:1 / -1;display:block;height:3px;margin-top:8px;border-radius:999px;background:var(--week-remaining)}.current-week-day--elapsed{color:var(--secondary)}.current-week-day--elapsed i{background:var(--ink)}.current-week-day--current{color:var(--blue)}.current-week-day--current i{background:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.question-list-section{padding-block:clamp(46px,7vw,64px) 36px}.question-list-prompt{margin:0 0 20px;color:var(--secondary);font-size:12px;font-weight:560}.question-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.question-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:4px;min-height:62px;border-bottom:1px solid var(--line)}.question-check{display:grid;width:44px;height:44px;place-items:center;cursor:pointer}.question-check input{width:18px;height:18px;margin:0;accent-color:var(--blue);cursor:pointer}.question-list input[type=text]{min-width:0;padding:18px 0;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px;line-height:1.5}.question-list input[type=text]::placeholder{color:var(--tertiary)}.question-list li.is-completed input[type=text]{color:var(--tertiary);text-decoration:line-through}.question-actions button,.add-question{border:0;background:transparent;cursor:pointer;color:var(--secondary);font-size:12px}.question-actions{display:flex;align-items:center;justify-content:flex-end;min-width:52px}.question-actions button{min-width:48px;min-height:44px;padding:0 10px;opacity:.62;border-radius:9px}.question-actions button:hover,.add-question:hover{color:var(--ink);background:#00000009}.question-actions button:focus-visible,.add-question:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.question-actions .confirm-delete{color:#c53b33}.add-question{margin-top:18px;min-height:46px;padding:0 15px;border-radius:11px;color:var(--blue);font-weight:560}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cloud-save-status{margin:0;color:var(--tertiary);font-size:11px;text-align:right}.cloud-save-status--saving{color:var(--secondary)}.cloud-save-status--error{color:#c53b33}.question-list-message{min-height:90px;margin:0;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--secondary);font-size:14px}.question-list-message--error{display:flex;align-items:center;justify-content:space-between}.question-list-message button{min-width:48px;min-height:44px;border:0;border-radius:10px;background:#0000000a;color:var(--ink);cursor:pointer}.app-loading,.login-screen{display:grid;min-height:100vh;min-height:100dvh;place-items:center}.app-loading{color:var(--secondary);font-size:18px;font-weight:650}.login-screen{padding:max(28px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}.login-panel{width:min(100%,360px)}.login-panel>.app-wordmark{margin:0 0 72px}.login-panel h1{margin:0;font-size:36px;font-weight:630;letter-spacing:-.045em}.login-panel>p:not(.app-wordmark){margin:13px 0 38px;color:var(--secondary);font-size:14px;line-height:1.65}.login-panel label>span{display:block;margin-bottom:10px;color:var(--secondary);font-size:12px}.login-panel input{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:12px;outline:none;background:#ffffffc7;color:var(--ink)}.login-panel input:focus{border-color:#007aff5c;box-shadow:0 0 0 4px var(--blue-soft)}.login-panel form>button{width:100%;min-height:50px;margin-top:18px;border:0;border-radius:12px;background:var(--ink);color:#fff;cursor:pointer;font-weight:560}.login-panel form>button:disabled{cursor:wait;opacity:.58}.login-error{margin:10px 0 0;color:#c53b33;font-size:12px}.app-footer{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line);color:var(--tertiary);font-size:11px}@media(max-width:760px){.app-sidebar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left))}.app-content{margin-left:0;padding:0 max(18px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.layer-nav--mobile{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#fafafce0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.layer-nav--mobile button{min-height:50px;border-radius:12px;font-size:12px;text-align:center}.layer-nav--mobile button.is-active{background:#0000000d}.work-clock{padding-block:50px 70px}.app-wordmark{font-size:17px}.layer-nav button{padding-inline:12px}.clock-hero{padding-bottom:44px}.clock-hero__number{font-size:clamp(76px,25vw,96px)}.clock-hero h1{margin-top:22px;font-size:30px}.clock-hero__deadline{position:static;align-items:flex-start;margin-top:34px}.week-grid{grid-template-columns:repeat(16,1fr);gap:6px}.week-visual__meta{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.week-cell{border-radius:4px}.definition{grid-template-columns:1fr;gap:38px}.definition__narrative{margin-top:-4px;font-size:17px;line-height:1.85}.weekly-question{padding-block:48px 70px}.weekly-question__header{align-items:flex-start}.weekly-question__header h1{font-size:36px}.weekly-question__remaining{align-items:flex-end;flex-direction:column;gap:3px}.weekly-question__remaining strong{font-size:30px}.current-week-strip{gap:5px;margin-top:38px;padding-bottom:36px}.current-week-day{grid-template-columns:1fr;gap:4px}.current-week-day span,.current-week-day strong{font-size:10px}.current-week-day i{margin-top:5px}.question-list li{grid-template-columns:44px minmax(0,1fr) auto;min-height:62px}.question-list input[type=text]{font-size:16px}.question-actions button{min-width:48px;opacity:.72}.add-question{width:100%;margin-top:16px;background:#007aff12}.app-footer{padding-bottom:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
