@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#273c34;background:#f6f7f2;font-synthesis:none;--green:#315b49;--muted:#727e74;--line:#e0e5dd;--amber:#946d29}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:9px;background:white;padding:9px 15px;color:inherit;font-weight:500}button:hover{background:#edf2ea}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#244737}.danger{color:#a13e32}.quiet{background:transparent}.shell{display:grid;grid-template-columns:246px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#fbfcf8;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;font-size:22px;font-weight:700}.brand-icon{display:grid;place-items:center;background:#315b49;color:white;width:42px;height:46px;border-radius:14px;font-family:serif;font-size:26px}.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-top:5px}nav{display:grid;gap:9px;margin-top:52px}nav a{display:flex;gap:14px;align-items:center;min-height:50px;padding:12px 16px;text-decoration:none;color:#637065;border-radius:9px}nav a.active{color:#315b49;background:#e7eee3;font-weight:700}.aside-note{margin-top:auto;font-size:13px;line-height:2;color:#778477;padding:30px 10px}.edition{font-size:9px;color:#8d978c;letter-spacing:1px}header{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:13px;color:var(--muted);gap:12px}#storage-status{font-size:12px;text-align:right}main{max-width:1180px;padding:38px 5% 24px;margin:auto}h1{font-family:serif;font-size:34px;font-weight:500;margin:7px 0 12px;letter-spacing:1px}h2{font-size:19px;margin:0}h3{font-size:17px;margin:0 0 8px}p{line-height:1.8}.eyebrow{font-size:11px;letter-spacing:2px;color:#7b8b78}.muted{color:var(--muted)}.intro{color:#788275;font-size:14px;margin:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;flex-wrap:wrap}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.stat{padding:21px;background:#fff;border:1px solid var(--line);border-radius:13px}.stat .value{font-size:27px;margin:10px 0;font-variant-numeric:tabular-nums}.stat .value small{font-size:13px;color:var(--muted)}.stat p{font-size:12px;margin:10px 0 0;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#67977b;margin-right:7px}.reading .dot{background:#bd9859}.thinking .dot{background:#8b8bb1}progress{display:block;width:100%;height:5px;appearance:none;border:0}progress::-webkit-progress-bar{background:#edf0e9;border-radius:8px}progress::-webkit-progress-value{background:#71967b;border-radius:8px}.reading progress::-webkit-progress-value{background:#c3a26b}.thinking progress::-webkit-progress-value{background:#9490b5}.day-strip{padding:17px 21px;background:#edf1e7;border:1px solid #dde5d5;border-radius:11px;margin:22px 0;font-size:14px}.day-strip select{border:0;background:transparent;color:var(--green);font-weight:600;max-width:100%}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.section-title small{font-size:12px;font-weight:400;color:var(--muted)}.task{border:1px solid var(--line);background:white;border-radius:12px;margin:12px 0;padding:21px;overflow-wrap:anywhere}.task-top{display:flex;gap:13px;align-items:flex-start}.task input[type=checkbox]{margin-top:5px;width:21px;height:21px;accent-color:var(--green);flex-shrink:0}.task-body{flex:1;min-width:0}.task h3{font-size:16px;line-height:1.8}.task p{font-size:13px;margin:10px 0;color:#687466}.badge{display:inline-block;border-radius:5px;background:#edf2e9;color:#456447;font-size:11px;padding:4px 8px}.badge.reading{background:#f7efdf;color:#927444}.badge.thinking{background:#f0edf7;color:#7c7199}.badge.warn{background:#fff1de;color:#8b5b21}.meta{font-size:12px;color:var(--muted)}.task-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.task-actions button{font-size:13px}.card{padding:22px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;overflow-wrap:anywhere}.card.tint{background:#edf1e7}.card p{font-size:13px;color:#74816e}.empty{padding:35px 22px;text-align:center;border:1px dashed #cdd8c8;border-radius:12px;background:#fafcf7;line-height:1.9}.empty .symbol{display:block;font-size:34px;color:#81a37f;margin-bottom:10px}.empty p{color:var(--muted);font-size:14px}.notice{border-left:3px solid #c09a58;background:#fcf5e7;padding:13px 17px;font-size:14px;line-height:1.8;margin:15px 0}.success{border-color:#779c75;background:#edf4e8}.week-day{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:13px}.week-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.week-totals{grid-column:1/-1;display:flex;gap:15px;flex-wrap:wrap;font-size:13px}.field{display:grid;gap:7px;margin-bottom:16px;min-width:0}.field>span,label{font-size:14px}input:not([type=checkbox]),select,textarea{width:100%;min-height:44px;padding:10px;border:1px solid #d8ded3;border-radius:7px;background:#fff;color:#273c34;min-width:0}textarea{min-height:85px;resize:vertical}input[type=checkbox]{width:20px;height:20px;accent-color:var(--green)}a{color:#315b49}small{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px;min-height:44px}.stack{display:grid;gap:12px}.steps{display:flex;gap:14px;flex-wrap:wrap;color:#7f8b79;font-size:12px;margin-bottom:22px}.step-on{color:#315b49;font-weight:700}.sticky-actions{position:sticky;bottom:15px;border:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(12px);border-radius:11px;padding:14px 18px;display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:20px;z-index:2}.sticky-actions small{color:var(--muted)}footer{text-align:center;font-size:11px;color:#9aa492;padding:25px}dialog{max-width:620px;width:calc(100% - 30px);max-height:90dvh;border:1px solid var(--line);border-radius:16px;padding:27px;color:inherit;background:#fafbf7}dialog::backdrop{background:#20382c70;backdrop-filter:blur(3px)}dialog h2{margin-bottom:22px}dialog .close{float:right}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:20;background:#243f32;color:#fff;padding:14px 23px;border-radius:10px;box-shadow:0 5px 25px #0002;max-width:90%;font-size:14px}.logs{width:100%;border-collapse:collapse;font-size:14px}.logs td,.logs th{padding:13px 8px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}details summary{cursor:pointer;padding:13px 0;min-height:44px}.offline{color:#956727!important}button:focus-visible,a:focus-visible{outline:3px solid #9cbb8d;outline-offset:3px}.mini{font-size:12px}.preline{white-space:pre-line}.track-unit{padding:12px 0;border-bottom:1px solid var(--line)}.install{font-family:serif;font-size:26px;line-height:1.6}.link-button{border:0;background:none;text-decoration:underline;padding:0 5px}code{overflow-wrap:anywhere}
@media(min-width:1500px){main{padding-top:50px}.content-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1050px){.shell{grid-template-columns:205px 1fr}aside{padding:27px 15px}.content-grid{grid-template-columns:1fr}.side-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats{gap:10px}.stat{padding:16px}.week-fields{grid-template-columns:1fr 1fr}.week-fields .type-field{grid-column:1/-1}}
@media(max-width:700px){body{font-size:16px}.shell{display:block}aside{position:fixed;bottom:0;top:auto;height:auto;width:100%;padding:0 4px calc(env(safe-area-inset-bottom) + 5px);border:0;border-top:1px solid var(--line);z-index:10;background:#fbfcf8f5;backdrop-filter:blur(12px)}aside .brand,.aside-note,.edition{display:none}nav{display:flex;justify-content:space-around;gap:0;margin:0}nav a{flex:1;display:flex;flex-direction:column;gap:3px;padding:9px 1px 6px;min-width:0;font-size:21px;border-radius:0}nav a span{font-size:10px}header{height:58px;padding:0 18px;font-size:11px}main{padding:25px 18px 100px}h1{font-size:30px}.heading{margin-bottom:18px}.heading>.row{width:100%}.stats{gap:7px;margin:20px 0}.stat{padding:13px 9px}.stat .value{font-size:22px}.stat .value small{font-size:10px;display:block}.stat p{font-size:10px;line-height:1.6}.stat>span{font-size:12px}.day-strip{padding:13px}.task{padding:17px 13px}.side-cards{display:block}.week-day{grid-template-columns:1fr;padding:16px;gap:10px}.form-grid{grid-template-columns:1fr}.sticky-actions{bottom:85px;flex-wrap:wrap;padding:12px}.sticky-actions .primary{flex:1}.logs td,.logs th{padding:12px 4px;font-size:12px}footer{display:none}.content-grid{gap:8px}.intro{font-size:13px}.task p{font-size:14px}.card p,.meta{font-size:13px}dialog{padding:21px}#toast{bottom:90px}.week-totals{gap:9px}}
