:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--bg:#f7f8fc;--surface:#fff;--soft:#f1f3f9;--ink:#1c2944;--muted:#7c879b;--border:#e6eaf2;--blue:#6074d9;--teal:#139c89;--coral:#e36b69;--amber:#ed9a3b;--purple:#9473ce;--shadow:0 8px 32px #24365d0b}body.dark{color-scheme:dark;--bg:#101827;--surface:#1b2639;--soft:#25334a;--ink:#f0f3fa;--muted:#a3b0c3;--border:#34435a;--blue:#9ca9ff;--teal:#56d0bb;--coral:#ff9b96;--amber:#ffc075;--purple:#c4a5f7;--shadow:none}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);overscroll-behavior-y:none}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input,textarea,select{font-size:16px!important}button:disabled{opacity:.4;cursor:not-allowed}svg{display:block;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:31px;letter-spacing:-1.3px;font-weight:800}h2{font-size:15px;font-weight:800;letter-spacing:-.15px}small,.muted{color:var(--muted)}.app{max-width:720px;margin:auto;padding:24px 17px calc(110px + env(safe-area-inset-bottom))}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:var(--muted);margin-bottom:4px}.title-dot{color:var(--coral)}.top-right{display:flex;align-items:center;gap:9px}.round{width:42px;height:42px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);display:grid;place-items:center}.add-main{background:#6074d9;color:white;border:0;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;box-shadow:0 5px 14px #6074d933}.section{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:23px 0 9px}.section h2{display:flex;align-items:center;gap:8px}.count{font-size:12px;color:var(--muted);font-weight:600}.link{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:750;padding:5px}.progress-line{height:5px;background:var(--border);border-radius:9px;overflow:hidden;margin:11px 0 3px}.progress-line>div{height:100%;background:var(--teal);transition:width .2s}.summary{font-size:12px;color:var(--muted)}.task-row{position:relative;border-radius:12px;overflow:hidden;margin:4px 0;touch-action:pan-y}.task-reveal{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:linear-gradient(90deg,#139c89 0%,#139c89 50%,#6074d9 50%,#6074d9 100%);color:white;font-size:12px;font-weight:800}.task-front{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-height:59px;display:flex;align-items:center;gap:10px;padding:9px 10px;will-change:transform;transition:transform .16s ease}.task-row.pinned .task-front{border-left:3px solid var(--amber)}.task-check{width:23px;height:23px;flex-shrink:0;border-radius:7px;border:1.8px solid #a7b0bf;background:transparent;color:white;display:grid;place-items:center;padding:0}.task-check.checked{background:var(--teal);border-color:var(--teal)}.task-body{flex:1;min-width:0;border:0;background:none;text-align:left;color:var(--ink);padding:0;display:block}.task-title{display:block;font-size:14px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.5}.task-title.done{opacity:.5;text-decoration:line-through}.task-meta{font-size:11px;color:var(--muted);margin-top:2px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.task-meta .late{color:var(--coral);font-weight:750}.tiny-dot{height:7px;width:7px;border-radius:50%;display:inline-block}.task-tools{display:flex;gap:2px;align-items:center}.task-tools button{border:0;background:none;color:var(--muted);width:30px;height:35px;display:grid;place-items:center;padding:0}.drag-handle{touch-action:none;cursor:grab}.empty{padding:23px 14px;background:var(--surface);border:1px dashed var(--border);border-radius:14px;text-align:center;color:var(--muted);font-size:13px;line-height:1.5}.empty strong{color:var(--ink);display:block;margin-bottom:5px}.nav{position:fixed;z-index:20;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:center;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px #1a25480b}.nav-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:720px;gap:1px}.nav button{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:650;min-height:48px;padding:5px 0}.nav button.active{color:var(--blue)}.nav svg{width:21px;height:21px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.soft-card{background:var(--soft);border-radius:13px;padding:13px}.mini{font-size:12px}.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:3px 0 7px}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:var(--surface);color:var(--ink);white-space:nowrap;font-size:12px;font-weight:650}.chip.active{background:#6074d9;color:white;border-color:#6074d9}.tabs{display:flex;gap:5px;background:var(--soft);border-radius:12px;padding:4px}.tabs button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:8px 15px;font-size:12px;font-weight:700;flex:1}.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #0000000b}.calendar-controls{display:flex;justify-content:space-between;align-items:center;margin:14px 0 7px;gap:6px}.calendar-controls strong{font-size:14px}.cal-arrow{background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--ink);height:34px;min-width:34px;padding:0 9px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:10px 0 18px}.week-day{border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);padding:9px 0 7px;min-width:0;min-height:66px;display:flex;align-items:center;flex-direction:column;gap:5px}.week-day small{font-size:10px}.week-day strong{font-size:16px}.week-day.active{background:#6074d9;color:white;border-color:#6074d9}.week-day.active small{color:#e8eaff}.week-day.drop-target{outline:3px solid var(--teal);outline-offset:1px}.day-mark{height:5px;width:5px;border-radius:50%;background:var(--amber)}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:10px 0 18px}.month-grid .weekday{font-size:10px;text-align:center;color:var(--muted);padding:6px 0}.month-day{border:1px solid var(--border);background:var(--surface);color:var(--ink);min-width:0;height:44px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px}.month-day.active{background:#6074d9;color:white}.month-day.outside{opacity:.35}.month-day.drop-target{outline:3px solid var(--teal)}.list-entry{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.list-entry:last-child{border-bottom:0}.list-entry .entry-name{flex:1;min-width:0;text-align:left;border:0;background:none;color:var(--ink);font-size:14px;font-weight:650;display:flex;gap:9px;align-items:center}.list-entry .entry-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-entry .entry-count{color:var(--muted);font-size:12px}.list-entry .entry-edit{border:0;background:transparent;color:var(--muted);padding:7px}.habit-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}.habit-row:last-child{border-bottom:0}.habit-mark{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:#e7f7f2;color:#0c8f7e;flex-shrink:0}.dark .habit-mark{background:#1a4b49;color:#67ddc8}.habit-name{flex:1;min-width:0;font-size:14px;font-weight:650}.habit-meta{font-size:11px;color:var(--muted);margin-top:3px}.habit-check{border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:8px 10px;border-radius:10px;font-size:12px;font-weight:750}.habit-check.on{background:var(--teal);border-color:var(--teal);color:white}.habit-menu{border:0;background:none;color:var(--muted);padding:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border:0}.setting-row strong{font-size:13px}.setting-row small{font-size:11px;display:block;margin-top:4px;line-height:1.4}.setting-row select{width:150px;max-width:48%;font-size:13px!important}.outline{border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:10px 13px;border-radius:11px;font-size:12px;font-weight:700}.primary{border:0;background:#6074d9;color:white;padding:11px 16px;border-radius:12px;font-size:13px;font-weight:800}.danger{color:var(--coral)!important}.helper{color:var(--muted);font-size:12px;line-height:1.5}.notice{border-left:3px solid var(--purple);background:var(--soft);border-radius:9px;padding:12px;font-size:12px;color:var(--muted);line-height:1.5}.sheet-overlay{position:fixed;z-index:40;inset:0;background:#0a12269c;display:flex;align-items:flex-end;justify-content:center;overscroll-behavior:contain}.sheet{width:100%;max-width:720px;height:min(620px,calc(100dvh - env(safe-area-inset-top) - 12px));max-height:calc(100dvh - env(safe-area-inset-top) - 12px);background:var(--surface);border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -12px 50px #0002}.sheet-header{padding:16px 17px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);flex-shrink:0}.sheet-header strong{font-size:18px;letter-spacing:-.3px}.sheet-body{padding:14px 17px 20px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;-webkit-overflow-scrolling:touch}.sheet-footer{padding:10px 17px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--border);flex-shrink:0;background:var(--surface)}.sheet-footer .primary{min-width:98px}.field{margin:0 0 13px;min-width:0}.field label{display:block;font-size:11px;color:var(--muted);font-weight:750;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:44px;padding:10px 11px;background:var(--soft);border:1px solid var(--border);border-radius:11px;color:var(--ink);outline-color:var(--blue)}.field textarea{min-height:86px;resize:vertical}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-grid>*{min-width:0}.task-input{font-size:18px!important;font-weight:650;min-height:52px!important}.quick-chips{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.quick-chips button{white-space:nowrap;padding:8px 11px;border-radius:999px;border:1px solid var(--border);background:var(--soft);color:var(--ink);font-size:12px;font-weight:700}.quick-chips button.active{background:#6074d9;color:white;border-color:#6074d9}.advanced{border-top:1px solid var(--border);margin-top:5px;padding-top:11px}.advanced>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:800;padding:6px 0 10px}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:after{content:'⌄';font-size:19px;color:var(--blue)}.advanced[open]>summary:after{content:'⌃'}.sub-row{display:flex;gap:8px;align-items:center;margin:6px 0}.sub-row .sub-grip{border:0;background:transparent;color:var(--muted);padding:6px;touch-action:none;cursor:grab}.sub-row input[type=text]{flex:1;min-width:0;min-height:41px;padding:8px 10px;background:var(--soft);border:1px solid var(--border);border-radius:10px;color:var(--ink)}.sub-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--teal)}.sub-row .sub-remove{border:0;background:none;color:var(--muted);padding:7px}.sub-row.drag-over{outline:2px solid var(--teal);border-radius:10px}.sub-row.dragging{opacity:.45}.sub-add{border:1px dashed var(--border);background:none;border-radius:10px;color:var(--blue);padding:8px 12px;font-size:12px;font-weight:750;margin-top:7px}.toast{position:fixed;z-index:70;bottom:calc(82px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#25334f;color:white;box-shadow:0 7px 25px #0003;border-radius:12px;padding:12px 14px;display:flex;gap:14px;align-items:center;font-size:12px;max-width:92vw;min-width:180px}.toast button{border:0;background:transparent;color:#b7c4ff;font-weight:800}.hidden{display:none!important}.drag-ghost{position:fixed;z-index:100;pointer-events:none;background:var(--surface);color:var(--ink);border:1px solid var(--blue);border-radius:11px;padding:10px 12px;box-shadow:0 10px 30px #0003;max-width:260px;font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drop-target{outline:2px solid var(--teal)!important;outline-offset:1px}.reorder-target{border-top:3px solid var(--teal)!important}.scroll-lock{overflow:hidden}body.dark .add-main,body.dark .primary,body.dark .chip.active,body.dark .quick-chips button.active,body.dark .week-day.active,body.dark .month-day.active{background:#6074d9;color:#fff}@media(min-width:760px){.sheet-overlay{align-items:center}.sheet{border-radius:22px;height:min(660px,90dvh)}.app{padding-top:35px}}@media(max-width:355px){.app{padding-left:12px;padding-right:12px}.task-tools button{width:25px}.sheet-body{padding-left:12px;padding-right:12px}.field-grid{gap:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Consistent native select appearance across iPhone and desktop */
.field select,.setting-row select{appearance:none;-webkit-appearance:none;background-color:var(--soft);color:var(--ink);border:1px solid var(--border);border-radius:11px;padding:10px 29px 10px 11px;min-height:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%238894a7' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.setting-row select{font-size:13px!important}

/* V5 — dimensional, compact, touch-first visual system */
:root{--bg:#f5f7fc;--surface:#fff;--soft:#f1f4fa;--ink:#172441;--muted:#74839b;--border:#e3e9f4;--blue:#526be3;--shadow:0 6px 24px rgba(32,55,101,.065),0 1px 2px rgba(32,55,101,.04)}
body{background:radial-gradient(ellipse 90% 30% at 0 -8%,#dce6ff 0%,transparent 100%),var(--bg)}
body.dark{--bg:#0e1727;--surface:#1a273b;--soft:#23344d;--ink:#f3f6ff;--muted:#a1b1cb;--border:#34465f;--shadow:0 9px 30px #0002;background:radial-gradient(ellipse 90% 25% at 10% -5%,#293d70 0%,transparent 100%),var(--bg)}
.app{padding:22px 15px calc(105px + env(safe-area-inset-bottom))}.top{margin-bottom:16px}.top h1{font-size:31px;letter-spacing:-1.5px}.eyebrow{font-size:10px;letter-spacing:1.2px}.section{margin:18px 0 8px}.section h2{font-size:14px}.summary{font-size:12px}.card{padding:12px;border-radius:15px}.task-row{margin:4px 0;border-radius:13px}.task-front{min-height:57px;border-radius:13px;padding:8px 10px;box-shadow:0 1px 4px #20365c06}.task-row:active .task-front{box-shadow:0 5px 16px #20365c16}.task-body{text-align:left}.add-main{background:linear-gradient(145deg,#758cff,#4e61d4);border-radius:15px;box-shadow:0 6px 0 -3px #3448ac,0 10px 18px #526be342}.add-main:active{transform:translateY(2px);box-shadow:0 3px 0 -2px #3448ac,0 5px 9px #526be333}.round{box-shadow:0 2px 8px #263b6310}.nav{background:transparent!important;border:0!important;pointer-events:none}.nav-inner{pointer-events:auto;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:23px;padding:8px 7px 6px;box-shadow:0 12px 40px #1c315528,0 2px 7px #1c31550b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin:0 12px calc(7px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.nav button.active{color:var(--blue)}.nav button.active svg{filter:drop-shadow(0 2px 4px #526be34d)}
.sheet-overlay{align-items:flex-end;background:#101b33a1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sheet{height:auto;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border-radius:25px 25px 0 0;box-shadow:0 -12px 60px #0c1b3638}.sheet-header{padding:13px 16px 10px}.sheet-header strong{font-size:17px}.sheet-body{flex:0 1 auto;padding:13px 16px 10px;overflow:auto}.sheet-footer{padding:10px 16px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.field{margin-bottom:11px}.field label{font-size:11px;margin-bottom:5px}.field input,.field select,.field textarea{min-height:42px;padding:8px 10px;border-radius:11px}.task-input{min-height:46px!important;font-size:17px!important}.quick-chips{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;padding:1px 0 9px}.quick-chips button{padding:7px 10px;font-size:11px}.field-grid{gap:8px}.field-grid>.field{min-width:0}.field-grid input[type=date],.field-grid input[type=time]{min-width:0;width:100%;font-size:16px!important}.date-input-wrap{display:flex;align-items:center;gap:5px;min-width:0}.date-input-wrap input{min-width:0;flex:1;width:100%}.clear-date{flex-shrink:0;border:0;background:var(--soft);color:var(--blue);border-radius:9px;padding:10px 8px;font-size:11px;font-weight:750;min-height:42px}.advanced{margin-top:2px;padding-top:7px}.advanced>summary{padding:6px 0 8px}.sheet-footer .primary{min-height:42px;background:linear-gradient(140deg,#758cff,#4e61d4);box-shadow:0 4px 12px #526be331}.sheet-footer .outline{min-height:42px}.drag-handle,.sub-grip{touch-action:none!important}.dragging{opacity:.45}.drag-ghost{box-shadow:0 18px 45px #16254b50;transform:scale(1.03);border:1px solid var(--blue);border-radius:14px}.drop-target{outline:3px solid var(--teal)!important;outline-offset:2px;background:color-mix(in srgb,var(--teal) 12%,var(--surface))!important}.empty{padding:16px!important;border-radius:13px!important}.notice{padding:10px 12px}.setting-row{padding:11px 0}.week-day.active,.month-day.active,.chip.active{background:linear-gradient(155deg,#788bfb,#5266d8)}
@media(min-width:760px){.sheet{border-radius:24px;max-height:88dvh}.nav-inner{margin-left:auto;margin-right:auto}}
@media(max-width:390px){.sheet-body{padding-left:13px;padding-right:13px}.field-grid{gap:7px}.field-grid input[type=date]{font-size:14px!important}.clear-date{padding-left:6px;padding-right:6px}.sheet-footer{gap:6px}.sheet-footer .outline,.sheet-footer .primary{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.add-main:active{transform:none}}
/* V5.1 — intentional dimensional surfaces and iPhone layout corrections */
:root{--blue:#5369df;--bg:#f2f5fb;--surface:#fff;--soft:#f4f6fc;--border:#dfe6f3;--ink:#1a2947;--muted:#72809b}
body{background:radial-gradient(ellipse 85% 32% at 18% -2%,#c9d9ff 0%,transparent 100%),linear-gradient(180deg,#f0f4ff,#f8f9fc 56%,#eef3fb);min-height:100dvh}
body.dark{--blue:#a2afff;--bg:#101b30;--surface:#1c2a41;--soft:#26364f;--border:#354965;--ink:#f3f6ff;--muted:#a9b7ce;background:radial-gradient(ellipse 85% 30% at 20% -3%,#344c82 0%,transparent 100%),#101b30}
.app{max-width:720px;margin:0 auto;padding:19px 15px calc(108px + env(safe-area-inset-bottom))}
.top{align-items:center}.top h1{font-size:32px}.top-right{gap:8px}
.add-main{border:1px solid #a8b8ff;border-top-color:#d9e1ff;background:linear-gradient(145deg,#92a4ff 0%,#647df5 40%,#4255c8 100%);box-shadow:inset 0 2px 1px #ffffff8c,inset 0 -2px 1px #2739a76b,0 5px 0 #3446ac,0 13px 23px #4b61d451;transform:translateY(-2px);transition:transform .15s,box-shadow .15s}
.add-main:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #263a8d77,0 1px 0 #3446ac,0 4px 10px #4b61d43b}
.primary{background:linear-gradient(155deg,#8b9dff,#566ce6 55%,#4055c5)!important;border:1px solid #a9b8ff!important;box-shadow:inset 0 1px 1px #ffffffa0,0 4px 0 #3546ac,0 10px 18px #4d61d441!important;transition:transform .15s,box-shadow .15s}
.primary:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #233a8b77,0 1px 0 #3546ac!important}
.card{border:1px solid var(--border);background:linear-gradient(165deg,color-mix(in srgb,var(--surface) 97%,#c9d6ff),var(--surface));box-shadow:inset 0 1px 0 #ffffffad,0 2px 4px #1a37630a,0 12px 27px #1a37630b}
.nav-inner{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,white);box-shadow:inset 0 2px 1px #ffffffa8,inset 0 -1px 1px #6e8abb15,0 5px 0 #a3b3d01c,0 16px 32px #192d5550;backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4)}
.nav button.active{background:linear-gradient(180deg,#e8edff90,#cdd9ff30);border-radius:15px;box-shadow:inset 0 1px 0 #fff9,0 3px 9px #5369df18}
body.dark .nav button.active{background:linear-gradient(180deg,#6176d640,#4458b51c)}
.task-row{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 3px 12px #1c34520b}
.task-front{position:relative;z-index:2;background:var(--surface);border-radius:12px;transition:transform .2s cubic-bezier(.2,.8,.2,1);will-change:transform}
.task-reveal{position:absolute;inset:0;z-index:1;display:block!important;background:transparent!important}
.swipe-actions{position:absolute;top:0;bottom:0;display:flex;width:148px;gap:2px;padding:3px}
.right-actions{left:0}.left-actions{right:0}
.swipe-action{flex:1;min-width:0;border:0;border-radius:9px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:750;box-shadow:inset 0 1px 0 #ffffff40}
.swipe-action small{font-size:10px;font-weight:750}.swipe-complete{background:linear-gradient(160deg,#2bc6a7,#12947e)}.swipe-pin{background:linear-gradient(160deg,#8997fa,#5964d8)}.swipe-schedule{background:linear-gradient(160deg,#ffbe68,#dd8733)}.swipe-delete{background:linear-gradient(160deg,#ff8891,#d95162)}
.swipe-open-right .task-front{transform:translateX(148px)!important}.swipe-open-left .task-front{transform:translateX(-148px)!important}
.task-row .task-tools{flex-shrink:0}.task-row .task-body{min-width:0}
/* The date editor now has exactly two explicit methods: shortcuts and calendar */
.date-choice{position:relative;border:1px solid var(--border);background:linear-gradient(155deg,var(--soft),var(--surface));border-radius:15px;padding:12px;margin:3px 0 12px;box-shadow:inset 0 1px 0 #fff9}
.date-choice-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.date-choice-head strong{font-size:13px}.date-choice-head span{font-size:12px;color:var(--blue);font-weight:750;text-align:right}
.quick-date-label{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:0 0 7px}
.quick-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px;padding:0}
.quick-chips button{white-space:normal;min-width:0;min-height:36px;padding:7px 4px;font-size:11px;line-height:1.15;border-radius:10px;background:var(--surface);box-shadow:inset 0 1px 0 #fff8}
.quick-chips button.active{background:linear-gradient(155deg,#7e92ff,#5266d9);box-shadow:inset 0 1px 0 #ffffff78,0 3px 8px #5369df2b}
.calendar-choice{width:100%;display:flex;align-items:center;gap:9px;min-height:43px;padding:9px 12px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:13px;font-weight:750;text-align:left;box-shadow:inset 0 1px 0 #fff9,0 3px 9px #182d4e0c}
.calendar-choice span{flex:1}.calendar-choice svg{color:var(--blue)}
.native-date-control{position:absolute;right:12px;bottom:8px;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
/* Stack all optional controls on narrow iPhones: no native date/select collisions */
.sheet{max-height:calc(100dvh - env(safe-area-inset-top) - 12px);border:1px solid color-mix(in srgb,var(--border) 70%,white);border-bottom:0;box-shadow:inset 0 2px 1px #ffffffac,0 -15px 65px #101c3c55}
.sheet-body{flex:0 1 auto;min-height:0;overflow-y:auto;padding:12px 15px 15px}.sheet-header{padding:13px 15px 11px}
.field-grid.advanced-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:0!important}.field-grid.advanced-grid>.field{width:100%;min-width:0}
.field-grid.advanced-grid input,.field-grid.advanced-grid select{width:100%;max-width:100%;min-width:0;display:block}
.field label{font-size:11px;letter-spacing:.1px}.field input,.field select,.field textarea{font-size:16px!important}
.advanced>summary{border-radius:10px;padding:10px 5px;display:flex;justify-content:space-between}.advanced>summary .helper{margin-left:auto}
.sheet-footer{position:relative;min-height:63px;gap:8px}.sheet-footer .helper{display:none}.sheet-footer>div{margin-left:auto;max-width:100%;display:flex;flex-wrap:nowrap!important;gap:7px!important}.sheet-footer .outline,.sheet-footer .primary{font-size:12px;white-space:nowrap;padding:9px 11px;min-width:0}
.keyboard-done{display:none;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--blue);font-weight:800;padding:9px 12px;font-size:12px}
body.keyboard-open .keyboard-done{display:block}body.keyboard-open .sheet-footer>div{display:none!important}body.keyboard-open .sheet-footer>.outline.danger{display:none}
body.keyboard-open .sheet{max-height:calc(100dvh - env(safe-area-inset-top) - 8px)}
#search{font-size:16px!important;outline:none}#search:focus{border-color:var(--blue);box-shadow:0 0 0 2px #5369df1b}
.chips{overflow-x:auto;scrollbar-width:none}.chips .chip{flex-shrink:0}
@media(max-width:390px){.quick-chips button{font-size:10px}.sheet-body{padding-left:12px;padding-right:12px}.date-choice{padding:10px}.sheet-footer{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.task-front,.add-main,.primary{transition:none!important}}