:root{--ink:#2f3240;--muted:#6b7084;--paper:#fffdf8;--blue:#bfe3ff;--blue-strong:#6bb8f0;--green:#cdeecf;--green-strong:#74c67a;--yellow:#ffeaa3;--orange:#ffd1a6;--red:#ffb7b7;--red-strong:#ef6e6e;--purple:#dfd0ff;--line:#d9dce7;--shadow:0 3px 0 #2f32401f;--font:ui-rounded, "SF Pro Rounded", "Avenir Next", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);font-family:var(--font);margin:0;font-size:16px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:default;opacity:1}a{color:inherit}:focus-visible{outline:3px solid var(--blue-strong);outline-offset:3px}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;border:2px solid var(--ink);background:#fff;border-radius:11px;padding:8px 12px;position:fixed;top:8px;left:8px}.app-header{z-index:20;border-bottom:2px solid var(--line);background:#fff;min-height:64px;position:sticky;top:0}.header-inner{align-items:center;gap:24px;min-height:62px;padding:10px 24px;display:flex}.brand{white-space:nowrap;font-size:19px;font-weight:800;text-decoration:none}.desktop-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.desktop-nav a,.account-trigger{white-space:nowrap;background:0 0;border:0;border-radius:12px;padding:9px 13px;font-weight:700;text-decoration:none}.desktop-nav a:hover,.account-trigger:hover{background:#f1f2f6}.desktop-nav a[aria-current=page],.account-trigger[aria-expanded=true]{background:var(--blue)}.account-wrap{margin-left:auto;position:relative}.account-trigger{color:var(--muted);margin-left:8px;font-size:14px}.account-menu{border:2px solid var(--line);min-width:180px;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:8px;display:grid;position:absolute;top:calc(100% + 9px);right:0}.account-menu a,.account-menu span{border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none}.account-menu a:hover{background:var(--blue)}.account-menu span{color:var(--muted)}.account-menu hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.quick-add-wrap{z-index:15;border-bottom:1px solid var(--line);background:#fffdf8f5;padding:10px 24px;position:sticky;top:64px}.quick-add{align-items:center;gap:8px;max-width:1100px;margin:0 auto;display:flex}.mode-control{flex:none;align-items:center;gap:2px;display:flex}.mode-control button{background:0 0;border:0;border-radius:12px;padding:9px 10px;font-size:14px;font-weight:700}.mode-control button:hover{background:#f1f2f6}.mode-control button[aria-pressed=true]{background:var(--blue)}.quick-add input[type=text],.quick-add select,.quick-add .urgent-time{border:2px solid var(--line);background:#fff;border-radius:11px;padding:9px 11px}#quick-title{flex:1;min-width:240px}#quick-project{max-width:220px}.urgent-toggle{white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:flex}.urgent-time{width:190px}.app-main{max-width:1100px;min-height:calc(100dvh - 160px);margin:0 auto;padding:30px 24px 80px}.mobile-bottom-nav{display:none}.page-title{margin:0 0 20px;font-size:28px}.page-subtitle{color:var(--muted);margin:-12px 0 22px}.notice{background:var(--yellow);box-shadow:var(--shadow);border:2px solid #d6bc54;border-radius:16px;margin-bottom:22px;padding:16px 18px}.notice strong{margin-bottom:4px;display:block}.now-stack{gap:18px;max-width:780px;margin:0 auto;display:grid}.card{border:2px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:18px}.card.routine{background:var(--green);border-color:#9ad49f}.card.urgent{background:var(--red);border-color:#ed8585}.card.normal{background:var(--blue);border-color:#8fc8ef;padding:26px}.card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px;font-weight:800}.card h2{margin:8px 0 5px;font-size:24px}.card.normal h2{font-size:31px}.project-chip{color:var(--muted);margin-top:4px;font-weight:700;display:inline-block}.card-actions{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.primary,.secondary,.danger,.small-button{border:2px solid var(--ink);border-radius:12px;padding:9px 14px;font-weight:800;box-shadow:0 2px #2f32402e}.primary{background:var(--green-strong)}.secondary{background:#fff}.danger{background:var(--red-strong);color:#fff}.small-button{box-shadow:none;background:#fff;padding:6px 10px;font-size:14px}.notes{border-top:1px dashed #2f32404d;margin-top:14px;padding-top:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar input[type=search]{border:2px solid var(--line);border-radius:11px;flex:1;min-width:240px;padding:9px 11px}.task-list,.thought-list{gap:8px;min-height:12px;margin:0;padding:0;list-style:none;display:grid}.task-row,.thought-row{border:2px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.drag-handle{color:var(--muted);cursor:default;background:0 0;border:0;padding:0;font-size:20px}.row-title{font-weight:760}.row-meta{color:var(--muted);margin-top:2px;font-size:13px}.row-actions{align-items:center;gap:6px;display:flex}.urgent-dot{background:var(--red-strong);border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.project-section{border:2px solid var(--line);background:#fff;border-radius:16px;margin-bottom:16px;overflow:hidden}.project-header{border-bottom:1px solid var(--line);cursor:pointer;background:#f7f4ff;align-items:center;gap:9px;padding:11px 13px;list-style:none;display:flex}.project-header::-webkit-details-marker{display:none}.project-header h3{flex:1;margin:0;font-size:18px}.project-section:not([open]) .project-header{border-bottom:0}.project-body{padding:10px}.project-toggle:before{content:"▾"}.project-section:not([open]) .project-toggle:before{content:"▸"}.empty-state{text-align:center;color:var(--muted);padding:58px 20px}.empty-state strong{color:var(--ink);margin-bottom:8px;font-size:22px;display:block}.routine-list{margin:0;padding:0;list-style:none}.routine-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.routine-times{color:var(--muted);margin-top:4px;font-size:14px}.shared-section{margin-top:24px}.shared-section h2{text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin:0 0 6px;font-size:.9rem}.empty-state.compact{margin:6px 0 0;padding:14px}.dialog-backdrop{z-index:100;background:#2f324052;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-panel{background:var(--paper);border:3px solid var(--ink);border-radius:20px;width:min(660px,100%);max-height:88vh;padding:22px;overflow:auto;box-shadow:0 8px #2f324033}.dialog-panel h2{margin-top:0}@media (width<=900px){.header-inner{gap:12px}.desktop-nav{gap:2px}.desktop-nav a{padding-inline:9px}.quick-add{flex-wrap:wrap}}@media (width<=760px){.header-inner{padding:9px 14px}.desktop-nav{display:none}.quick-add-wrap{padding:8px 14px}.quick-add{flex-wrap:wrap}#quick-title{flex-basis:100%}.app-main{padding:22px 14px 100px}.row-actions{flex-wrap:wrap;justify-content:flex-end}.card.normal h2{font-size:26px}.task-row,.thought-row{grid-template-columns:26px minmax(0,1fr)}.task-row .row-actions,.thought-row .row-actions{grid-column:2;justify-content:flex-start}.project-header{flex-wrap:wrap}.project-header h3{min-width:110px}.mobile-bottom-nav{z-index:45;padding:5px max(6px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));border-top:2px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-bottom-nav>a,.mobile-bottom-nav>button{background:0 0;border:0;border-radius:10px;justify-items:center;gap:1px;padding:4px 2px;font-size:12px;font-weight:700;text-decoration:none;display:grid}.mobile-bottom-nav>a[aria-current=page],.mobile-bottom-nav>button[aria-current=page],.mobile-bottom-nav>button[aria-expanded=true]{background:var(--blue)}.nav-icon{height:22px;font-size:18px;line-height:22px}.more-menu{border:2px solid var(--line);min-width:180px;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:8px}.more-menu a{border-radius:9px;padding:9px 11px;font-weight:700;text-decoration:none}.more-menu a:hover,.more-menu a[aria-current=page]{background:var(--blue)}}@media (width<=410px){.quick-add .urgent-time{max-width:100%}.project-header .small-button{padding-inline:7px}}
