:root {
  color-scheme: light;
  --bg: #eef5fb;
  --bg-soft: #f8fbfd;
  --panel: rgba(255, 255, 255, .9);
  --panel-strong: #ffffff;
  --ink: #162233;
  --muted: #617086;
  --line: #cddded;
  --primary: #5f91d9;
  --primary-ink: #ffffff;
  --primary-deep: #315a93;
  --accent: #f0b84d;
  --accent-soft: #fff5dc;
  --urgent: #b42318;
  --high: #9a5a00;
  --medium: #5f91d9;
  --low: #526276;
  --shadow: 0 8px 22px rgba(30, 74, 142, .08);
}
* { box-sizing: border-box; }
html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--ink);
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
button, input, textarea, select { font: inherit; }
button {
  border: 0;
  border-radius: 7px;
  padding: 11px 14px;
  background: var(--primary);
  color: var(--primary-ink);
  cursor: pointer;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(47, 102, 208, .16);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  max-width: 100%;
  white-space: normal;
}
button:hover { transform: translateY(-1px); background: var(--primary-deep); }
button.secondary {
  background: #e7eef8;
  color: var(--primary-deep);
  box-shadow: none;
}
button.danger { background: #b42318; }
button:disabled { opacity: .55; cursor: wait; }
input, textarea, select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 10px 11px;
  background: #fff;
  color: var(--ink);
}
input:focus, textarea:focus, select:focus {
  outline: 3px solid rgba(47, 102, 208, .18);
  border-color: var(--primary);
}
textarea { min-height: 122px; resize: vertical; }
textarea {
  overflow: auto;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  max-height: 360px;
}
label { display: grid; gap: 5px; color: var(--muted); font-size: 13px; min-width: 0; }
.shell { width: 100%; max-width: 920px; min-width: 0; margin: 0 auto; padding: 18px; }
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0 26px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.brand-mark {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--panel-strong) url("/brand/knoopi-icon.png") center / 40px 40px no-repeat;
  border: 1px solid rgba(95, 145, 217, .26);
  box-shadow: 0 4px 12px rgba(30, 74, 142, .08);
  position: relative;
  flex: 0 0 auto;
}
.brand-mark::before {
  content: none;
}
.brand-mark::after {
  content: none;
}
  .brand h1 { margin: 0; font-size: 28px; letter-spacing: 0; color: var(--primary-deep); overflow-wrap: anywhere; }
