:root{font-family:Noto Sans JP,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18231f;background:#f6f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#eef7f1 0,#f6f7f4 260px)}.app-shell{min-height:100vh;min-height:100dvh}button,input,textarea,select{font:inherit}button{min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7ab99e;outline-offset:2px}.today-shell{width:min(100%,880px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) max(clamp(16px,4vw,36px),env(safe-area-inset-right)) calc(112px + env(safe-area-inset-bottom)) max(clamp(16px,4vw,36px),env(safe-area-inset-left))}.today-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.today-header time{color:#577067;font-size:.88rem;font-weight:650}.upcoming-header{margin-bottom:28px}.upcoming-header h1,.history-header h1{margin-top:5px}.history-header{margin-bottom:28px}h1{margin:5px 0 0;font-size:clamp(2rem,7vw,3.25rem);letter-spacing:-.045em;line-height:1.08}.add-button,.complete-button,.postpone-button,.postpone-menu button,.placeholder-screen button,.error-banner button{border:0;border-radius:12px;cursor:pointer;font-weight:750}.add-button{padding:0 18px;color:#fff;background:#237451;box-shadow:0 8px 22px #23745138}.search-form{margin-bottom:28px}.search-form label{display:block;margin-bottom:8px;color:#40564e;font-size:.82rem;font-weight:750}.search-control{position:relative;display:flex}.search-control input{width:100%;min-height:48px;padding:0 80px 0 16px;border:1px solid #cbd7d1;border-radius:14px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-control button{position:absolute;inset:2px 4px 2px auto;border:0;color:#237451;background:transparent;cursor:pointer}.sections{display:grid;gap:30px}.task-section,.search-results{min-width:0}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-heading h2{margin:0;font-size:1.18rem}.overdue .section-heading h2{color:#a93e36}.count-badge{min-width:28px;padding:3px 8px;border-radius:999px;color:#1c6247;background:#dceee5;font-size:.8rem;font-weight:800;text-align:center}.overdue .count-badge{color:#9c352e;background:#fbe1dd}.task-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid #dde4e0;border-radius:17px;background:#fff;box-shadow:0 5px 18px #19362b0f}.overdue .task-card{border-left:4px solid #d95c52}.task-summary{display:flex;min-width:0;padding:16px;border:0;flex-direction:column;align-items:flex-start;text-align:left;background:transparent;cursor:pointer}.task-summary:hover{background:#f7faf8}.task-title{max-width:100%;overflow-wrap:anywhere;font-weight:760}.task-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:7px;color:#61736c;font-size:.78rem}.task-actions{display:flex;align-items:stretch;padding:8px;gap:6px}.task-actions button{min-width:58px;padding:0 10px}.complete-button{color:#17643f;background:#e2f3e9}.postpone-button{color:#a85b13;background:#fff0d9}.task-actions button:disabled{cursor:wait;opacity:.55}.upcoming-section .task-card{border-left:4px solid #7ab99e}.history-section.done .section-heading h2{color:#17643f}.history-section.canceled .section-heading h2{color:#6c7370}.history-section.canceled .count-badge{color:#5c625f;background:#e8ebe9}.history-card{grid-template-columns:minmax(0,1fr)}.history-section.done .history-card{border-left:4px solid #58a77f}.history-section.canceled .history-card{border-left:4px solid #a7aeaa}.history-title-row{display:flex;max-width:100%;align-items:center;gap:10px}.history-status-icon{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:50%;color:#17643f;background:#dceee5;font-weight:900}.history-section.done .task-title{color:#61736c;text-decoration:line-through}.history-section.canceled .history-status-icon{color:#626966;background:#e8ebe9}.history-section.canceled .task-title{color:#767e7a;font-style:italic}.postpone-menu{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border-top:1px solid #f0dfc8;background:#fff8ee}.postpone-menu button{color:#874b12;background:#ffe7c4}.section-empty,.empty-state,.loading-state{margin:0;padding:22px;border:1px dashed #cbd7d1;border-radius:16px;color:#687a73;text-align:center;background:#ffffff8c}.empty-state.large{padding:clamp(50px,12vw,90px) 24px}.empty-state.large>span{display:grid;width:54px;height:54px;margin:0 auto 14px;place-items:center;border-radius:50%;color:#237451;background:#dceee5;font-size:1.7rem}.empty-state h2{margin:0 0 6px;color:#263b33;font-size:1.1rem}.empty-state p{margin:0}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:12px 14px;border-radius:12px;color:#8e302a;background:#fbe1dd}.error-banner button{padding:0 12px;color:#8e302a;background:#fff}.startup-state,.placeholder-screen{width:min(calc(100% - 32px),680px);margin:40px auto;padding:clamp(24px,7vw,50px);border:1px solid #dde4e0;border-radius:20px;background:#fff}.placeholder-screen button{padding:0 14px;color:#17643f;background:#e2f3e9}.placeholder-screen .eyebrow{margin:30px 0 0;color:#687a73;font-size:.75rem;font-weight:800;letter-spacing:.15em}.editor-shell{width:min(100%,720px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(clamp(16px,5vw,40px),env(safe-area-inset-right)) calc(110px + env(safe-area-inset-bottom)) max(clamp(16px,5vw,40px),env(safe-area-inset-left))}.editor-header{margin-bottom:24px}.editor-header h1{font-size:clamp(1.9rem,7vw,2.7rem)}.eyebrow{margin:0;color:#687a73;font-size:.72rem;font-weight:850;letter-spacing:.16em}.task-form{display:grid;gap:22px}.field-group{display:grid;gap:7px}.field-group>label,.repeat-editor>legend{color:#40564e;font-size:.83rem;font-weight:800}.field-group input,.field-group textarea,.repeat-controls input,.repeat-controls select{width:100%;min-height:50px;padding:12px 14px;border:1px solid #cbd7d1;border-radius:13px;color:#18231f;background:#fff}.field-group textarea{min-height:108px;resize:vertical}.field-group input[aria-invalid=true]{border-color:#c7483e}.field-error{margin:0;color:#a6342d;font-size:.8rem;font-weight:700}.form-error-banner{padding:13px 15px;border-radius:12px;color:#8e302a;background:#fbe1dd}.repeat-editor{display:grid;gap:16px;margin:0;padding:18px;border:1px solid #d9e2dd;border-radius:17px;background:#ffffffb3}.repeat-editor>legend{padding:0 7px}.toggle-row{display:flex;min-height:44px;align-items:center;justify-content:space-between;font-weight:750}.toggle-row input{width:24px;height:24px;accent-color:#237451}.repeat-controls{display:grid;gap:16px}.repeat-every-row{display:grid;grid-template-columns:auto minmax(64px,.35fr) auto minmax(100px,1fr);align-items:center;gap:8px}.repeat-controls>label,.monthly-controls label{display:grid;gap:7px;color:#40564e;font-size:.85rem;font-weight:700}.monthly-controls{display:grid;gap:12px}.monthly-controls>label:has(input[type=radio]){display:flex;min-height:44px;align-items:center;gap:9px}.monthly-controls input[type=radio]{width:21px;height:21px;accent-color:#237451}.monthly-weekday{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-actions{position:sticky;z-index:2;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:10px;border:1px solid rgb(203 215 209 / 80%);border-radius:17px;background:#f6f7f4f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primary-button,.secondary-button,.copy-button,.cancel-task-button,.restore-button,.delete-button{padding:0 16px;border:0;border-radius:12px;cursor:pointer;font-weight:800}.primary-button{color:#fff;background:#237451}.secondary-button{color:#29473c;background:#e5ece8}.copy-button{color:#185e96;background:#e3f1fb}.cancel-task-button{color:#17643f;background:#e2f3e9}.restore-button{color:#fff;background:#237451}.delete-button{color:#a12f28;background:#fbe1dd}.primary-button:disabled,.secondary-button:disabled,.copy-button:disabled,.cancel-task-button:disabled,.restore-button:disabled,.delete-button:disabled{cursor:wait;opacity:.55}.detail-actions{display:grid;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid #d9e2dd}.read-only-detail{display:grid;gap:20px}.read-only-status{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;color:#687a73;font-size:.84rem;font-weight:750}.status-pill{padding:5px 10px;border-radius:999px;color:#17643f;background:#dceee5}.status-pill.canceled{color:#5c625f;background:#e8ebe9}.read-only-detail dl{display:grid;gap:12px;margin:0}.read-only-detail dl>div{display:grid;gap:7px;padding:15px;border:1px solid #d9e2dd;border-radius:14px;background:#fff}.read-only-detail dt{color:#61736c;font-size:.78rem;font-weight:800}.read-only-detail dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:650}.preserve-lines{white-space:pre-wrap}.confirmation-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;padding:16px;place-items:end center;background:#18231f59}.confirmation-panel{width:min(100%,480px);margin-bottom:max(4px,env(safe-area-inset-bottom));padding:20px;border:1px solid #dcc8c5;border-radius:18px;background:#fff;box-shadow:0 18px 60px #1c2b253d}.confirmation-panel h2{margin:0 0 8px;font-size:1.08rem}.confirmation-panel p{margin:0 0 10px;color:#61736c}.confirmation-copy{margin-bottom:18px}.confirmation-copy p:last-child{margin-bottom:0}.confirmation-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-navigation{position:fixed;z-index:5;right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(calc(100% - 24px),620px);margin:0 auto;padding:7px;border:1px solid rgb(203 215 209 / 88%);border-radius:18px;background:#fffffff0;box-shadow:0 12px 35px #19362b2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navigation-item{display:flex;min-width:0;padding:8px 12px;border:0;border-radius:12px;align-items:center;justify-content:center;gap:8px;color:#61736c;background:transparent;cursor:pointer;font-weight:780}.navigation-item[aria-current=page]{color:#17643f;background:#e2f3e9}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.settings-header h1{margin:0}.settings-save-button{min-width:92px}.settings-card{display:grid;gap:9px;margin-bottom:16px;padding:18px;border:1px solid #d9e2dd;border-radius:17px;background:#fff}.settings-card label{color:#40564e;font-size:.82rem;font-weight:800}.settings-card select{width:100%;min-height:50px;padding:10px 13px;border:1px solid #cbd7d1;border-radius:13px;color:#18231f;background:#fff}.settings-data-card h2{margin:0;color:#40564e;font-size:.82rem}.settings-data-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-data-actions>*{min-height:50px}.file-button{display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.file-button:has(input:focus-visible){outline:3px solid #7ab99e;outline-offset:2px}.file-button.disabled{cursor:wait;opacity:.55}.confirmation-warning{color:#8e302a!important;font-weight:750}.success-banner{padding:13px 15px;border-radius:12px;color:#17643f;background:#e2f3e9}[dir=rtl] .task-summary{align-items:flex-start;text-align:start}@media(max-width:620px){.today-header{align-items:stretch;flex-direction:column;gap:18px}.add-button{width:100%}.task-card{grid-template-columns:1fr}.task-actions{border-top:1px solid #edf1ef}.task-actions button{flex:1}.repeat-every-row{grid-template-columns:auto 1fr}.navigation-item{flex-direction:column;padding-inline:4px;gap:2px;font-size:.72rem}.settings-data-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){button{transition:transform .12s ease,filter .12s ease}button:active{transform:scale(.98)}}