.brand p { margin: 2px 0 0; color: var(--muted); overflow-wrap: anywhere; }
.app-shell { display: grid; gap: 14px; min-width: 0; }
.grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; min-width: 0; }
.panel, .item {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  min-width: 0;
  max-width: 100%;
}
.panel { padding: 16px; }
.stack { display: grid; gap: 12px; min-width: 0; }
.screen { display: grid; gap: 12px; min-width: 0; }
.today-card { background: #eaf2ff; border-color: #c6dcfa; }
.stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.stat { background: rgba(255,255,255,.72); border-radius: 8px; padding: 10px; }
.stat strong { display: block; color: var(--primary-deep); font-size: 22px; }
.quick-actions { display: grid; gap: 10px; }
.quick-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.nav { display: flex; flex-wrap: wrap; gap: 8px; }
.nav button { box-shadow: none; padding: 9px 11px; }
.download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 7px;
  padding: 11px 14px;
  background: #315a93;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  box-shadow: 0 6px 16px rgba(49, 90, 147, .16);
}
.notice { color: var(--muted); font-size: 14px; line-height: 1.45; }
.account-row {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.65);
}
.row { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.row > * { flex: 1; }
.row > button, .row > .fit { flex: 0 0 auto; }
.hidden { display: none !important; }
.status {
  min-height: 20px;
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 10px;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.status.error { color: var(--urgent); }
.summary {
  padding: 17px;
  border-radius: 8px;
  background: #f6fafe;
  border: 1px solid #bed5f4;
  font-size: 18px;
  line-height: 1.45;
  color: #19376d;
}
.section-title {
  margin: 0 0 10px;
  font-size: 18px;
  color: var(--primary-deep);
}
.item {
  padding: 14px;
  display: grid;
  gap: 10px;
  box-shadow: var(--shadow);
}
.item h3 { margin: 0; font-size: 17px; overflow-wrap: anywhere; }
.meta { color: var(--muted); font-size: 13px; display: flex; flex-wrap: wrap; gap: 8px; }
.pill {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 3px 8px;
  background: var(--bg-soft);
  font-weight: 650;
}
.urgent { color: var(--urgent); }
.high { color: var(--high); }
.medium { color: var(--medium); }
.low { color: var(--low); }
.toolbar { display: flex; gap: 8px; flex-wrap: wrap; }
.toolbar button { padding: 8px 10px; }
.screen-action { width: 100%; min-height: 50px; }
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; min-width: 0; }
.empty { color: var(--muted); padding: 14px; border: 1px dashed var(--line); border-radius: 8px; background: rgba(255,255,255,.72); }
.fund { color: var(--muted); line-height: 1.5; }
.tour-overlay {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(22, 34, 51, .38);
}
.tour-card {
  width: min(560px, 100%);
  max-height: min(720px, calc(100vh - 36px));
  overflow: auto;
  background: var(--panel-strong);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 24px 60px rgba(22, 34, 51, .22);
  padding: 18px;
  display: grid;
  gap: 14px;
}
.tour-kicker { color: var(--primary-deep); font-weight: 800; margin: 0; }
.tour-card h2 { margin: 0; color: var(--primary-deep); }
.tour-card p { margin: 0; line-height: 1.5; color: var(--muted); }
.tour-progress { color: var(--muted); font-size: 13px; font-weight: 700; }
.tour-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 860px) {
  .shell { padding: 14px; }
  .topbar { align-items: flex-start; flex-direction: column; }
  .brand { align-items: flex-start; }
  .grid, .split, .quick-row { grid-template-columns: 1fr; }
  .stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .row { display: grid; }
  .row > button, .row > .fit { width: 100%; }
  .download { width: 100%; }
  .tour-actions { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
  .shell { padding: 12px; }
  .panel, .item { padding: 12px; }
  .brand-mark { width: 44px; height: 44px; background-size: 36px 36px; }
  .brand h1 { font-size: 34px; line-height: 1.05; }
  .brand p { font-size: 15px; }
  .stats { grid-template-columns: 1fr; }
  .toolbar { display: grid; grid-template-columns: 1fr; }
  .nav { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .nav button { width: 100%; }
  textarea { max-height: 280px; }
}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.project-tile{display:grid;gap:12px;min-height:160px;text-align:left;white-space:normal;background:white;color:var(--ink);border:1px solid var(--line);padding:18px;box-shadow:none;font-weight:400}
.project-tile:hover{background:#f7faff;color:var(--ink)}.project-tile strong{font-size:17px}.project-tile span{overflow-wrap:anywhere;line-height:1.5;font-size:13px}.project-tile small{font-size:12px;color:var(--muted)}
.project-tile progress{width:100%;height:5px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#edf1f7}.project-tile progress::-webkit-progress-bar{background:#edf1f7}.project-tile progress::-webkit-progress-value{background:#8db4e7}.project-tile progress::-moz-progress-bar{background:#8db4e7}
.project-space{color:#5f91d9}.project-space.green{color:#56856f}.project-space.rose{color:#b57b8d}.project-space.gold{color:#a3833c}.project-actions{display:flex!important}.project-actions button{flex:1}
.toggle{display:flex;align-items:center;gap:10px}.toggle input{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--primary-deep)}
.checklist-row{display:flex;gap:8px;align-items:center}.checklist-row input[type=checkbox]{flex:none;width:20px;height:20px;min-height:20px;accent-color:var(--primary-deep)}.checklist-row input[type=text]{flex:1}.checklist-row button{font-size:12px;padding:8px}
.project-editor{width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.project-editor::backdrop{background:#182a424d}.project-editor .error{color:var(--urgent)}
@media(max-width:600px){.project-grid{grid-template-columns:1fr}.project-editor{padding:16px}.checklist-row{gap:6px}}
/* App shell: persistent navigation and content sized independently of long text. */
body { background: #f6f8fc; font-size: 15px; }
.shell { max-width: 800px; padding: 0 24px 112px; }
.topbar {
  position: sticky; top: 0; z-index: 5; flex-direction: row; align-items: center;
  padding: 14px 0; background: #f6f8fc; border-bottom: 1px solid #e0e7f0;
}
.brand { align-items: center; gap: 10px; }
.brand-mark { width: 38px; height: 38px; background-size: 34px; border: 0; box-shadow: none; border-radius: 8px; }
.brand h1 { font-size: 25px; line-height: 1.2; }
.signed-in .brand p, .signed-in #top-download, #logout { display: none; }
.topbar .row { display: flex; }
.topbar .download { font-size: 12px; padding: 9px; }
.app-shell { padding-top: 20px; }
.screen { gap: 24px; }
.panel { border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0; }
.section-title { font-size: 18px; color: var(--ink); margin-bottom: 12px; }
.today-card { background: transparent; border: 0; }
.today-card > div:first-child .section-title { font-size: 28px; margin-bottom: 4px; }
.fund { margin: 0; overflow-wrap: anywhere; }
.stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 14px 0; border-block: 1px solid #e0e7f0; }
.stat { padding: 0 16px; border-radius: 0; background: transparent; border-right: 1px solid #dce4ef; font-size: 12px; color: var(--muted); }
.stat:first-child { padding-left: 0; }
.stat:last-child { border: 0; }
.stat strong { font-size: 24px; }
#forgetting { min-height: 58px; text-align: left; padding: 16px 20px; background: #b8d8ff; color: #254d81; box-shadow: none; font-size: 17px; }
#forgetting::after { content: '\2192'; float: right; }
.nav {
  position: fixed; z-index: 10; bottom: 0; left: 50%; transform: translateX(-50%);
  width: min(800px, 100%); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0; padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
  background: #fff; border-top: 1px solid #dce4ef;
}
.nav button, .nav button.secondary {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  width: 100%; min-height: 54px; background: transparent; color: #617086;
  font-size: 11px; font-weight: 600; padding: 4px 2px; border-radius: 8px; box-shadow: none;
}
.nav button span { font-family: system-ui, sans-serif; font-size: 24px; line-height: 28px; }
.nav button.selected { background: #eaf2ff; color: #315a93; }
.nav button:hover { transform: none; background: #eaf2ff; }
.item { padding: 16px; background: #fff; border: 1px solid #e0e7f0; box-shadow: none; gap: 10px; }
.item h3 { font-size: 16px; font-weight: 650; line-height: 1.4; margin-bottom: 7px; }
.item .fund { font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.meta { font-size: 11px; align-items: center; }
.pill { border: 0; border-radius: 4px; padding: 3px 6px; background: #f0f3f8; }
.toolbar { display: flex; gap: 6px; padding-top: 8px; border-top: 1px solid #edf0f5; }
.toolbar button { min-height: 36px; padding: 8px 12px; font-size: 12px; box-shadow: none; }
.toolbar .danger { color: #a43e3e; background: #fff0f0; margin-left: auto; }
.empty { border: 0; background: #edf2f8; color: #617086; font-size: 13px; padding: 18px; }
.status:empty { display: none; }
.status:not(:empty) { margin: 12px 0 0; padding: 12px; background: #eaf2ff; border-radius: 8px; }
.status.error { background: #fff0f0; }
input, textarea, select { font-size: 16px; min-height: 48px; border-color: #d4deeb; }
label { font-size: 13px; gap: 8px; }
form.stack { gap: 20px; }
[data-screen="settings"] .screen-action { background: #fff; color: var(--ink); text-align: left; border-bottom: 1px solid #e0e7f0; box-shadow: none; border-radius: 0; min-height: 58px; }
#login-panel { padding-top: 28px; gap: 32px; }
button:focus-visible, a:focus-visible { outline: 3px solid #7da8e8; outline-offset: 3px; }
@media (max-width: 600px) {
  .shell { padding: 0 16px calc(100px + env(safe-area-inset-bottom)); }
  .topbar { padding-top: calc(12px + env(safe-area-inset-top)); }
  .brand p { font-size: 12px; }
  .app-shell { padding-top: 18px; }
  .screen { gap: 24px; }
  .panel { padding: 0; }
  .toolbar { flex-wrap: wrap; }
  .account-row { flex-wrap: wrap; overflow-wrap: anywhere; }
  .tour-overlay { z-index: 30; }
}
/* Compact, shared native-app hierarchy. */
:root{--bg:#f4f6f8;--ink:#233248;--muted:#68768a;--line:#e2e7ed}
body{background:var(--bg)}button:hover{transform:none}button{box-shadow:none}
.shell{max-width:780px;padding-inline:20px}.topbar{background:var(--bg);height:62px;padding-block:10px;border:0;gap:8px}.brand h1{font-size:22px}.brand-mark{width:32px;height:32px;background-size:30px;background-color:transparent}.brand{gap:8px}.brand p{font-size:12px}
.topbar .header-actions{margin-left:auto;display:flex;gap:4px}.icon-button,.topbar .icon-button{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px;background:transparent;color:var(--muted);border:0;box-shadow:none}.icon-button:hover{background:#e5ebf3;color:var(--primary-deep)}svg{width:21px;height:21px;flex-shrink:0;stroke-width:1.8}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{padding-top:8px}.screen{gap:18px}.today-card.stack{gap:10px}.today-card > div:first-child .section-title{font-size:28px;line-height:1.2}.today-card .fund{font-size:13px}.stats{display:flex;gap:10px;border:0;padding:0;color:var(--muted);flex-wrap:wrap}.stat,.stat:first-child{display:flex;gap:4px;align-items:baseline;padding:0;border:0;font-size:12px}.stat:not(:last-child)::after{content:'·';margin-left:6px}.stat strong{font-size:12px;font-weight:600;color:var(--muted)}
#forgetting{display:flex;align-items:center;gap:10px;min-height:54px;padding:13px 16px;font-size:15px;background:#c6dfff}#forgetting::after{content:none}#forgetting svg:last-child{margin-left:auto}
.home-tools{display:flex;gap:8px;align-items:center}.home-search{flex:1;position:relative}.home-search input{padding-left:42px;background:#fff;border-color:var(--line)}.home-search>svg{position:absolute;left:13px;top:14px;color:var(--muted);width:19px;height:19px}.scan-shortcut{width:48px;min-width:48px;height:48px;background:#e5edf7;color:#315a93;padding:12px}
.scan-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px;font-size:10px}.scan-shortcut svg{width:19px;height:19px}
.home-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none}.home-tabs button{flex:1;min-width:60px;border-radius:0;background:transparent;color:var(--muted);padding:12px 8px;font-size:13px;font-weight:500;white-space:nowrap;border-bottom:2px solid transparent}.home-tabs button[aria-selected=true]{color:#315a93;border-bottom-color:#5f91d9}
.section-title{font-size:15px;margin:0 0 10px;font-weight:650}.task-section>.section-title{display:flex;align-items:center;gap:8px}.section-count{color:var(--muted);font-size:12px;font-weight:500}.task-section .stack{gap:1px;background:var(--line);border-radius:8px}.item{display:grid;grid-template-columns:42px minmax(0,1fr) 36px;gap:6px;padding:12px 8px;border:0;border-radius:0;background:white;position:relative}.item:first-child{border-radius:8px 8px 0 0}.item:last-child{border-radius:0 0 8px 8px}.item:only-child{border-radius:8px}.item h3{font-size:14px;line-height:1.45;margin:3px 0 5px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item .item-body{min-width:0}.item .meta{gap:5px;font-size:11px;line-height:1.6}.item .due-line{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:5px}.item .fund{display:none}.item .pill{font-size:10px;padding:1px 5px}.item .project-label{display:block;font-size:11px;color:#5276a4;margin-top:5px;overflow-wrap:anywhere}.item .complete-action{width:40px;height:42px;display:flex;align-items:center;justify-content:center;background:none;color:#8190a3;padding:8px;border:0}.item .complete-action.is-done{color:#56856f}.item .complete-action:hover{color:#315a93;background:#f2f6fb}.item-menu{align-self:start;justify-self:end}.item-menu summary{list-style:none;cursor:pointer;width:36px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.item-menu summary::-webkit-details-marker{display:none}
.action-menu{position:fixed;z-index:40;width:220px;max-width:calc(100vw - 24px);max-height:55dvh;overflow:auto;padding:5px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #20324826;display:grid;gap:2px}.action-menu button{background:none;color:var(--ink);text-align:left;font-size:13px;font-weight:500;padding:12px;display:flex;gap:10px;align-items:center;min-height:44px}.action-menu button:hover{background:#eef3fa}.action-menu button.danger{color:#b13d3d}.action-menu svg{width:18px;height:18px}.empty{background:var(--bg);padding:12px 2px;font-size:12px;border-radius:0}
.nav{background:#fff;padding-top:7px;box-shadow:0 -1px 0 #e2e7ed;width:min(780px,100%);border:0}.nav button,.nav button.secondary{min-height:52px;gap:4px;font-size:10px}.nav button.selected{background:transparent;color:#315a93}.nav button>svg{width:23px;height:23px;padding:0;box-sizing:content-box}.nav button.selected>svg{background:#e6effb;border-radius:8px;padding:4px 15px;margin-top:-4px;margin-bottom:-4px}.nav [data-go=add]>svg{background:#c6dfff;border-radius:8px;padding:7px;margin-top:-7px;margin-bottom:-7px;color:#315a93}
.status:not(:empty){position:fixed;bottom:calc(88px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:45;width:min(560px,calc(100% - 32px));margin:0;background:#233248;color:white;box-shadow:0 5px 18px #23324826;font-size:13px;padding:12px 16px}.status.error{background:#923c3c;color:white}
[data-screen=settings]>.panel{gap:0;background:#fff}[data-screen=settings] .section-title{background:var(--bg);font-size:28px;padding-bottom:18px;margin:0}[data-screen=settings] .screen-action{display:flex;align-items:center;gap:14px;min-height:60px;padding:14px 12px;font-weight:500;font-size:14px}[data-screen=settings] .screen-action>svg:first-child{color:#5276a4;width:21px;height:21px}[data-screen=settings] .screen-action>svg:last-child{margin-left:auto;color:#8290a1;width:18px;height:18px}[data-screen=settings] p.fund{display:none}
[data-screen=add] .section-title,[data-screen=inbox] .section-title,[data-screen=projects]>.section-title{font-size:24px}.project-tile{min-height:132px;padding:16px}.project-tile strong{font-size:15px}.project-tile span{font-size:12px}.project-tile small{font-size:11px}
@media(min-width:1000px){.signed-in .shell{max-width:1020px;padding-left:208px;padding-right:32px}.signed-in .nav{left:calc(50% - 490px);top:80px;bottom:auto;transform:none;width:170px;display:flex;flex-direction:column;gap:6px;padding:8px;background:transparent;box-shadow:none}.signed-in .nav button,.signed-in .nav button.secondary{flex-direction:row;gap:12px;justify-content:flex-start;padding:12px;min-height:48px;font-size:13px}.signed-in .nav button.selected{background:#e5edf7}.signed-in .nav button>svg,.signed-in .nav button.selected>svg,.signed-in .nav [data-go=add]>svg{padding:0;margin:0;background:transparent;width:21px;height:21px}.signed-in .nav button:hover{background:#eaf0f6}}
@media(max-width:600px){.shell{padding-inline:16px}.topbar{height:58px;padding-top:8px}.screen{gap:16px}.nav{padding-inline:8px}.project-grid{gap:10px}.item h3{font-size:14px}}
#item-form,#source-form{gap:16px;padding:0;background:transparent;box-shadow:none;border:0;border-radius:0;min-width:0}
#item-form label,#source-form label{font-size:12px;font-weight:600;color:var(--muted);gap:7px;min-width:0}
#item-form input,#item-form select,#item-form textarea,#source-text{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:16px;min-width:0;width:100%;padding:12px;box-shadow:none}
#item-forgotten{display:none!important}#item-title{font-weight:600}#item-form textarea{min-height:88px;max-height:240px;overflow:auto;resize:vertical;overflow-wrap:anywhere}#item-source-text{min-height:160px}
#item-form .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#item-form .split>label:last-child{grid-column:1/-1}
.editor-section,.source-disclosure{border-top:1px solid var(--line);padding-top:18px;margin:4px 0 0}.editor-section{font-size:14px;color:var(--primary-deep)}
#item-form .toggle{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;background:#fff;padding:12px;min-height:52px;color:var(--ink);border-bottom:1px solid var(--line);margin:0}#item-form .toggle input{width:22px;height:22px;accent-color:var(--primary-deep);flex-shrink:0}
.source-disclosure summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--primary-deep);padding:8px 0}.source-disclosure .stack{padding-top:12px}
.composer-actions{position:fixed;left:50%;transform:translateX(-50%);width:min(748px,calc(100% - 32px));bottom:calc(76px + env(safe-area-inset-bottom));z-index:5;background:var(--bg);padding:12px 0 4px;border-top:1px solid var(--line)}.composer-actions button{width:100%;min-height:50px;font-size:15px;border-radius:8px;margin:0}
[data-screen=add],[data-screen=inbox]{padding-bottom:84px}body:has([data-screen=add]:not(.hidden)) .status:not(:empty),body:has([data-screen=inbox]:not(.hidden)) .status:not(:empty){bottom:calc(158px + env(safe-area-inset-bottom))}
.capture-intro{margin:0;color:var(--muted);font-size:14px}.capture-privacy{font-size:12px;line-height:1.5;color:var(--muted);margin:0}#source-text{min-height:230px;max-height:40dvh;overflow:auto;resize:vertical;overflow-wrap:anywhere}
#source-form .file-import{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff;color:var(--primary-deep);font-size:14px;cursor:pointer}.file-import svg{width:22px;height:22px}.file-import input{font-size:12px;max-width:100%}
@media(min-width:1000px){.composer-actions{bottom:12px;left:calc(50% + 88px);width:min(748px,calc(100% - 260px))}}@media(max-width:359px){#item-form .split{grid-template-columns:minmax(0,1fr)}}
/* Shared app surface: one viewport, one scroll area, predictable action placement. */
:root{--bg:#f5f7fa;--ink:#263342;--muted:#738092;--line:#e5eaf0;--primary:#79a3e1;--primary-deep:#365e92}
html,body{min-height:100%;letter-spacing:0}.signed-in{height:100dvh;overflow:hidden}.signed-in .shell{height:100dvh;display:flex;flex-direction:column;padding-block:0;overflow:hidden;background:var(--bg)}
.signed-in .topbar{flex-shrink:0;height:64px;background:var(--bg);border-bottom:1px solid var(--line);margin:0}.signed-in #app-panel{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:22px 0 110px;scroll-padding-block:16px 100px;scrollbar-width:thin}.signed-in .screen{gap:22px;animation:screen-enter .16s ease-out}.signed-in .panel{padding:0;border:0;box-shadow:none;background:transparent}
.signed-in #app-panel{display:block}.signed-in .screen{align-content:start}.brand h1{font-size:21px;color:var(--primary-deep)}.brand-mark{width:30px;height:30px}.brand p{display:none}.topbar .icon-button{color:var(--primary-deep)}
.today-card>div:first-child{display:flex;flex-direction:column-reverse;gap:5px}.today-card>div:first-child .section-title{font-size:30px;line-height:1.25;color:var(--ink);margin:0}.today-card #today-date{margin:0;color:var(--muted);font-size:12px;font-weight:500}.today-card.stack{gap:16px}.stats{gap:14px}.stat{gap:4px}.stat strong{font-size:12px}.stat span{font-size:12px}.stat:nth-child(2){color:#9b741f}.stat:nth-child(3){color:#568575}
#forgetting{background:#e3edfd;color:#365e92;min-height:62px;border:1px solid #d3e1f6;padding:16px;font-size:15px;gap:12px;text-align:left}#forgetting svg:first-child{color:#4f80bc}#forgetting svg:last-child{margin-left:auto;width:18px}#forgetting:hover{background:#d9e7fb}
.home-tools{gap:10px}.home-search{background:white;border:1px solid var(--line);border-radius:8px;min-height:46px}.home-search input{font-size:14px;padding:11px 0}.home-search svg{width:18px}.scan-shortcut{background:white;border:1px solid var(--line);border-radius:8px;min-height:46px;min-width:64px;color:var(--primary-deep)}
.home-tabs{background:#e9edf2;padding:4px;border:0;border-radius:8px;gap:2px;flex-shrink:0}.home-tabs button{padding:9px 5px;border:0;border-radius:5px;min-width:54px;font-size:12px;min-height:38px}.home-tabs button[aria-selected=true]{background:white;color:var(--ink);box-shadow:0 1px 3px #26334212}
.task-section>.section-title{color:var(--muted);font-size:12px;font-weight:600;margin:0 0 10px;gap:7px}.section-count{font-size:11px;padding:1px 5px;background:#e9edf2;color:#64748a;border-radius:4px}.task-section .stack{gap:1px;overflow:visible}.item{padding:11px 7px;grid-template-columns:38px minmax(0,1fr) 34px;gap:4px;min-height:100px;border-left:3px solid transparent}.item[data-priority=urgent]{border-left-color:#c6817c}.item[data-priority=high]{border-left-color:#d3b475}.item h3{font-size:14px;margin:4px 0 7px;color:var(--ink)}.item .due-line{font-size:11px;color:#7c8797}.item .pill{background:transparent;border:0;padding:0;font-size:10px;font-weight:600}.item .meta{gap:10px}.item .complete-action{width:38px;color:#a5b2c1}.item .project-label{font-size:10px;color:#769083}.item-menu summary{width:32px}.item-menu svg{width:18px}.empty{font-size:12px;padding:8px 0;color:#8b95a2}
.nav{min-height:76px;padding-bottom:calc(9px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 #e5eaf0;background:#fff}.nav button,.nav button.secondary{font-size:10px;min-height:50px;color:#8a97a8}.nav button.selected{color:#365e92}.nav button.selected>svg{background:#e5efff;border-radius:8px}.nav [data-go=add]>svg{background:#6f9ad9!important;color:white!important;border-radius:8px!important;padding:9px!important;width:21px!important;height:21px!important;margin-top:-9px!important;margin-bottom:-9px!important}.nav button:active{opacity:.65}
#item-form{gap:14px}#item-form>.section-title{font-size:25px;color:var(--ink);margin-bottom:4px}#item-form>label:has(#item-title){font-size:0}#item-title{font-size:22px!important;font-weight:600;border:0!important;background:transparent!important;padding:6px 0 12px!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}#item-title::placeholder{color:#9aa6b7}#item-form>label:has(#item-description){font-size:0}#item-description{border:0!important;background:transparent!important;padding:6px 0!important;font-size:14px!important;min-height:76px!important}
#item-form>label:has(#item-due),#item-form>label:has(#item-project),#item-form .split>label{display:flex;align-items:center;justify-content:space-between;flex-direction:row;min-height:52px;padding:0 12px;background:white;border-bottom:1px solid var(--line);font-size:13px;color:#607086;gap:10px}#item-form #item-due,#item-form #item-project,#item-form .split select{width:auto;max-width:70%;border:0;background:transparent;font-size:14px;padding:12px 0;text-align:right;min-height:48px}#item-form .split{display:flex;flex-direction:column;gap:0}.editor-section{color:var(--muted);font-size:12px;border:0;padding-top:12px}#item-form .toggle{border:0;border-bottom:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink)}#item-form .toggle input{appearance:none;width:38px;height:23px;border:0;border-radius:20px;background:#d9e0e9;position:relative;padding:0;min-height:0;cursor:pointer}#item-form .toggle input:before{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:white;transition:transform .15s}#item-form .toggle input:checked{background:#719bd6}#item-form .toggle input:checked:before{transform:translateX(15px)}#item-form>h3.section-title{font-size:12px;color:var(--muted);margin:10px 0 0}.source-disclosure{font-size:13px}.source-disclosure summary{font-size:12px;color:var(--muted)}
.composer-actions{padding-block:10px;background:var(--bg);border:0}.composer-actions button{background:#527fb9;min-height:50px;font-size:14px;font-weight:600}.composer-actions button:hover{background:#416fa9}.capture-intro{font-size:13px}.capture-privacy{font-size:11px}.file-import input[type=file]{position:absolute;width:1px;height:1px;opacity:0;padding:0;border:0;overflow:hidden}.file-import:focus-within{outline:2px solid #719bd6;outline-offset:3px}#source-form .file-import{position:relative;justify-content:center;background:#e7effa;border:0;min-height:52px;color:#365e92}.file-import svg{width:20px}#source-file-name:empty{display:none}#source-file-name{font-size:11px;color:var(--muted);font-weight:400;width:100%;text-align:center;overflow-wrap:anywhere}#source-text{border-color:#e0e7f0;font-size:15px;font-weight:400;padding:16px;min-height:240px}#source-form>h2{color:var(--ink);font-size:25px}
[data-screen=settings] .section-title{color:var(--ink);font-size:28px;padding-bottom:20px}[data-screen=settings]>.panel{background:transparent}[data-screen=settings] .screen-action{background:white;font-size:14px;min-height:62px;border-radius:0;border-bottom:1px solid var(--line)}[data-screen=settings] .screen-action>svg:first-child{padding:6px;box-sizing:content-box;background:#ecf2fb;border-radius:7px;width:19px;height:19px}
.project-actions{justify-content:flex-end;gap:8px}.project-actions button{min-height:42px;padding:10px 14px;font-size:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-tile{min-height:154px;border:0;padding:16px;align-content:start;gap:9px}.project-tile strong{font-size:15px;line-height:1.4}.project-tile span{font-size:11px}.project-tile small{font-size:10px}.project-tile progress{margin-top:6px;height:4px}[data-screen=projects]>.section-title,[data-screen=projects] h2{color:var(--ink);font-size:28px}#project-description:empty{display:none}#project-space-label,#project-status-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}#project-space-label select,#project-status-label select{width:auto;background:white;border:1px solid var(--line);border-radius:7px;font-size:13px;min-height:42px}#delete-project{background:transparent;color:#ac605d;min-height:44px;font-size:12px}#project-search{background:white;border:1px solid var(--line);font-size:14px;min-height:46px}
[data-screen=scan]>.panel{border-top:1px solid var(--line);padding-top:20px}[data-screen=scan]>.panel:first-child{border:0;padding:0}[data-screen=scan] .section-title{font-size:17px;color:var(--ink)}[data-screen=scan]>.panel:first-child .section-title{font-size:25px}[data-screen=scan] .fund{font-size:12px;line-height:1.6}[data-screen=scan] button{min-height:46px;font-size:13px}[data-screen=scan] .secondary{background:white;color:var(--primary-deep);border:1px solid var(--line)}[data-screen=scan] .download{font-size:12px}[data-screen=forgetting] .today-card{gap:20px}[data-screen=forgetting] .section-title{font-size:25px;color:var(--ink)}.summary{font-size:16px;line-height:1.7;color:#607086;background:transparent;padding:0;border:0}.summary:empty{display:none}
.home-search input{padding-left:40px;border:0;background:transparent}.home-search>svg{top:13px}
:root{--primary:#456fa6;--muted:#5f7086}.composer-actions button{background:#456fa6}.item .due-line,.empty{color:var(--muted)}.item .project-label{color:#527161}.nav button,.nav button.secondary{color:#627287}.stat:nth-child(2){color:#8a641c}
.project-actions{display:flex}.project-actions button{width:auto;display:inline-flex;align-items:center;gap:6px}.project-actions svg{width:16px;height:16px}[data-screen=projects]:has(#project-grid:not(.hidden)){position:relative}[data-screen=projects]:has(#project-grid:not(.hidden))>div:first-child{padding-right:140px;min-height:42px}[data-screen=projects]:has(#project-grid:not(.hidden)) .project-actions{position:absolute;top:0;right:0}.project-space-filters{display:flex;gap:8px;overflow:auto}.project-space-filters button{min-height:40px;padding:9px 14px;font-size:12px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:7px}.project-space-filters button[aria-pressed=true]{background:#e3edfd;border-color:#cadbf4;color:#365e92}#project-space-label{display:none!important}.project-tile span:empty{display:none}
.nav button,.nav button.secondary{display:grid;grid-template-rows:36px 14px;justify-items:center;align-content:start;gap:4px;padding:2px 0;min-height:56px}.nav button>svg,.nav button.selected>svg{width:48px;height:36px;box-sizing:border-box;padding:7px 13px;margin:0!important}.nav [data-go=add]>svg{box-sizing:border-box;width:36px!important;height:36px!important;padding:8px!important;margin:0!important}
.item .due-line svg{width:13px;height:13px;vertical-align:-2px;margin-right:5px}.editor-values{display:none!important}.detail-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.detail-tiles button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-height:104px;padding:12px;background:white;color:var(--ink);border-radius:8px;min-width:0}.detail-tiles button>svg{width:23px;height:23px;color:#557eb3}.detail-tiles button:first-child>svg{color:#568575}.detail-tiles button:nth-child(2)>svg{color:#aa7928}.detail-tiles span{font-size:11px;color:var(--muted);font-weight:400}.detail-tiles strong{font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.detail-row{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 4px;background:transparent;color:var(--ink);text-align:left;font-size:14px;font-weight:500}.detail-row>svg{color:#557eb3;width:22px;height:22px}.detail-row>svg:last-child{margin-left:auto;width:17px;color:var(--muted)}#item-form .project-detail{background:transparent!important;padding-inline:4px!important;border:0!important;gap:12px!important}#item-form .project-detail svg{width:22px;color:#568575}#item-form #item-project{max-width:calc(100% - 34px);width:100%;text-align:left;font-weight:500}
#item-form .toggle{background:transparent;flex-direction:row;justify-content:flex-start;gap:12px;padding-inline:4px;min-height:48px;border:0}#item-form .toggle svg{order:0;width:22px;color:#557eb3}#item-form .toggle:has(#item-my-day) svg{color:#aa7928}#item-form .toggle span{order:1;flex:1}#item-form .toggle input{order:2}.source-disclosure{border:0;padding-top:8px}.source-disclosure summary{display:flex;align-items:center;gap:12px;min-height:46px;font-size:13px;color:var(--muted);font-weight:500;list-style:none}.source-disclosure summary::-webkit-details-marker{display:none}.source-disclosure summary:after{content:'+';margin-left:auto;font-size:20px}.source-disclosure[open] summary:after{content:'−'}.source-disclosure summary svg{width:21px;color:#768da3}.composer-actions button{display:flex;align-items:center;justify-content:center;gap:9px}.composer-actions button svg{width:19px;height:19px}#add-checklist{display:flex;gap:8px;align-items:center;background:transparent;color:var(--primary-deep);min-height:44px;font-size:13px;padding-inline:0}
.detail-picker{width:min(420px,calc(100% - 24px));max-height:min(680px,75dvh);padding:18px;border:0;border-radius:8px;color:var(--ink);background:#fff;box-shadow:0 12px 48px #26334230;overflow:auto}.detail-picker::backdrop{background:#20304760}.detail-picker header{position:sticky;top:-18px;background:white;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.detail-picker h3{font-size:18px;margin:0}.detail-picker header button{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);width:44px;height:44px;padding:10px}.picker-option{display:flex;align-items:center;gap:12px;min-height:52px;width:100%;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:14px;font-weight:500;padding:12px 4px}.picker-option span{flex:1}.picker-option svg{width:21px;height:21px;color:#7087a3}.picker-option[aria-pressed=true]{color:#365e92;background:#f1f6fd}.picker-option[aria-pressed=true] svg:last-child{color:#456fa6}#item-date-form{display:grid;gap:18px}#item-date-form input{min-height:48px;background:#f5f7fa;border:1px solid var(--line);font-size:16px}.date-actions{display:flex;gap:10px;justify-content:flex-end}.date-actions button{min-height:46px;font-size:14px}
.capture-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.capture-methods>button,#source-form .capture-methods>.file-import{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:100px;padding:14px;border:0;border-radius:8px;background:#e7effa;color:#365e92;font-size:13px;font-weight:600;margin:0;cursor:pointer}.capture-methods>button svg,.capture-methods>.file-import svg{width:28px;height:28px}.capture-methods>button{background:#edf3ed;color:#527161}.capture-methods #source-file-name{font-size:10px;line-height:1.4}.capture-paper{font-weight:400!important}.capture-paper #source-text{border:0;box-shadow:none;font-size:16px;font-weight:400;line-height:1.65;min-height:230px;max-height:38dvh;padding:18px;background:white;resize:vertical}
.picker-option:hover,.picker-option:focus-visible{background:#edf3fc;color:#263342}.detail-tiles button:hover{background:#eaf1fc;color:var(--ink)}.nav button:hover{background:transparent}.capture-methods>button:hover{background:#e1ebe2;color:#3e6050}
@media(max-width:600px){.detail-picker{margin:auto auto 0;width:100%;max-width:none;max-height:75dvh;border-radius:8px 8px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}
@keyframes screen-enter{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1000px){.signed-in .nav{min-height:0;box-shadow:none;background:transparent}.signed-in .nav button,.signed-in .nav button.secondary{display:flex;align-items:center;padding:12px;min-height:48px;gap:12px}.signed-in .nav button>svg,.signed-in .nav button.selected>svg{width:21px;height:21px;padding:0}.signed-in .nav [data-go=add]>svg{width:28px!important;height:28px!important;padding:5px!important;margin:0!important}.signed-in #app-panel{padding-bottom:92px}.signed-in .topbar{height:70px}}
@media(max-width:380px){.project-grid{gap:8px}.project-tile{padding:12px;min-height:145px}.home-tabs button{min-width:48px;font-size:11px}.today-card>div:first-child .section-title{font-size:28px}}
.signed-in:has([data-screen=home]:not(.hidden)){--bg:#fff}.signed-in [data-screen=home]{gap:18px}.day-agenda .day-heading{display:flex!important;flex-direction:row!important;align-items:center;gap:16px!important}.day-date{width:54px;height:62px;flex-shrink:0;background:#edf3fd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#456fa6}.day-date span{font-size:10px;font-weight:700;text-transform:uppercase}.day-date strong{font-size:28px;line-height:32px;font-weight:600}.day-heading-copy{display:grid;gap:3px}.day-agenda .day-heading .section-title{font-size:28px;font-weight:700}.day-agenda.stack{gap:12px}.day-agenda .stats{margin-left:70px;gap:16px;margin-top:-7px}.day-agenda .stat strong,.day-agenda .stat span{font-size:11px;color:#5f7086}.day-agenda #forgetting{margin-top:8px;background:#e7effd;border:0;min-height:64px;padding:14px;gap:10px;border-radius:8px;font-size:14px}.day-agenda #forgetting span{flex:1}.day-agenda #attention-count{display:grid;place-items:center;background:white;width:27px;height:27px;border-radius:50%;font-size:12px;color:#456fa6}.day-agenda #forgetting svg:last-child{margin:0;width:16px}.home-tools .home-search{border:0;background:#f3f5f8}.home-tools .scan-shortcut{border:0;background:#edf3fd;min-width:60px}.home-tabs{border-radius:0;background:transparent;padding:0;border-bottom:1px solid #e5eaf0;gap:12px}.home-tabs button{border-radius:0;min-height:44px;border-bottom:2px solid transparent;padding:10px 0;font-size:12px}.home-tabs button[aria-selected=true]{background:transparent;box-shadow:none;color:#456fa6;border-bottom-color:#456fa6}.agenda-glyph{display:none}[data-screen=home] .task-section>.section-title{font-size:13px;color:#263342;margin-bottom:5px}[data-screen=home] .section-count{background:transparent;padding:0;color:#7b8898;font-weight:400}[data-screen=home] .task-section .stack{gap:0;background:transparent}[data-screen=home] .item{display:grid;grid-template-columns:28px 38px minmax(0,1fr) 28px;gap:8px;padding:15px 0;border:0;border-bottom:1px solid #edf0f4;border-radius:0!important;box-shadow:none;background:transparent;min-height:96px}[data-screen=home] .agenda-glyph{display:grid;place-items:center;width:38px;height:40px;background:#edf3fd;color:#5e88c1;border-radius:8px;margin-top:3px}[data-screen=home] .agenda-glyph svg{width:21px;height:21px}[data-screen=home] .agenda-glyph[data-category=health],[data-screen=home] .agenda-glyph[data-category=family]{background:#edf5ef;color:#608770}[data-screen=home] .agenda-glyph[data-category=bill],[data-screen=home] .agenda-glyph[data-category=shopping]{background:#fbf3df;color:#a18545}[data-screen=home] .complete-action{width:28px;min-width:28px;padding:0;margin-top:3px}[data-screen=home] .item h3{font-size:14px;line-height:1.45;margin:2px 0 5px;font-weight:600}[data-screen=home] .item .due-line{font-size:11px;line-height:1.55}[data-screen=home] .item .due-line svg{display:none}[data-screen=home] .item .meta{margin-top:5px;gap:10px}[data-screen=home] .item-menu summary{width:28px;min-width:28px;padding:0}[data-screen=home] .empty{padding:12px 0 16px;font-size:12px}
.signed-in:has([data-screen=home]:not(.hidden)) .topbar{background:#e5efff;border:0}.signed-in:has([data-screen=home]:not(.hidden)) #app-panel{padding-top:0}.signed-in [data-screen=home]{gap:0}.day-agenda{background:#e5efff!important;margin-inline:-16px;padding:16px 16px 24px!important;border-radius:0!important}.day-agenda .day-heading{gap:0!important}.day-agenda .day-date{display:none}.day-agenda .day-heading .section-title{font-size:32px;line-height:1.2;color:#28486f}.day-agenda #today-date{font-size:13px;margin-top:6px}.day-agenda .stats{margin:0;position:absolute;right:0;top:12px;display:none}.day-agenda #forgetting{background:#fff;min-height:76px;box-shadow:0 3px 10px #315a9308;margin-top:14px;padding:16px;gap:12px}.day-agenda #forgetting>svg:first-child{width:28px;height:28px;padding:8px;background:#eaf1ff;border-radius:8px;box-sizing:content-box}.day-agenda #forgetting span{display:grid;gap:5px}.day-agenda #forgetting b{font-size:14px;font-weight:650}.day-agenda #forgetting small{font-size:11px;color:#647996;font-weight:400;line-height:1.4}.day-agenda #attention-count{background:#eaf1ff;color:#456fa6}.agenda-calendar{padding:18px 0 16px;border-bottom:1px solid #e9eef5}.agenda-calendar-heading{display:flex;align-items:center;gap:2px;margin-bottom:12px}.agenda-calendar-heading>strong{flex:1;color:#304766;font-size:14px;font-weight:600}.agenda-calendar-heading button{width:36px;min-height:36px;height:36px;padding:8px;background:transparent;color:#647996}.agenda-calendar-heading svg{width:18px;height:18px}.agenda-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.agenda-week button{padding:8px 0 6px;min-width:0;border-radius:8px;background:transparent;color:#647996;display:flex;align-items:center;flex-direction:column;gap:7px;min-height:76px}.agenda-week span{font-size:10px;font-weight:500}.agenda-week strong{font-size:17px;font-weight:600;color:#304766}.agenda-week button[aria-current=date]{background:#f0f5fd}.agenda-week button[aria-pressed=true]{background:#456fa6;color:white}.agenda-week button[aria-pressed=true] strong{color:white}.agenda-dot{width:4px;height:4px;border-radius:50%;background:#729bd1}.agenda-week button[aria-pressed=true] .agenda-dot{background:white}.agenda-list-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 0 12px;gap:12px}.agenda-list-heading h2{font-size:20px;color:#263d5a;margin:0}.agenda-list-heading button{background:transparent;color:#456fa6;padding:8px 0;min-height:36px;font-size:11px;text-align:right}.home-tools{padding-bottom:12px}.home-tools .home-search{min-height:40px;background:#f4f7fb}.home-tools .home-search input{padding-block:10px;font-size:13px}.home-tools .home-search>svg{top:11px}.home-tools .scan-shortcut{min-height:40px;background:transparent;min-width:48px;font-size:10px}.home-tabs{gap:8px;border:0;padding-bottom:16px}.home-tabs button{min-height:36px;border:0;border-radius:6px;font-size:11px;color:#748297}.home-tabs button[aria-selected=true]{background:#eaf1fd;color:#456fa6;border:0}.agenda-stamp,.agenda-source{display:none}[data-screen=home] .task-section>.section-title{font-size:11px;text-transform:uppercase;color:#8491a4;font-weight:600;margin:8px 0 2px;padding-left:63px}[data-screen=home] .item{grid-template-columns:50px minmax(0,1fr) 40px 20px;gap:10px;position:relative;padding:18px 0 20px;min-height:122px;border:0}[data-screen=home] .agenda-stamp{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding-top:2px;position:relative}[data-screen=home] .agenda-stamp strong{font-size:12px;font-weight:600;color:#4c6381}[data-screen=home] .agenda-stamp span{font-size:10px;color:#8a98aa}[data-screen=home] .agenda-stamp:after{content:'';position:absolute;width:1px;background:#e5edf7;left:48px;top:6px;bottom:-20px}[data-screen=home] .item-body{grid-column:2;grid-row:1;padding-left:3px;border-bottom:1px solid #edf1f6;padding-bottom:15px}[data-screen=home] .item h3{font-size:15px;line-height:1.45;margin:0 0 8px;font-weight:600;color:#304766}[data-screen=home] .item .due-line{display:none}[data-screen=home] .item .meta{gap:7px;align-items:center;flex-wrap:wrap;margin:0}[data-screen=home] .item .meta .agenda-glyph{display:inline-flex;width:15px;height:15px;padding:0;margin:0;background:transparent;color:#8496b0}[data-screen=home] .agenda-glyph svg{width:15px;height:15px}[data-screen=home] .item .meta .pill{font-size:10px;font-weight:500}[data-screen=home] .agenda-source{display:block;font-size:10px;color:#8a98aa;margin-top:7px}[data-screen=home] .complete-action{grid-column:3;grid-row:1;width:40px;min-height:44px;margin:0;color:#a0b3cc}[data-screen=home] .item-menu{grid-column:4;grid-row:1}[data-screen=home] .item-menu summary{width:20px;min-width:20px;min-height:44px}[data-screen=home] .project-label{margin-top:7px}[data-screen=home] .empty{padding:18px 0 30px 63px;color:#7e8da2}.notification-periods{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.notification-periods legend{font-size:12px;color:#647996;padding-bottom:10px}.notification-periods label{display:flex;align-items:center;gap:7px;font-size:12px;padding:9px;background:#edf3fd;border-radius:6px;min-height:44px}.notification-periods input{width:16px!important;min-height:16px!important;accent-color:#456fa6}.notification-periods p{width:100%;font-size:12px;line-height:1.6;color:#647996}.notification-periods.hidden{display:none}
@media(min-width:1000px){.day-agenda{margin-inline:-32px;padding-inline:32px!important}.signed-in:has([data-screen=home]:not(.hidden)) .nav{background:white}.signed-in:has([data-screen=home]:not(.hidden)) .topbar{background:white}}
@media(max-width:380px){.day-agenda #forgetting{padding:12px;gap:8px}.day-agenda #forgetting>svg:first-child{padding:6px;width:24px;height:24px}.day-agenda #forgetting b{font-size:13px}.day-agenda #forgetting small{font-size:10px}[data-screen=home] .item{gap:7px;grid-template-columns:46px minmax(0,1fr) 36px 20px}[data-screen=home] .agenda-stamp:after{left:44px}}
.day-agenda{width:100%;max-width:none;margin-inline:0;padding:10px 16px 18px!important;gap:14px!important}.day-agenda #forgetting{margin-top:0;min-height:72px;padding:12px}.day-agenda #forgetting small{font-size:10px}.agenda-calendar{padding-block:10px}.agenda-calendar-heading{margin-bottom:6px}.agenda-calendar-heading button{height:30px;min-height:30px}.agenda-week button{min-height:64px;padding-block:6px;gap:5px}.agenda-list-heading{padding-block:14px 8px}.home-tools .home-search input{min-height:0;line-height:20px;padding-block:10px}.home-tools{padding-bottom:8px}.home-tabs{padding-bottom:10px}
@media(max-width:999px){.signed-in:has([data-screen=home]:not(.hidden)) .shell{padding-inline:0}.signed-in:has([data-screen=home]:not(.hidden)) .topbar{padding-inline:16px;height:56px}.signed-in:has([data-screen=home]:not(.hidden)) #app-panel{padding-inline:16px}.day-agenda{width:calc(100% + 32px);margin-inline:-16px}}
@media(min-width:1000px){.day-agenda{margin-inline:0;padding-inline:20px!important;width:100%}}