:root{
  --bg:#f2f2f7;
  --surface:#ffffff;
  --surface-raised:#ffffff;
  --surface-muted:#f7f7fa;
  --surface-strong:#e9e9ef;
  --text:#1c1c1e;
  --muted:#636366;
  --subtle:#8e8e93;
  --line:rgba(60,60,67,.18);
  --hairline:rgba(60,60,67,.11);
  --accent:#0a72e8;
  --accent-pressed:#0563c9;
  --accent-soft:#e8f2ff;
  --danger:#d70015;
  --danger-soft:#fff0f1;
  --success:#248a3d;
  --success-soft:#e9f7ed;
  --warning:#8b5e00;
  --warning-soft:#fff6df;
  --shadow-card:0 1px 2px rgba(0,0,0,.025),0 7px 24px rgba(0,0,0,.035);
  --shadow-float:0 12px 36px rgba(0,0,0,.16);
  --radius-sm:12px;
  --radius:17px;
  --radius-lg:24px;
  --content:940px;
  --sidebar:244px;
  --tabbar-height:72px;
  color-scheme:light;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-synthesis:none;
}

html[data-theme="dark"]{
  --bg:#000000;
  --surface:#1c1c1e;
  --surface-raised:#242426;
  --surface-muted:#242426;
  --surface-strong:#2c2c2e;
  --text:#f5f5f7;
  --muted:#aeaeb2;
  --subtle:#8e8e93;
  --line:rgba(84,84,88,.62);
  --hairline:rgba(84,84,88,.42);
  --accent:#0a84ff;
  --accent-pressed:#409cff;
  --accent-soft:#102c49;
  --danger:#ff453a;
  --danger-soft:#3a1718;
  --success:#30d158;
  --success-soft:#16341f;
  --warning:#ffd60a;
  --warning-soft:#3a3210;
  --shadow-card:0 1px 2px rgba(0,0,0,.24),0 10px 28px rgba(0,0,0,.18);
  --shadow-float:0 14px 42px rgba(0,0,0,.52);
  color-scheme:dark;
}

@media(prefers-color-scheme:dark){
  html[data-theme="system"]{
    --bg:#000000;
    --surface:#1c1c1e;
    --surface-raised:#242426;
    --surface-muted:#242426;
    --surface-strong:#2c2c2e;
    --text:#f5f5f7;
    --muted:#aeaeb2;
    --subtle:#8e8e93;
    --line:rgba(84,84,88,.62);
    --hairline:rgba(84,84,88,.42);
    --accent:#0a84ff;
    --accent-pressed:#409cff;
    --accent-soft:#102c49;
    --danger:#ff453a;
    --danger-soft:#3a1718;
    --success:#30d158;
    --success-soft:#16341f;
    --warning:#ffd60a;
    --warning-soft:#3a3210;
    --shadow-card:0 1px 2px rgba(0,0,0,.24),0 10px 28px rgba(0,0,0,.18);
    --shadow-float:0 14px 42px rgba(0,0,0,.52);
    color-scheme:dark;
  }
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{border:0}
img,svg{display:block;max-width:100%}
.icon{width:22px;height:22px;flex:none;fill:none;color:currentColor}
.icon .s,.icon path.s,.icon circle.s,.icon rect.s{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[hidden]{display:none!important}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:2px}
.skip-link{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-150%);padding:10px 14px;border-radius:10px;background:var(--text);color:var(--bg)}
.skip-link:focus{transform:none}

/* App chrome */
.app-shell,.app-frame{min-height:100vh}
.sidebar{display:none}
.topbar{height:58px;padding:max(8px,env(safe-area-inset-top)) 20px 0;display:flex;align-items:center;justify-content:space-between}
.mobile-brand,.brand,.auth-brand{display:inline-flex;align-items:center;gap:9px;font-weight:680;letter-spacing:-.02em}
.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:780}
.brand-mark.small{width:32px;height:32px;border-radius:9px;font-size:14px}
.desktop-context-link{display:none;color:var(--accent);font-size:15px;font-weight:600}
.main-content{width:min(100%,var(--content));min-height:calc(100vh - 58px);margin:0 auto;padding:16px 18px calc(var(--tabbar-height) + 34px + env(safe-area-inset-bottom))}
.bottom-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding:5px 12px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 91%,transparent);border-top:1px solid var(--hairline);box-shadow:none;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
.bottom-nav a{min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10px;font-weight:560}
.bottom-nav a .icon{width:23px;height:23px}
.bottom-nav a.active{color:var(--accent);font-weight:650}
.floating-create{position:fixed;z-index:75;right:20px;bottom:calc(var(--tabbar-height) + 14px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 30%,rgba(0,0,0,.18))}
.floating-create:active{transform:scale(.97);background:var(--accent-pressed)}
.floating-create .icon{width:25px;height:25px}
.editor-route .topbar,.editor-route .bottom-nav,.editor-route .floating-create{display:none!important}
.editor-route .app-frame{min-height:100vh}
.editor-route .main-content{width:100%;max-width:none;min-height:100vh;padding:0 18px calc(108px + env(safe-area-inset-bottom))}
.offline-banner{position:fixed;z-index:200;left:50%;top:max(8px,env(safe-area-inset-top));transform:translateX(-50%);width:min(92%,520px);padding:10px 14px;border-radius:12px;background:var(--warning-soft);color:var(--warning);font-size:13px;font-weight:650;text-align:center;box-shadow:var(--shadow-card)}

/* Typography and sections */
.page-heading{margin:9px 0 26px}
.page-heading.home-heading{margin-top:10px}
.page-heading.compact{margin:0}
.page-heading h1,.detail-topbar h1,.context-header h1{margin:0;letter-spacing:-.042em;line-height:1.06}
.page-heading h1{font-size:clamp(34px,8.8vw,50px);font-weight:740}
.page-heading p,.detail-topbar p{margin:7px 0 0;color:var(--muted);font-size:16px;line-height:1.42}
.eyebrow{margin:0 0 6px!important;color:var(--muted);font-size:11px!important;font-weight:700;letter-spacing:.07em}
.page-heading-row,.detail-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:24px}
.detail-topbar.simple{align-items:center;justify-content:flex-start}
.detail-topbar.simple h1{font-size:32px}
.detail-topbar.simple p{font-size:15px}
.back-link{display:inline-flex;align-items:center;gap:3px;margin-bottom:14px;color:var(--accent);font-size:15px;font-weight:560}
.back-link .icon{width:18px;height:18px}
.mobile-only{display:inline-flex}
.desktop-only{display:none}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-heading h2,.tab-heading h2{margin:0;font-size:20px;font-weight:650;letter-spacing:-.022em}
.section-heading>a{color:var(--accent);font-size:15px;font-weight:560}
.section-heading.text{align-items:flex-start}
.section-heading.text p,.tab-heading p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.4}
.content-section{margin:28px 0}
.card-surface{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:none}

/* Search */
.hero-search{height:54px;display:flex;align-items:center;gap:11px;padding:0 15px;border-radius:14px;background:var(--surface);border:1px solid var(--hairline);box-shadow:none;position:relative;overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease}
.hero-search .icon{width:20px;height:20px;color:var(--subtle)}
.hero-search input{min-width:0;flex:1;height:100%;padding:0;border:0;border-radius:0;background:transparent;outline:0;box-shadow:none;font-size:17px;-webkit-appearance:none;appearance:none}
.hero-search input::placeholder{color:var(--subtle);opacity:1}
.hero-search:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--hairline));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
.hero-search input::-webkit-search-decoration,.hero-search input::-webkit-search-cancel-button,.hero-search input::-webkit-search-results-button,.hero-search input::-webkit-search-results-decoration{display:none}
.hero-search.search-page{margin-bottom:14px}
.clear-search{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--surface-strong)}
.clear-search .icon{width:17px;height:17px}
.search-shortcut{margin:10px 0 26px}
.search-shortcut>a{min-height:68px;padding:12px 15px;border-radius:15px;display:flex;align-items:center;gap:12px;color:var(--muted)}
.search-shortcut>a:hover{background:var(--surface-muted)}
.search-shortcut span{display:grid;flex:1}
.search-shortcut strong{color:var(--text);font-size:16px;font-weight:620}
.search-shortcut small{font-size:13px}
.result-count{margin:22px 2px 10px;color:var(--muted);font-size:14px}
.search-results{display:grid;gap:10px}
.search-result{padding:15px;display:flex;align-items:flex-start;gap:13px;border-radius:16px}
.search-result>.icon{margin-top:16px;color:var(--subtle)}
.search-result-main{min-width:0;display:grid;gap:8px;flex:1}
.search-result-main>strong{font-size:17px;font-weight:650}
.match{display:grid;gap:2px;padding-top:9px;border-top:1px solid var(--hairline)}
.match small{color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.055em}
.match span{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Context cards */
.context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.context-card{min-height:132px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;position:relative;border:1px solid var(--hairline);border-radius:17px;background:var(--surface);box-shadow:none;transition:transform .15s ease,background .15s ease}
.context-card:active{transform:scale(.985)}
.context-icon,.template-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.context-icon .icon,.template-icon .icon{width:22px;height:22px}
.context-card-copy{width:100%;min-width:0;margin-top:auto;display:grid;gap:3px}
.context-card-copy strong{font-size:16px;font-weight:650;letter-spacing:-.018em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.context-card-copy small{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-star{position:absolute;right:13px;top:13px;color:var(--accent)}
.mini-star .icon{width:17px;height:17px}
.compact-grid{grid-template-columns:1fr}
.compact-grid .context-card{min-height:74px;padding:12px 14px;flex-direction:row;align-items:center;gap:12px}
.compact-grid .context-card-copy{margin:0}
.compact-grid .context-icon{width:42px;height:42px}
.compact-grid .mini-star{top:50%;transform:translateY(-50%)}
.all-contexts{grid-template-columns:1fr}
.all-contexts .context-card{min-height:76px;padding:12px 14px;flex-direction:row;align-items:center;gap:12px;border-radius:15px}
.all-contexts .context-card-copy{margin:0}
.all-contexts .mini-star{top:50%;transform:translateY(-50%)}

.accent-blue{--accent:#0a72e8;--accent-soft:#e8f2ff}
.accent-aqua{--accent:#0a8491;--accent-soft:#e6f7f8}
.accent-green{--accent:#248a3d;--accent-soft:#eaf8ed}
.accent-orange{--accent:#c25700;--accent-soft:#fff1e5}
.accent-rose{--accent:#c93461;--accent-soft:#ffeaf0}
.accent-violet{--accent:#7d4fd4;--accent-soft:#f1eafe}
.accent-slate{--accent:#5c6673;--accent-soft:#eef1f4}
html[data-theme="dark"] .accent-blue{--accent:#0a84ff;--accent-soft:#102c49}
html[data-theme="dark"] .accent-aqua{--accent:#64d2ff;--accent-soft:#15333b}
html[data-theme="dark"] .accent-green{--accent:#30d158;--accent-soft:#16341f}
html[data-theme="dark"] .accent-orange{--accent:#ff9f0a;--accent-soft:#3a2810}
html[data-theme="dark"] .accent-rose{--accent:#ff6482;--accent-soft:#3a1b25}
html[data-theme="dark"] .accent-violet{--accent:#bf8cff;--accent-soft:#2f2141}
html[data-theme="dark"] .accent-slate{--accent:#b5bdc9;--accent-soft:#2a2f35}
@media(prefers-color-scheme:dark){
  html[data-theme="system"] .accent-blue{--accent:#0a84ff;--accent-soft:#102c49}
  html[data-theme="system"] .accent-aqua{--accent:#64d2ff;--accent-soft:#15333b}
  html[data-theme="system"] .accent-green{--accent:#30d158;--accent-soft:#16341f}
  html[data-theme="system"] .accent-orange{--accent:#ff9f0a;--accent-soft:#3a2810}
  html[data-theme="system"] .accent-rose{--accent:#ff6482;--accent-soft:#3a1b25}
  html[data-theme="system"] .accent-violet{--accent:#bf8cff;--accent-soft:#2f2141}
  html[data-theme="system"] .accent-slate{--accent:#b5bdc9;--accent-soft:#2a2f35}
}

/* Empty states and buttons */
.empty-state{max-width:590px;margin:34px auto;padding:30px 20px;text-align:center}
.empty-state.welcome{border:1px solid var(--hairline);border-radius:20px;background:var(--surface)}
.empty-state.small{margin-top:22px;padding:26px 16px}
.empty-state h1,.empty-state h2,.empty-state h3{margin:14px 0 8px;font-weight:700;letter-spacing:-.025em}
.empty-state p{margin:0 auto 18px;color:var(--muted);font-size:16px;line-height:1.48}
.empty-icon{width:56px;height:56px;margin:0 auto;border-radius:16px;display:grid;place-items:center;background:var(--surface-strong);color:var(--accent)}
.example-chips,.tag-row{display:flex;flex-wrap:wrap;gap:7px}
.example-chips{justify-content:center;margin:14px 0 20px}
.example-chips span,.tag-row span{padding:6px 10px;border-radius:999px;background:var(--surface-strong);color:var(--muted);font-size:12px;font-weight:550}
.button{min-height:48px;padding:0 17px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:650;cursor:pointer;transition:transform .12s ease,background .12s ease,opacity .12s ease}
.button:active{transform:scale(.985)}
.button:disabled,.button[aria-busy="true"]{opacity:.58;cursor:default}
.button.primary,.icon-button.primary{background:var(--accent);color:#fff}
.button.primary:active{background:var(--accent-pressed)}
.button.secondary{background:var(--surface-strong);color:var(--text)}
.button.ghost{background:transparent;color:var(--accent)}
.button.danger{background:var(--danger-soft);color:var(--danger)}
.button.ghost-like{border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line))}
.button.small{min-height:40px;padding:0 13px;border-radius:10px;font-size:14px}
.button.wide,.wide{width:100%}
.icon-button,.mini-action{padding:0;display:grid;place-items:center;background:var(--surface-strong);color:var(--text);cursor:pointer}
.icon-button{width:44px;height:44px;border-radius:50%}
.icon-button.soft{background:var(--surface)}
.icon-button.selected{background:var(--accent-soft);color:var(--accent)}
.mini-action{width:44px;height:44px;border-radius:12px}

/* Tasks and checklist */
.task-list{overflow:hidden;border-radius:16px}
.task-row{min-height:68px;padding:11px 14px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--hairline)}
.task-row:last-child{border-bottom:0}
.task-row.detailed{padding-top:14px;padding-bottom:14px;align-items:flex-start}
.task-main{min-width:0;display:grid;gap:3px;flex:1}
.task-main strong{font-size:16px;line-height:1.3;font-weight:600}
.task-main small{color:var(--muted);font-size:13px;line-height:1.35}
.task-main p{margin:5px 0 0;color:var(--muted);font-size:14px}
.priority-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);flex:none}
.important-label,.pinned-label{padding:4px 8px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-size:11px;font-weight:600}
.check-button{width:44px;height:44px;padding:0;display:grid;place-items:center;background:transparent;cursor:pointer;flex:none}
.check-button>span{width:24px;height:24px;border:1.5px solid var(--subtle);border-radius:50%;display:grid;place-items:center}
.check-button.checked>span{border-color:var(--accent);background:var(--accent);color:#fff}
.check-button .icon{width:15px;height:15px}
.quick-add{padding:10px;margin-bottom:14px;border-radius:15px;display:grid;gap:8px}
.checklist{overflow:hidden;border-radius:16px}
.checklist-row{min-height:62px;padding:9px 11px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--hairline)}
.checklist-row:last-child{border-bottom:0}
.checklist-row.completed{opacity:.58}
.checklist-row.completed .item-title{text-decoration:line-through}
.drag-handle{color:var(--subtle);font-size:14px;cursor:grab}
.item-title{min-width:0;flex:1;font-size:16px;line-height:1.35}
.list-group-title{padding:15px 14px 8px;color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.055em}
.completed-block>summary{padding:12px 2px;color:var(--muted);font-size:15px;font-weight:600;cursor:pointer}
.move-actions,.row-actions,.header-actions{display:flex;align-items:center;gap:7px}

/* Context details */
.context-header{margin:-16px -18px 0;padding:10px 18px 22px;background:transparent}
.context-header-top{min-height:44px;display:flex;align-items:center;justify-content:space-between}
.context-title-row{display:flex;align-items:flex-start;gap:14px;margin-top:22px}
.context-title-row>div{min-width:0}
.context-hero-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.context-hero-icon .icon{width:27px;height:27px}
.context-header h1{font-size:clamp(32px,8.6vw,44px);font-weight:730;overflow-wrap:anywhere}
.context-header p{margin:8px 0 0;color:var(--muted);font-size:16px;line-height:1.42}
.context-header .tag-row{margin-top:15px}
.menu,.row-menu{position:relative}
.menu>summary,.row-menu>summary{list-style:none}
.menu>summary::-webkit-details-marker,.row-menu>summary::-webkit-details-marker{display:none}
.menu-popover,.row-popover{position:absolute;z-index:80;right:0;top:calc(100% + 8px);min-width:190px;padding:6px;border:1px solid var(--hairline);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-float)}
.menu-popover a,.menu-popover button{width:100%;min-height:46px;padding:0 10px;border-radius:10px;display:flex;align-items:center;gap:9px;background:transparent;color:var(--text);font-size:16px;text-align:left;cursor:pointer}
.menu-popover a:hover,.menu-popover button:hover{background:var(--surface-muted)}
.row-popover{top:calc(100% + 7px);min-width:min(330px,calc(100vw - 34px));padding:14px}
.row-popover form{display:grid;gap:12px}
.segments{position:sticky;z-index:30;top:6px;margin:0 0 26px;padding:3px;display:flex;gap:2px;border-radius:11px;background:var(--surface-strong);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}
.segments a{min-width:0;min-height:36px;padding:0 7px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:1;font-size:13px;font-weight:560;white-space:nowrap}
.segments a.active{background:var(--surface);font-weight:650;box-shadow:none}
.overview-grid{display:grid;gap:12px}
.info-card{padding:17px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface)}
.info-card-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.info-card-head>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.info-card-head>span .icon{width:18px;height:18px}
.info-card-head small{color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.055em}
.info-card>strong{display:block;font-size:17px;line-height:1.36;font-weight:650}
.info-card>p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.48}
.info-card .button{margin-top:14px}
.progress-native{width:100%;height:7px;margin-top:15px;accent-color:var(--accent)}
.meta-list,.detail-list,.link-list{display:grid}
.meta-row{min-height:57px;padding:10px 0;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:10px}
.meta-row:first-child{border-top:0}
.meta-row>div:first-child{min-width:0;display:grid}
.meta-row strong{font-size:16px;font-weight:620}
.meta-row small{color:var(--muted);font-size:13px}
.detail-list>div{min-height:55px;padding:10px 0;border-top:1px solid var(--hairline);display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center}
.detail-list>div:first-child{border-top:0}
.detail-list dt{color:var(--muted);font-size:14px}
.detail-list dd{margin:0;font-size:16px;text-align:right;overflow-wrap:anywhere}
.link-list>div{border-top:1px solid var(--hairline)}
.link-list>div:first-child{border-top:0}
.link-list a{min-height:54px;padding:11px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600}
.overview-additions{display:grid;gap:5px;margin-top:16px}
.tab-heading{margin:8px 0 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tab-section{margin-bottom:28px}
.inline-editor>summary{min-height:48px;padding:0 2px;display:flex;align-items:center;gap:8px;color:var(--accent);font-size:16px;font-weight:560;cursor:pointer;list-style:none}
.inline-editor>summary::-webkit-details-marker{display:none}
.inline-editor.prominent>summary{min-height:50px;padding:0 14px;border:1px solid var(--hairline);border-radius:13px;background:var(--surface)}
.no-margin{margin:0}
.note-card{padding:17px;border-radius:16px}
.notes-grid{display:grid;gap:12px}
.note-content{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.note-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.note-card footer{margin-top:15px;padding-top:12px;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:10px}
.note-card footer small{color:var(--muted);font-size:12px}
.note-preview{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* Forms */
.form-stack,.form-card{display:grid;gap:14px}
.form-grid{display:grid;gap:12px}
.form-grid.two,.form-grid.postal{grid-template-columns:1fr}
.form-card{padding:15px}
.form-card label,.form-stack label,.row-popover label,.inset-form label,.editor-disclosure-body label{display:grid;gap:8px;font-size:14px;font-weight:610}
.field-label{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;line-height:1.25}
.field-label>span{min-width:0}
.field-label small,.optional{color:var(--muted);font-size:12px;font-weight:480;white-space:nowrap}
input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);padding:13px 14px;outline:0;font-size:17px;line-height:1.25;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;-webkit-appearance:none}
input,select{min-height:50px}
textarea{min-height:96px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);background:var(--surface)}
.hero-search input:focus{border:0;border-radius:0;background:transparent;box-shadow:none;outline:0}
input::placeholder,textarea::placeholder{color:var(--subtle);opacity:1}
fieldset{min-width:0;margin:0;padding:0;border:0}
legend{margin-bottom:12px;font-size:15px;font-weight:650}
.check-line,.check{display:flex!important;align-items:center;gap:8px!important}
.check-line input,.check input{width:21px;min-height:21px;flex:none;-webkit-appearance:auto}
.inset-form{padding:14px;border-radius:14px;background:var(--surface-muted);display:grid;gap:12px}

/* Editor */
.editor-navbar{position:sticky;z-index:90;top:0;min-height:calc(58px + env(safe-area-inset-top));margin:0 -18px 24px;padding:calc(8px + env(safe-area-inset-top)) 18px 8px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;background:color-mix(in srgb,var(--bg) 93%,transparent);border-bottom:1px solid var(--hairline);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
.editor-navbar-action{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--accent)}
.editor-navbar-title{min-width:0;text-align:center;display:grid;gap:1px}
.editor-navbar-title strong{font-size:16px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editor-navbar-title small{color:var(--muted);font-size:11px;font-weight:550}
.editor-navbar-balance{width:44px;height:44px}
.editor-form{max-width:680px;margin:0 auto;display:grid;gap:0}
.editor-section-heading{margin:0 2px 19px}
.editor-section-heading h1{margin:0;font-size:31px;line-height:1.08;font-weight:740;letter-spacing:-.038em}
.editor-section-heading p{max-width:560px;margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.42}
.editor-step[hidden]{display:none!important}
.editor-step.is-active{animation:editor-step-in .2s ease both}
@keyframes editor-step-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.wizard-progress{display:grid;grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto;align-items:start;margin:0 4px 30px}
.wizard-progress.two-step{grid-template-columns:auto minmax(24px,1fr) auto}
.wizard-progress-item{width:62px;padding:0;display:grid;justify-items:center;gap:5px;background:transparent;color:var(--muted);cursor:pointer}
.wizard-progress-item>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--surface-strong);color:var(--muted);font-size:13px;font-weight:700;transition:background .16s ease,color .16s ease}
.wizard-progress-item small{font-size:11px;font-weight:600;white-space:nowrap}
.wizard-progress-item.is-active{color:var(--text)}
.wizard-progress-item.is-active>span{background:var(--accent);color:#fff}
.wizard-progress-item.is-complete>span{background:var(--accent-soft);color:var(--accent)}
.wizard-progress-item:disabled{opacity:.55;cursor:default}
.wizard-progress-line{height:1px;margin-top:14px;background:var(--line)}
.form-section{margin-bottom:24px}
.template-grid{display:grid;grid-template-columns:1fr;gap:10px}
.template-card{position:relative;min-height:78px;padding:12px 13px;border:1px solid var(--hairline);border-radius:16px;display:flex;align-items:center;gap:12px;background:var(--surface);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .12s ease}
.template-card:active{transform:scale(.99)}
.template-card input,.icon-choice input,.color-choice input,.module-choices input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.template-card:has(input:checked){border-color:color-mix(in srgb,var(--accent) 54%,var(--hairline));background:var(--accent-soft)}
.template-card .template-icon{flex:none;background:var(--surface-muted)}
.template-card:has(input:checked) .template-icon{background:var(--surface);color:var(--accent)}
.template-copy{min-width:0;display:grid;gap:3px;flex:1}
.template-card strong{font-size:16px;font-weight:650;line-height:1.25}
.template-card small{color:var(--muted);font-size:13px;line-height:1.34}
.template-check{width:24px;height:24px;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;color:transparent;flex:none}
.template-check .icon{width:15px;height:15px}
.template-card:has(input:checked) .template-check{border-color:var(--accent);background:var(--accent);color:#fff}
.grouped-form-card{gap:18px}
.primary-details-card{padding:17px}
.editor-disclosure{margin-top:12px;overflow:hidden}
.editor-disclosure>summary{min-height:68px;padding:10px 14px;display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;background:var(--surface)}
.editor-disclosure>summary::-webkit-details-marker{display:none}
.editor-disclosure>summary>span:nth-child(2){min-width:0;display:grid;gap:2px;flex:1}
.editor-disclosure>summary strong{font-size:16px;font-weight:620}
.editor-disclosure>summary small{color:var(--muted);font-size:13px}
.summary-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.summary-icon .icon{width:20px;height:20px}
.summary-chevron{width:18px;height:18px;color:var(--subtle);transition:transform .18s ease}
.editor-disclosure[open] .summary-chevron,.expandable[open] .summary-chevron{transform:rotate(90deg)}
.editor-disclosure-body{padding:4px 16px 18px;border-top:1px solid var(--hairline)}
.appearance-editor-body{padding:4px 16px 18px;border-top:1px solid var(--hairline);display:grid;gap:22px}
.appearance-editor-body fieldset{padding-top:15px}
.choice-row{display:flex;flex-wrap:wrap;gap:8px}
.choice-row.icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.icon-choice,.color-choice{position:relative;display:grid;place-items:center;cursor:pointer}
.icon-choice>span{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--surface-muted);color:var(--muted);border:1px solid transparent;transition:background .14s ease,color .14s ease,box-shadow .14s ease}
.icon-choice>span .icon{width:23px;height:23px}
.icon-choice:has(input:checked)>span{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:0 0 0 2px var(--accent)}
.choice-row.colors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.color-choice .swatch{width:34px;height:34px;border-radius:50%;display:block;background:var(--accent);border:4px solid var(--surface)}
.color-choice:has(input:checked) .swatch{box-shadow:0 0 0 2px var(--accent),0 0 0 5px var(--surface)}
.module-choices{padding:0;overflow:hidden}
.module-choices>label{display:block;position:relative;border-bottom:1px solid var(--hairline)}
.module-choices>label:last-child{border-bottom:0}
.module-choices label>span{min-height:72px;padding:10px 14px;display:flex;align-items:center;gap:12px;color:var(--muted);cursor:pointer}
.module-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.module-icon .icon{width:20px;height:20px}
.module-copy{min-width:0;display:grid!important;gap:2px;flex:1}
.module-choices strong{color:var(--text);font-size:16px;font-weight:620}
.module-choices small{font-size:13px;line-height:1.3}
.module-switch{width:51px;height:31px;padding:2px;border-radius:999px;display:flex!important;align-items:center;background:var(--surface-strong);flex:none;transition:background .16s ease}
.module-switch>span{width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s ease}
.module-choices label:has(input:checked) .module-switch{background:var(--accent)}
.module-choices label:has(input:checked) .module-switch>span{transform:translateX(20px)}
.editor-hint{margin:13px 4px 0;color:var(--muted);font-size:14px;text-align:center}
.sticky-actions{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1.45fr;gap:10px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));margin:0;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--hairline);box-shadow:0 -6px 24px rgba(0,0,0,.055);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
.editor-actions>*[hidden]{display:none!important}
.editor-form[data-current-step="2"] .editor-actions,.editor-form[data-current-step="3"] .editor-actions{grid-template-columns:1fr 1.45fr}

/* Settings and authentication */
.settings-stack{display:grid;gap:14px}
.settings-card{padding:17px;border-radius:16px}
.settings-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.settings-title>.icon{width:21px;height:21px;margin-top:1px;color:var(--accent)}
.settings-title h2{margin:0;font-size:18px;font-weight:650}
.settings-title p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.35}
.appearance-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.appearance-options label{position:relative}
.appearance-options input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.appearance-options label span{min-height:46px;border-radius:11px;display:grid;place-items:center;background:var(--surface-strong);font-size:13px;font-weight:600;cursor:pointer}
.appearance-options label:has(input:checked) span{background:var(--accent);color:#fff}
.appearance-options .button{grid-column:1/-1;margin-top:4px}
.backup-actions{display:grid;gap:10px}
.warning-copy,.legal-warning{padding:12px 13px;border-radius:12px;background:var(--warning-soft);color:var(--warning);font-size:13px;line-height:1.4}
.settings-links{overflow:hidden}
.settings-links a{min-height:60px;padding:0 16px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px}
.settings-links a:last-child{border-bottom:0}
.settings-links a>span{display:flex;align-items:center;gap:11px}
.settings-links a>.icon{width:18px;color:var(--subtle)}
.logout-form{margin-top:4px}
.archive-list{display:grid;gap:10px}
.archive-row{padding:14px;border-radius:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.archive-row>div:nth-child(2){display:grid}
.archive-row small{color:var(--muted)}
.archive-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.legal-card{padding:20px;border-radius:16px;line-height:1.65}
.legal-card h2,.legal-card h3{letter-spacing:-.02em}
.legal-card p{color:var(--muted)}
.auth-body{min-height:100vh;padding:calc(28px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));display:grid;place-items:center;background:var(--bg)}
.auth-shell{width:min(100%,430px)}
.auth-brand{margin:0 0 18px 4px}
.auth-card{padding:22px;border:1px solid var(--hairline);border-radius:22px;background:var(--surface);box-shadow:none}
.auth-card .page-heading h1{font-size:36px}
.auth-links{margin-top:17px;display:flex;justify-content:space-between;gap:10px;color:var(--accent);font-size:14px;font-weight:600}

/* Feedback */
.toast{margin:0 0 13px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:600}
.toast.success{background:var(--success-soft);color:var(--success)}
.toast.warning{background:var(--warning-soft);color:var(--warning)}
.toast.error{background:var(--danger-soft);color:var(--danger)}
.toast-container{position:fixed;z-index:220;left:16px;right:16px;bottom:calc(var(--tabbar-height) + 12px + env(safe-area-inset-bottom));display:grid;justify-items:center;pointer-events:none}
.toast-container .toast{max-width:420px;background:color-mix(in srgb,var(--text) 92%,transparent);color:var(--bg);box-shadow:var(--shadow-float);animation:toast-in .2s ease}
.editor-route .toast-container{bottom:calc(86px + env(safe-area-inset-bottom))}
.debug{max-width:100%;text-align:left}
.debug pre{max-height:300px;overflow:auto;padding:12px;border-radius:12px;background:var(--surface-muted);font-size:11px}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:374px){
  .main-content{padding-left:14px;padding-right:14px}
  .editor-route .main-content{padding-left:14px;padding-right:14px}
  .editor-navbar{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .context-header{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .segments a{padding:0 5px;font-size:12px}
  .wizard-progress-item{width:54px}
  .wizard-progress-item small{font-size:10px}
  .sticky-actions{padding-left:14px;padding-right:14px}
  .choice-row.icons{gap:7px}
  .icon-choice>span{width:46px;height:46px}
}

@media(min-width:520px){
  .main-content{padding-left:24px;padding-right:24px}
  .editor-route .main-content{padding-left:24px;padding-right:24px}
  .editor-navbar{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
  .context-header{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
  .context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .all-contexts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-add{grid-template-columns:minmax(0,1fr) 160px 44px;align-items:center}
  .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid.postal{grid-template-columns:130px minmax(0,1fr)}
  .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info-card.wide{grid-column:1/-1}
  .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sticky-actions{left:50%;right:auto;width:min(680px,calc(100% - 32px));transform:translateX(-50%);bottom:10px;border:1px solid var(--hairline);border-radius:17px;padding:9px;box-shadow:var(--shadow-float)}
}

@media(min-width:768px){
  .bottom-nav,.floating-create,.mobile-brand{display:none}
  .sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 16px;display:flex;flex-direction:column;border-right:1px solid var(--hairline);background:var(--surface)}
  .brand{padding:0 8px;margin-bottom:32px}
  .side-nav{display:grid;gap:5px}
  .side-nav a{min-height:47px;padding:0 13px;border-radius:12px;display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:600}
  .side-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:650}
  .side-nav .icon{width:20px;height:20px}
  .sidebar-create{min-height:48px;margin-top:auto;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#fff;font-weight:650}
  .app-frame{margin-left:var(--sidebar)}
  .topbar{height:66px;padding:0 28px;background:var(--bg)}
  .desktop-context-link{display:block}
  .main-content{min-height:calc(100vh - 66px);padding:26px 32px 60px}
  .editor-route .sidebar{display:flex}
  .editor-route .app-frame{margin-left:var(--sidebar)}
  .editor-route .topbar{display:flex!important}
  .editor-route .main-content{min-height:calc(100vh - 66px);padding:0 32px 80px}
  .editor-navbar{position:relative;top:auto;min-height:58px;margin:0 0 28px;padding:0;border-bottom:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .editor-navbar-action{background:var(--surface-strong)}
  .editor-navbar-title strong{font-size:18px}
  .editor-navbar-title small{font-size:12px}
  .context-header{margin-top:-26px}
  .segments{top:8px}
  .desktop-only{display:inline-flex}
  .mobile-only{display:none}
  .toast-container{bottom:25px}
  .context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .all-contexts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-heading.home-heading{margin-top:22px}
  .sticky-actions{position:sticky;left:auto;right:auto;bottom:12px;width:100%;transform:none;margin:18px 0 0}
}

@media(min-width:1024px){
  :root{--sidebar:252px}
  .main-content{padding-left:42px;padding-right:42px}
  .editor-route .main-content{padding-left:42px;padding-right:42px}
  .context-header{margin-left:-42px;margin-right:-42px;padding-left:42px;padding-right:42px}
  .context-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .all-contexts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .form-card,.settings-card{padding:20px}
  .archive-row{grid-template-columns:auto minmax(0,1fr) auto}
  .archive-actions{grid-column:auto;display:flex}
}

@media(min-width:1280px){
  .all-contexts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Compact visual template chooser on phones */
@media(max-width:519px){
  .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .template-card{min-height:108px;padding:13px;flex-direction:column;align-items:flex-start;gap:8px}
  .template-card .template-icon{width:40px;height:40px;border-radius:12px}
  .template-card .template-icon .icon{width:21px;height:21px}
  .template-copy{margin-top:auto;padding-right:20px;gap:0}
  .template-card strong{font-size:14px;line-height:1.22}
  .template-card small{display:none}
  .template-check{position:absolute;right:11px;top:11px;width:21px;height:21px}
}

/* Cleaner context detail chrome and aligned editable rows */
.context-detail-route .topbar{display:none}
.context-detail-route .main-content{min-height:100vh;padding-top:calc(10px + env(safe-area-inset-top))}
.detail-list>div{grid-template-columns:minmax(92px,.75fr) minmax(0,1.25fr) auto}
.detail-list .row-menu{justify-self:end}
.link-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.link-list>div>a{min-width:0}
.link-list .row-menu{justify-self:end}
@media(min-width:768px){
  .context-detail-route .topbar{display:flex}
  .context-detail-route .main-content{min-height:calc(100vh - 66px);padding-top:26px}
}
.context-detail-route .floating-create{display:none!important}

/* Route-independent safeguard: the editor never shares the global mobile chrome. */
body:has(.editor-form) .topbar,
body:has(.editor-form) .bottom-nav,
body:has(.editor-form) .floating-create{display:none!important}
body:has(.editor-form) .main-content{width:100%;max-width:none;min-height:100vh;padding:0 18px calc(108px + env(safe-area-inset-bottom))}
@media(max-width:374px){body:has(.editor-form) .main-content{padding-left:14px;padding-right:14px}}
@media(min-width:520px){body:has(.editor-form) .main-content{padding-left:24px;padding-right:24px}}
@media(min-width:768px){body:has(.editor-form) .main-content{min-height:100vh;padding:0 32px 80px}}
@media(min-width:1024px){body:has(.editor-form) .main-content{padding-left:42px;padding-right:42px}}

/* 1.2.1 – ruhige Abstände und Menüs außerhalb der Karten */
.menu-scrim{
  position:fixed;
  z-index:175;
  inset:0;
  background:rgba(20,20,24,.18);
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
  touch-action:none;
}

html[data-theme="dark"] .menu-scrim{background:rgba(0,0,0,.42)}
@media(prefers-color-scheme:dark){html[data-theme="system"] .menu-scrim{background:rgba(0,0,0,.42)}}
.menu.floating-popover[open],.row-menu.floating-popover[open]{z-index:190}
.menu-host-open{position:relative;z-index:190;overflow:visible!important}
.menu.floating-popover .menu-popover,.row-menu.floating-popover .row-popover{
  position:fixed;
  z-index:191;
  left:var(--popover-left,auto);
  top:var(--popover-top,auto);
  right:auto;
  bottom:auto;
  max-width:calc(100vw - 24px);
  max-height:var(--popover-max-height,calc(100vh - 24px));
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.row-menu.floating-popover .row-popover{
  width:min(330px,calc(100vw - 24px));
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:18px;
}
.row-menu.floating-popover[open]>summary,.menu.floating-popover[open]>summary{
  background:var(--surface-strong);
  color:var(--text);
}
.row-popover .move-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding-top:2px;
}
.row-popover .move-actions form,.row-popover .move-actions .button{width:100%}
.row-popover>.button.danger{margin-top:0}
.task-row .row-menu>summary,.checklist-row .row-menu>summary,.note-card .row-menu>summary,.note-row .row-menu>summary{
  background:transparent;
  color:var(--muted);
}
.task-row .row-menu>summary:active,.checklist-row .row-menu>summary:active,.note-card .row-menu>summary:active,.note-row .row-menu>summary:active{
  background:var(--surface-strong);
  color:var(--text);
}


@media(max-width:767px){
  .row-menu.floating-popover .row-popover{
    left:14px!important;
    right:14px!important;
    top:auto!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    width:auto;
    max-width:none;
    max-height:calc(100vh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    padding:24px 16px 16px;
    border-radius:22px;
    box-shadow:0 18px 56px rgba(0,0,0,.25);
  }
  .row-menu.floating-popover .row-popover::before{
    content:"";
    position:absolute;
    top:8px;
    left:50%;
    width:36px;
    height:4px;
    border-radius:999px;
    transform:translateX(-50%);
    background:var(--line);
  }
  .menu.floating-popover .menu-popover{max-width:calc(100vw - 28px)}
}

/* 1.3 – gezielte Verdichtung der Kontext- und Startansichten */
.context-summary{
  margin-bottom:24px;
  border:1px solid var(--hairline);
  border-radius:16px;
  background:var(--surface);
  overflow:hidden;
}
.context-summary-row{
  min-height:78px;
  padding:13px 14px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  border-top:1px solid var(--hairline);
}
.context-summary-row:first-child{border-top:0}
.context-summary-row>.icon{width:18px;height:18px;color:var(--subtle)}
.summary-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:var(--surface-muted);
  color:var(--accent);
}
.summary-icon .icon{width:18px;height:18px}
.summary-copy{min-width:0;display:grid;gap:2px}
.summary-copy small{color:var(--muted);font-size:12px;font-weight:560}
.summary-copy strong{font-size:16px;line-height:1.35;font-weight:610;overflow-wrap:anywhere}
.summary-copy>span{color:var(--muted);font-size:13px;line-height:1.35}
.summary-copy em{margin-top:2px;color:var(--accent);font-size:13px;font-style:normal;font-weight:560}
.summary-note-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.progress-native.compact{height:5px;margin-top:7px}

.more-information{
  margin-top:24px;
  border:1px solid var(--hairline);
  border-radius:16px;
  background:var(--surface);
}
.more-information>summary{
  min-height:62px;
  padding:10px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
}
.more-information>summary::-webkit-details-marker{display:none}
.more-information>summary>span{min-width:0;display:grid;gap:2px}
.more-information>summary strong{font-size:16px;font-weight:620}
.more-information>summary small{color:var(--muted);font-size:13px;font-weight:480}
.more-information>summary>.icon{width:18px;height:18px;color:var(--subtle);transition:transform .16s ease}
.more-information[open]>summary>.icon{transform:rotate(180deg)}
.more-information[open]>summary{border-bottom:1px solid var(--hairline)}
.more-information-body{padding:0 15px 15px}
.more-info-section{padding:17px 0;border-top:1px solid var(--hairline)}
.more-info-section:first-child{border-top:0}
.more-info-heading{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.more-info-heading>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface-muted);color:var(--accent)}
.more-info-heading .icon{width:16px;height:16px}
.more-info-heading h2{margin:0;font-size:15px;font-weight:620;letter-spacing:-.012em}
.address-block{padding-left:37px}
.address-block>strong{display:block;font-size:16px;font-weight:600;line-height:1.4}
.address-block p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.inline-actions{display:flex;flex-wrap:wrap;gap:4px 15px;margin-top:10px}
.text-action{min-height:44px;display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:14px;font-weight:560}
.text-action .icon{width:17px;height:17px}
.muted-action{color:var(--muted)}
.mini-action.quiet{background:transparent;color:var(--muted)}
.information-link-row{min-height:54px;padding-left:37px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.information-link-row>span{min-width:0;display:grid;gap:2px}
.information-link-row strong{font-size:16px;font-weight:600}
.information-link-row small{color:var(--muted);font-size:13px}
.information-link-row>.icon{width:18px;height:18px;color:var(--subtle)}
.more-info-actions{padding-top:10px;border-top:1px solid var(--hairline);display:grid;gap:2px}
.more-info-actions .inline-editor>summary{min-height:46px}
.more-info-actions .add-form{margin:4px 0 12px;background:var(--surface-muted);border:0}

.add-entry{margin-bottom:18px}
.add-entry[open]{margin-bottom:20px}
.add-form{
  margin-top:10px;
  border:1px solid var(--hairline);
  border-radius:14px;
  background:var(--surface);
  box-shadow:none;
}
.quick-add.add-form{grid-template-columns:1fr;gap:10px;padding:14px}
.form-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px}
.form-actions .button{width:100%}
.secondary-editor{margin-top:14px}
.secondary-editor>summary{color:var(--muted);font-size:15px}
.secondary-editor>summary .icon{width:19px;height:19px}

.group-manager{margin-top:14px;border-top:1px solid var(--hairline)}
.group-manager>summary{min-height:58px;padding:5px 2px;justify-content:space-between;color:var(--text)}
.group-manager>summary>.icon{width:18px;height:18px;color:var(--subtle);transition:transform .16s ease}
.group-manager[open]>summary>.icon{transform:rotate(180deg)}
.group-manager-copy{min-width:0;display:grid;gap:2px}
.group-manager-copy strong{font-size:15px;font-weight:600}
.group-manager-copy small{color:var(--muted);font-size:13px;font-weight:480}
.group-manager-body{padding:2px 0 4px}
.group-manager-help{margin:0 0 13px;color:var(--muted);font-size:14px;line-height:1.45}
.group-manager-list{margin-bottom:14px;border-top:1px solid var(--hairline)}
.group-manager-row{min-height:60px;padding:8px 0;border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:12px}
.group-manager-row>span{min-width:0;display:grid;gap:2px}
.group-manager-row strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}
.group-manager-row small{color:var(--muted);font-size:13px}
.group-manager-row .button{min-height:44px;flex:none}
.group-manager-create{margin:0;padding:14px;background:var(--surface-muted);border:0}
.group-manager-create label,.quick-group-select{display:grid;gap:8px;font-size:14px;font-weight:610}
.quick-group-select>span{display:flex;align-items:baseline;justify-content:space-between;gap:10px}

.completed-block{margin-top:16px}
.completed-block>summary{
  min-height:48px;
  padding:0 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--muted);
  font-size:15px;
  font-weight:540;
  cursor:pointer;
  list-style:none;
}
.completed-block>summary::-webkit-details-marker{display:none}
.completed-action{color:var(--accent);font-weight:560}
.completed-block[open]>summary{margin-bottom:8px}
.completed-block>.card-surface{margin-bottom:2px}

.tab-section{margin-bottom:36px}
.tab-section>.tab-heading{margin:2px 0 17px}
.tab-section>.progress-native.large{margin:0 0 16px}
.tab-section>.checklist+.completed-block,
.tab-section>.task-list+.completed-block{margin-top:16px}
.task-row{padding:12px 13px;gap:9px}
.checklist-row{padding:9px 10px;gap:7px}
.list-group-title{padding:14px 13px 7px;font-weight:600}

.notes-heading{display:grid;justify-content:stretch;gap:12px}
.notes-heading>div{display:grid;gap:1px}
.notes-heading .back-link{width:max-content}
.notes-list{overflow:visible}
.note-row{padding:16px;border-top:1px solid var(--hairline)}
.note-row:first-child{border-top:0}
.note-row-head{min-height:44px;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.note-row-head>small{min-width:0;flex:1;color:var(--muted);font-size:12px}
.note-row .note-content{line-height:1.55}

@media(max-width:374px){
  .context-summary-row{padding-left:12px;padding-right:10px;gap:9px}
  .more-information>summary,.more-information-body{padding-left:13px;padding-right:13px}
  .task-row .important-label{padding-left:6px;padding-right:6px;font-size:10px}
  .form-actions{grid-template-columns:1fr}
}

@media(min-width:520px){
  .form-actions{display:flex;justify-content:flex-end}
  .form-actions .button{width:auto;min-width:130px}
  .context-summary{max-width:100%}
}

/* 1.4 – Liste und Aufgaben unter dem gemeinsamen Bereich „Plan“ */
.context-segments a{max-width:none}
.plan-view{display:grid;gap:14px}
.plan-disclosure{scroll-margin-top:72px}
.plan-disclosure>summary{
  min-height:104px;
  padding:15px 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 22px;
  align-items:center;
  gap:12px;
  border:1px solid var(--hairline);
  border-radius:16px;
  background:var(--surface);
  cursor:pointer;
  list-style:none;
}
.plan-disclosure>summary::-webkit-details-marker{display:none}
.plan-disclosure>summary>.icon{width:19px;height:19px;color:var(--subtle);transition:transform .16s ease}
.plan-disclosure[open]>summary>.icon{transform:rotate(90deg)}
.plan-summary-copy{min-width:0;display:grid;gap:2px}
.plan-summary-copy small{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.045em;text-transform:uppercase}
.plan-summary-copy strong{font-size:19px;line-height:1.3;font-weight:650;letter-spacing:-.018em}
.plan-summary-copy>span{color:var(--muted);font-size:14px;line-height:1.35}
.plan-summary-copy em{margin-top:4px;color:var(--text);font-size:14px;line-height:1.35;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-section-body{padding:18px 0 4px}
.plan-toolbar{min-height:44px;margin:-8px 0 4px;display:flex;align-items:center;justify-content:flex-end}
.plan-section-body>.progress-native.large{margin:0 0 16px}
.plan-section-body>.add-entry{margin-bottom:18px}
@media(max-width:430px){
  .plan-view{gap:12px}
  .plan-disclosure>summary{min-height:100px;padding:14px}
  .plan-summary-copy strong{font-size:18px}
  .plan-section-body{padding-top:16px}
}

/* v1.5.1: progressive forms, locale switch and simple pagination */
.inline-action-form{display:inline-flex;align-items:center;margin:0;flex:none}
.inline-action-form .check-button,.inline-action-form .mini-action{margin:0}
.language-switch{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.language-switch a{min-width:44px;min-height:44px;padding:0 10px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;font-weight:650;text-decoration:none}
.language-switch a.active{background:var(--surface-strong);color:var(--accent)}
.auth-utility{display:flex;justify-content:flex-end;margin-bottom:4px}
.pagination{margin:28px 0 8px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.pagination>span{color:var(--muted);font-size:14px}
.search-limit-notice{margin:0 0 14px;color:var(--muted);font-size:14px}
.field-help{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:450;line-height:1.4}
.group-manager-row-editable{align-items:center;flex-wrap:wrap}
.group-rename-form{min-width:min(100%,250px);flex:1;display:flex;align-items:center;gap:8px}
.group-rename-form input{min-width:0;min-height:44px;flex:1}
.group-item-count{color:var(--muted);font-size:13px;white-space:nowrap}
@media(max-width:560px){.group-manager-row-editable{align-items:stretch}.group-rename-form{flex-basis:100%}.group-item-count{display:flex;align-items:center;min-height:44px}}

/* v1.6.0 – Bereiche und globale Personenübersicht */
.search-shortcuts{margin:10px 0 26px;display:grid;overflow:hidden;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface)}
.search-shortcuts>a{min-height:68px;padding:12px 15px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:12px;color:var(--muted)}
.search-shortcuts>a:last-child{border-bottom:0}
.search-shortcuts>a:hover{background:var(--surface-muted)}
.search-shortcuts>a>span{min-width:0;display:grid;flex:1}
.search-shortcuts strong{color:var(--text);font-size:16px;font-weight:620}
.search-shortcuts small{font-size:13px;white-space:normal}
.search-shortcuts>a>.icon:last-child{width:18px;height:18px;color:var(--subtle)}
.search-area-label{margin-top:-5px;color:var(--muted)!important;font-size:12px!important}

.area-context-groups{display:grid;gap:30px}
.area-context-group>.section-heading{margin-bottom:10px}
.area-context-group>.section-heading h2{font-size:18px}
.area-context-group>.section-heading>span{color:var(--muted);font-size:13px}

.management-list,.people-list,.person-detail,.person-context-detail-list{overflow:visible}
.management-row{min-height:72px;padding:0 10px 0 14px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:8px}
.management-row:last-child{border-bottom:0}
.management-main{min-width:0;min-height:72px;display:flex;align-items:center;gap:12px;flex:1}
.management-main>span:nth-child(2){min-width:0;display:grid;gap:2px}
.management-main strong{font-size:16px;font-weight:620;overflow-wrap:anywhere}
.management-main small{color:var(--muted);font-size:13px}
.management-icon,.person-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface-muted);color:var(--accent);flex:none}
.management-icon .icon,.person-avatar .icon{width:19px;height:19px}
.area-create{margin-bottom:18px}
.area-detail-heading{align-items:flex-start}
.area-detail-heading>div{min-width:0;flex:1}
.area-detail-heading>.menu{flex:none}
.area-detail-actions{margin:-8px 0 22px;display:flex;justify-content:flex-end}
.menu-popover form label{display:grid;gap:7px;padding:7px 6px;font-size:13px;font-weight:600}
.menu-popover form input{width:100%;min-height:44px}
.menu-popover form>.button{margin-top:5px}
.secondary-help{padding-top:10px;border-top:1px solid var(--hairline)}

.selection-form{overflow:hidden}
.selection-row{min-height:64px;padding:10px 14px;border-bottom:1px solid var(--hairline);display:grid;grid-template-columns:22px minmax(0,1fr) 24px;align-items:center;gap:12px;cursor:pointer}
.selection-row>input{width:20px;height:20px;margin:0;accent-color:var(--accent)}
.selection-row>span:nth-child(2){min-width:0;display:grid;gap:2px}
.selection-row strong{font-size:16px;font-weight:610;overflow-wrap:anywhere}
.selection-row small{color:var(--muted);font-size:13px}
.selection-check{color:var(--accent);opacity:0}
.selection-row:has(input:checked){background:var(--accent-soft)}
.selection-row:has(input:checked) .selection-check{opacity:1}
.selection-actions{padding:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.7fr);gap:9px}
.selection-actions .button{width:100%}

.people-search{margin-bottom:18px}
.person-global-row{padding:14px 15px;border-bottom:1px solid var(--hairline)}
.person-global-row:last-child{border-bottom:0}
.person-global-main{min-height:50px;display:flex;align-items:center;gap:12px}
.person-global-copy{min-width:0;display:grid;gap:2px;flex:1}
.person-global-copy strong{font-size:17px;font-weight:630;overflow-wrap:anywhere}
.person-global-copy small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.person-global-main>.icon{width:18px;height:18px;color:var(--subtle)}
.person-contact-actions{padding:8px 0 0 50px;display:flex;flex-wrap:wrap;gap:4px 14px}
.person-contact-actions a{min-height:44px;min-width:0;display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:14px}
.person-contact-actions a span{overflow-wrap:anywhere}
.person-contact-actions .icon{width:17px;height:17px}
.person-context-links{margin:6px 0 0 50px;display:grid}
.person-context-links a{min-height:44px;padding:7px 0;border-top:1px solid var(--hairline);display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.person-context-links strong{font-size:14px;font-weight:580;overflow-wrap:anywhere}
.person-context-links small{color:var(--muted);font-size:12px;overflow-wrap:anywhere;text-align:right}
.person-detail-heading>div{min-width:0}
.person-detail-row{min-height:66px;padding:10px 14px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:12px}
.person-detail-row:last-child{border-bottom:0}
.person-detail-row>span:nth-child(2){min-width:0;display:grid;gap:2px;flex:1}
.person-detail-row small{color:var(--muted);font-size:12px}
.person-detail-row strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.person-detail-row>.icon{width:18px;height:18px;color:var(--subtle)}
.person-detail-row.static{align-items:flex-start}
.person-context-detail-row{padding:12px 14px;border-bottom:1px solid var(--hairline)}
.person-context-detail-row:last-child{border-bottom:0}
.person-context-detail-row>a:first-child{min-height:54px;display:flex;align-items:center;gap:11px}
.person-context-detail-row>a:first-child>span:nth-child(2){min-width:0;display:grid;gap:2px;flex:1}
.person-context-detail-row strong{font-size:16px;font-weight:610;overflow-wrap:anywhere}
.person-context-detail-row small{color:var(--muted);font-size:13px}
.person-context-detail-row>a:first-child>.icon{width:18px;height:18px;color:var(--subtle)}
.person-context-detail-row>.text-action{margin-left:49px}


.person-direct-actions{margin:0 0 14px;display:flex;gap:8px;flex-wrap:wrap}
.person-direct-actions .button{min-width:0;flex:1}
@media(max-width:430px){.person-direct-actions{display:grid;grid-template-columns:1fr 1fr}.person-direct-actions .button{width:100%;padding-left:10px;padding-right:10px}}

@media(max-width:430px){
  .selection-actions{grid-template-columns:1fr}
  .person-contact-actions,.person-context-links{margin-left:0;padding-left:50px}
  .area-detail-actions .button{width:100%}
}

/* Kontext Manager v1.7.0: focused runs, personal templates, inbox and activations */
.context-primary-action{max-width:760px;margin:-10px auto 18px;padding:0 2px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.context-primary-action form{margin:0}.context-primary-action small{color:var(--muted)}
.start-context-button{background:var(--surface);border-color:var(--hairline-strong)}
.run-header{max-width:820px;margin:0 auto 22px;padding:18px;border-radius:24px;background:var(--surface);border:1px solid var(--hairline);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}
.run-heading{display:flex;align-items:center;gap:13px;min-width:0}.run-heading>div{min-width:0}.run-heading h1{font-size:clamp(24px,5vw,36px);line-height:1.05;margin:2px 0 5px;overflow-wrap:anywhere}.run-heading p{margin:0;color:var(--muted)}
.quiet-finish{align-self:center}.run-stack{max-width:820px;margin:0 auto;display:grid;gap:24px}.run-section{display:grid;gap:10px}.run-section>h2{font-size:18px;margin:0 2px}.run-section .card-surface{overflow:visible}.calm-card{padding:16px;border:1px solid var(--hairline);border-radius:18px;background:var(--surface);align-items:start}.calm-card p{margin:0;color:var(--muted)}
.run-bottom-action{max-width:820px;margin:28px auto 0;padding-bottom:calc(26px + env(safe-area-inset-bottom))}.compact-row-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.finish-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden;margin-bottom:18px}.finish-summary>div{padding:16px;border-bottom:1px solid var(--hairline);display:grid;gap:4px}.finish-summary>div:nth-child(odd){border-right:1px solid var(--hairline)}.finish-summary span{font-size:13px;color:var(--muted)}.finish-summary strong{font-size:18px;overflow-wrap:anywhere}.finish-form{margin-top:0}.info-copy,.privacy-note{padding:12px 14px;border-radius:14px;background:var(--surface-muted);color:var(--muted);font-size:14px;line-height:1.45}.privacy-note{display:flex;align-items:flex-start;gap:8px}.privacy-note .icon{width:18px;height:18px;flex:none}
.module-form fieldset{border:0;padding:0;margin:8px 0;display:grid;gap:0}.module-form legend{font-weight:650;margin-bottom:8px}.choice-row{min-height:52px;padding:8px 2px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:12px}.choice-row input{width:20px;height:20px;accent-color:var(--accent);flex:none}.choice-row>span{display:grid;gap:2px}.choice-row small{color:var(--muted);font-weight:400}.nested-choice{margin-top:8px;padding-left:18px;border-bottom:0;background:var(--surface-muted);border-radius:12px}
.template-list{display:grid;gap:12px}.template-card{padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.template-card h2{margin:0 0 5px;font-size:18px}.template-card p{margin:0 0 7px;color:var(--muted)}.template-card small{color:var(--subtle)}.template-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.template-actions details{margin:0}
.personal-template-entry{max-width:760px;margin:10px auto 0;padding:0 18px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);font-weight:600}
.quick-capture-form{padding:16px;display:grid;gap:14px}.capture-field{display:grid;gap:10px}.capture-field>span{font-size:18px;font-weight:650}.capture-field textarea{min-height:180px;font-size:18px;line-height:1.45}.capture-options{border-top:1px solid var(--hairline);padding-top:6px}.capture-options>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600}.capture-options>summary .icon{width:18px;height:18px}.capture-options[open]>summary .icon{transform:rotate(180deg)}
.inbox-list{display:grid;gap:10px}.inbox-row{padding:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.inbox-copy{min-width:0}.inbox-copy h2{font-size:17px;margin:6px 0;overflow-wrap:anywhere}.inbox-copy p{margin:0;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}.inbox-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--subtle);font-size:12px}.inbox-meta span{padding:3px 7px;border-radius:999px;background:var(--surface-muted)}.inbox-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.inbox-preview>a{min-height:64px;padding:10px 14px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:12px}.inbox-preview>a:last-of-type{border-bottom:0}.inbox-preview>a>span{min-width:0;display:grid;gap:3px}.inbox-preview strong{overflow-wrap:anywhere}.inbox-preview small{color:var(--muted)}.inbox-preview>p{margin:0;padding:10px 14px;color:var(--muted);font-size:13px}
.active-context-list{overflow:visible}.active-context-row{min-height:72px;padding:11px 14px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:12px}.active-context-row:last-child{border-bottom:0}.active-context-row>span:nth-child(2){min-width:0;display:grid;gap:3px;flex:1}.active-context-row strong{font-size:16px;overflow-wrap:anywhere}.active-context-row small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.active-context-row>b{font-size:13px;color:var(--accent)}.context-row-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.context-row-actions form{margin:0}
.activation-form .field-help{overflow-wrap:anywhere}.standalone-danger{margin-top:14px}.quick-choice{overflow:hidden}.quick-choice>a{min-height:78px;padding:12px 15px;border-bottom:1px solid var(--hairline);display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px}.quick-choice>a:last-child{border-bottom:0}.quick-choice>a>span:nth-child(2){display:grid;gap:3px}.quick-choice small{color:var(--muted)}
.quick-popover{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));z-index:80;width:min(310px,calc(100vw - 36px));padding:6px;border:1px solid var(--hairline-strong);border-radius:18px;background:var(--surface);box-shadow:0 12px 32px rgba(0,0,0,.16)}.quick-popover>a{min-height:62px;padding:10px 11px;border-radius:13px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px}.quick-popover>a:hover{background:var(--surface-muted)}.quick-popover>a>span{display:grid;gap:2px}.quick-popover small{color:var(--muted);font-size:12px}
@media(max-width:767px){.run-header{margin-top:-4px;border-radius:20px;grid-template-columns:auto 1fr}.run-header>.quiet-finish{grid-column:1/-1;width:100%}.run-stack{gap:20px}.template-card,.inbox-row{display:grid}.template-actions,.inbox-actions{justify-content:flex-start}.context-row-actions{width:100%;padding-left:50px;justify-content:flex-start}.relevant-contexts .active-context-row{flex-wrap:wrap}.run-bottom-action{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:15;padding:10px 0;background:linear-gradient(transparent,var(--bg) 35%)}}
@media(max-width:430px){.finish-summary{grid-template-columns:1fr}.finish-summary>div:nth-child(odd){border-right:0}.active-context-row{align-items:flex-start}.active-context-row>b{align-self:center}.context-row-actions{padding-left:0}.module-form .form-actions{grid-template-columns:1fr}.template-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.template-actions>*{width:100%}.inbox-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}
.run-route .sidebar,.run-route .topbar{display:none}.run-route .app-frame{margin-left:0}.run-route .main-content{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:24px}
.subtle-link{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);font-size:13px;font-weight:560}
.activation-list-section{margin-top:24px}.activation-list{overflow:visible}.activation-list-row{min-height:68px;padding:11px 14px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:14px}.activation-list-row:last-child{border-bottom:0}.activation-list-row>span{min-width:0;display:grid;gap:3px}.activation-list-row strong{font-size:15px;overflow-wrap:anywhere}.activation-list-row small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.activation-list-row .row-actions{flex:none;display:flex;align-items:center;gap:7px}.activation-list-row form{margin:0}
@media(max-width:430px){.activation-list-row{align-items:flex-start;flex-direction:column}.activation-list-row .row-actions{width:100%;justify-content:flex-start}.activation-list-row .button{flex:1}}

/* v1.7.1 – focused frontend and UX refinement */
.context-header{
  max-width:820px;
  margin:-16px auto 0;
  padding:10px 0 22px;
}
.context-header-top{margin-bottom:12px}
.context-title-row{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:start;
  gap:14px;
}
.context-title-copy{min-width:0;padding-top:2px}
.context-title-copy .eyebrow{margin-bottom:5px!important}
.context-description{max-width:680px;margin-top:7px!important}
.context-action-row{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-top:18px;
}
.context-action-row form{margin:0}
.context-main-action,.context-edit-action{min-height:46px}
.context-main-action{min-width:154px}
.context-edit-action{background:transparent}
.context-activation-note{
  min-height:40px;
  margin-top:3px;
  display:inline-flex;
  align-items:center;
  color:var(--muted);
  font-size:13px;
  font-weight:560;
}
.context-primary-action{display:none}
.context-segments{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.context-segments::-webkit-scrollbar{display:none}
.context-segments a{
  min-width:max-content;
  min-height:44px;
  padding:0 18px;
  display:grid;
  place-items:center;
  white-space:nowrap;
}

/* Calm long-form pages and persistent primary action */
.ux-page-heading,.ux-long-form,.finish-dialog,.assignment-source{max-width:760px;margin-left:auto;margin-right:auto}
.ux-page-heading{margin-bottom:18px}
.ux-page-heading h1{font-size:clamp(30px,8vw,43px)}
.ux-long-form{padding:18px;gap:18px}
.ux-long-form>.form-intro{margin:-3px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.ux-form-route .main-content{padding-bottom:calc(var(--tabbar-height) + 150px + env(safe-area-inset-bottom))}
.sticky-form-actions{
  position:fixed;
  z-index:65;
  left:0;
  right:0;
  bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom));
  margin:0;
  padding:10px 16px;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:9px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  border-top:1px solid var(--hairline);
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
}
.sticky-form-actions .button{width:100%;min-height:48px}
.run-route .sticky-form-actions{bottom:0;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.keyboard-open .sticky-form-actions{position:static;padding:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Module selection */
.selection-helper{
  display:flex;
  align-items:center;
  gap:4px 14px;
  flex-wrap:wrap;
  padding:2px 0 7px;
  border-bottom:1px solid var(--hairline);
}
.text-button{
  min-height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--accent);
  font-size:13px;
  font-weight:620;
  cursor:pointer;
  text-align:left;
}
.danger-text{color:var(--danger)}
.module-form .module-group{margin:0;padding:0;border:0;display:grid;gap:0}
.module-form .module-group legend{margin:0 0 4px;padding:0;font-size:16px;font-weight:680}
.choice-row.clean-choice{
  min-height:54px;
  padding:9px 2px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:11px;
  border-bottom:1px solid var(--hairline);
  cursor:pointer;
}
.choice-row.clean-choice:last-child{border-bottom:0}
.choice-row.clean-choice input[type="checkbox"]{
  width:22px;
  height:22px;
  min-width:22px;
  min-height:22px;
  margin:0;
  padding:0;
  border-radius:6px;
  accent-color:var(--accent);
  -webkit-appearance:checkbox;
  appearance:auto;
}
.choice-row.clean-choice>span{min-width:0;display:grid;gap:2px;font-size:15px;font-weight:560;line-height:1.35}
.choice-row.clean-choice strong{font-weight:620}
.choice-row.clean-choice small{color:var(--muted);font-size:12px;font-weight:450;line-height:1.4}
.dependent-option{margin:4px 0 8px}
.nested-choice{padding:10px 12px!important;border:0!important;background:var(--surface-muted);border-radius:12px}
.personal-content-disclosure{
  border:1px solid var(--hairline);
  border-radius:15px;
  background:var(--surface-muted);
  overflow:hidden;
}
.personal-content-disclosure>summary{
  min-height:62px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  list-style:none;
  cursor:pointer;
}
.personal-content-disclosure>summary::-webkit-details-marker{display:none}
.personal-content-disclosure>summary>span{min-width:0;display:grid;gap:2px}
.personal-content-disclosure>summary strong{font-size:15px;font-weight:650}
.personal-content-disclosure>summary small{color:var(--muted);font-size:12px;line-height:1.35}
.personal-content-disclosure>summary>.icon{width:18px;height:18px;color:var(--muted);transition:transform .14s ease}
.personal-content-disclosure[open]>summary>.icon{transform:rotate(180deg)}
.personal-content-disclosure[open]>summary{border-bottom:1px solid var(--hairline)}
.personal-content-body{padding:2px 14px 8px;background:var(--surface)}

/* Focused run */
.run-route .main-content{
  width:min(100%,900px);
  padding:calc(12px + env(safe-area-inset-top)) 18px calc(138px + env(safe-area-inset-bottom));
}
.run-header{
  max-width:820px;
  margin:0 auto 24px;
  padding:4px 0 20px;
  border:0;
  border-bottom:1px solid var(--hairline);
  border-radius:0;
  background:transparent;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:start;
  gap:12px;
}
.run-heading{align-items:flex-start}
.run-heading .context-hero-icon{width:46px;height:46px;border-radius:14px}
.run-heading h1{margin:1px 0 5px}
.run-status-line{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.run-stack{gap:26px}
.run-section{gap:11px}
.run-section>.section-heading{margin-bottom:0}
.run-section>h2{font-size:17px}
.run-section .task-row{min-height:62px}
.run-address{gap:9px}
.run-navigation-action{width:max-content;margin-top:4px}
.run-completed-disclosure{
  border-top:1px solid var(--hairline);
  padding-top:8px;
}
.run-completed-disclosure>summary{
  min-height:50px;
  padding:0 3px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  list-style:none;
  color:var(--muted);
  font-size:14px;
  font-weight:620;
  cursor:pointer;
}
.run-completed-disclosure>summary::-webkit-details-marker{display:none}
.run-completed-body{display:grid;gap:22px;padding-top:10px}
.run-bottom-action{
  position:fixed;
  z-index:60;
  left:0;
  right:0;
  bottom:0;
  max-width:none;
  margin:0;
  padding:10px 18px calc(10px + env(safe-area-inset-bottom));
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  border-top:1px solid var(--hairline);
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
}
.run-bottom-action>div{width:min(100%,820px);margin:0 auto;display:grid;grid-template-columns:minmax(170px,auto) minmax(0,1fr);align-items:center;gap:12px}
.run-bottom-action small{color:var(--muted);font-size:12px;line-height:1.35}
.run-finish-button{min-height:48px}

/* Finish confirmation */
.finish-page-heading{max-width:700px;margin-left:auto;margin-right:auto}
.finish-dialog{max-width:700px;padding:18px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface)}
.finish-intro{margin:0 0 16px;color:var(--muted);line-height:1.45}
.finish-summary{margin:0 0 16px;border:1px solid var(--hairline);border-radius:15px;background:var(--surface-muted)}
.finish-summary>div{padding:13px 14px}
.finish-summary strong{font-size:16px}
.finish-form{display:grid;gap:14px}
.finish-reset-block{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:4px 0}
.quiet-info{display:flex;align-items:flex-start;gap:8px;margin:0;background:transparent;border:0;padding:4px 1px}
.quiet-info .icon{width:18px;height:18px;flex:none;margin-top:1px}

/* Quick capture */
.quick-capture-form{max-width:720px;margin:0 auto;padding:18px;gap:14px}
.capture-field>span{font-size:17px}
.capture-field textarea{min-height:210px;padding:15px;font-size:18px}
.capture-submit{min-height:50px}
.capture-options{padding-top:0;border-top:0}
.capture-options>summary{
  min-height:46px;
  justify-content:flex-start;
  gap:6px;
  color:var(--accent);
  font-size:14px;
  font-weight:600;
}
.capture-options>summary .icon{margin-left:auto;color:var(--muted)}
.capture-options-body{padding:8px 0 2px}
.capture-options[open]>summary{color:var(--text)}

/* Inbox */
.inbox-page-heading .section-heading{align-items:flex-end}
.inbox-groups{display:grid;gap:26px}
.inbox-group{display:grid;gap:9px}
.inbox-group-title{margin:0 3px;color:var(--muted);font-size:13px;font-weight:680;letter-spacing:.02em}
.inbox-list{gap:9px}
.inbox-row{
  min-height:112px;
  padding:15px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:14px;
}
.inbox-copy h3{margin:7px 0 4px;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.inbox-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.48;overflow-wrap:anywhere}
.inbox-meta{align-items:center}
.inbox-meta .inbox-type-badge{background:transparent;padding:0;color:var(--muted);font-weight:650}
.inbox-meta time{color:var(--subtle)}
.inbox-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.inbox-actions .button{white-space:nowrap}
.inbox-content-disclosure{margin-top:3px}
.inbox-content-disclosure>summary{display:grid;gap:5px;list-style:none;cursor:pointer;color:var(--muted);font-size:14px;line-height:1.48}
.inbox-content-disclosure>summary::-webkit-details-marker{display:none}
.text-disclosure-action{color:var(--accent);font-size:13px;font-weight:600}
.inbox-full-content{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.48;overflow-wrap:anywhere}
.compact-action-popover{gap:8px!important}
.compact-action-popover form{margin:0}
.assignment-source{padding:16px;margin-bottom:14px}
.assignment-source .section-heading{margin-bottom:10px}
.assignment-source h2{font-size:17px}
.assignment-source h3{margin:0 0 6px;font-size:18px;overflow-wrap:anywhere}
.assignment-source-body{color:var(--muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.assignment-form{gap:16px}
.assignment-preview{padding:14px;border-radius:14px;background:var(--surface-muted);display:grid;gap:5px}
.assignment-preview h2{margin:0 0 2px;font-size:14px}
.assignment-preview p{margin:0;font-size:14px;line-height:1.43}
.assignment-preview-main{font-weight:620}
.assignment-mapping{color:var(--muted)}
.assignment-warning{color:var(--warning);font-weight:600}

/* Today focus */
.focus-section{margin-top:12px;padding:16px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface)}
.focus-heading{margin-bottom:18px}
.focus-subsection{display:grid;gap:8px;margin-top:18px}
.focus-subsection:first-of-type{margin-top:0}
.focus-subsection>h3{margin:0 2px;color:var(--muted);font-size:13px;font-weight:680}
.focus-section .active-context-list{border-color:var(--hairline);background:var(--bg)}
.focus-context-row{min-height:78px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px}
.focus-context-copy{min-width:0;display:grid;gap:2px}
.focus-context-copy small{color:var(--muted);font-size:12px;line-height:1.4}
.focus-context-meta{color:var(--muted);font-size:12px;line-height:1.4}
.focus-context-actions{display:flex;align-items:center;gap:5px}
.focus-context-actions form{margin:0}
.focus-context-actions .button{white-space:nowrap}

/* Activation */
.activation-question{display:grid;gap:5px}
.activation-question h2{margin:0;font-size:19px;letter-spacing:-.02em}
.activation-question p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.visibility-options{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.activation-timezone{margin:-6px 0 0}
.activation-summary{padding:13px 14px;border-radius:14px;background:var(--surface-muted);display:grid;gap:4px}
.activation-summary h2{margin:0;font-size:13px;color:var(--muted)}
.activation-summary p{margin:0;font-size:15px;font-weight:600;line-height:1.42}
.activation-remove-secondary{max-width:760px;margin:10px auto 0;text-align:center}
.activation-list-row .row-actions{gap:5px}

/* Template management */
.template-management{max-width:900px;margin:0 auto}
.template-manage-card{padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px}
.template-manage-copy{min-width:0}
.template-manage-copy h2{margin:0 0 4px;font-size:18px;overflow-wrap:anywhere}
.template-manage-copy p{margin:0 0 6px;color:var(--muted);line-height:1.43;overflow-wrap:anywhere}
.template-manage-copy small{color:var(--subtle);font-size:12px}
.template-manage-actions{display:flex;align-items:center;gap:6px}
.template-editor-popover{width:min(390px,calc(100vw - 24px))!important}
.popover-heading{display:grid;gap:2px;padding-bottom:3px}
.popover-heading h3{margin:0;font-size:18px}
.popover-heading small{color:var(--muted);overflow-wrap:anywhere}
.template-delete-form{padding-top:4px;border-top:1px solid var(--hairline)}

/* General touch and overflow safeguards */
.menu>summary,.row-menu>summary,.icon-button,.mini-action{min-width:44px;min-height:44px}
.menu-popover a,.menu-popover button,.row-popover .button{min-height:44px}
.form-card input,.form-card select,.form-card textarea{max-width:100%}
.page-heading h1,.section-heading h1,.template-manage-copy h2,.focus-context-copy strong{overflow-wrap:anywhere}

@media(max-width:767px){
  .context-header{margin-top:-10px}
  .context-title-row{grid-template-columns:46px minmax(0,1fr);gap:12px}
  .context-title-row .context-hero-icon{width:46px;height:46px;border-radius:14px}
  .context-action-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
  .context-action-row form,.context-action-row .button{width:100%}
  .context-main-action,.context-edit-action{padding-left:12px;padding-right:12px}
  .run-bottom-action>div{grid-template-columns:1fr;gap:3px}
  .run-bottom-action small{text-align:center}
  .run-finish-button{width:100%}
  .focus-section{margin-left:-2px;margin-right:-2px;padding:14px}
  .focus-context-row{grid-template-columns:44px minmax(0,1fr);align-items:start}
  .focus-context-actions{grid-column:2;justify-content:flex-start}
  .template-manage-card{grid-template-columns:minmax(0,1fr) auto}
}

@media(max-width:430px){
  .context-header h1{font-size:30px}
  .context-action-row{grid-template-columns:1fr}
  .context-main-action,.context-edit-action{min-height:48px}
  .context-segments{margin-left:-2px;margin-right:-2px}
  .context-segments a{padding:0 15px}
  .run-route .main-content{padding-left:14px;padding-right:14px}
  .run-header{grid-template-columns:44px minmax(0,1fr);gap:8px}
  .run-heading{gap:9px}
  .run-heading .context-hero-icon{width:42px;height:42px}
  .run-heading h1{font-size:25px}
  .finish-summary{grid-template-columns:1fr 1fr}
  .finish-summary>div:nth-child(odd){border-right:1px solid var(--hairline)}
  .finish-summary>div:nth-last-child(-n+2){border-bottom:0}
  .sticky-form-actions{padding-left:12px;padding-right:12px}
  .selection-helper{gap:2px 12px}
  .inbox-page-heading .section-heading{align-items:flex-start;flex-direction:column}
  .inbox-row{grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:10px}
  .inbox-actions{align-self:start}
  .inbox-actions .button{padding-left:12px;padding-right:12px}
  .focus-context-row{grid-template-columns:40px minmax(0,1fr);padding:11px 12px}
  .focus-context-actions{grid-column:1/-1;padding-left:52px}
  .template-manage-card{grid-template-columns:minmax(0,1fr) auto}
  .template-row-menu .row-popover::after{
    content:"";
  }
}

@media(min-width:768px){
  .context-header{margin-top:-20px}
  .sticky-form-actions{
    position:sticky;
    bottom:12px;
    width:100%;
    margin:18px 0 0;
    padding:9px;
    border:1px solid var(--hairline);
    border-radius:16px;
    box-shadow:var(--shadow-float);
  }
  .ux-form-route .main-content{padding-bottom:70px}
  .run-bottom-action{padding-left:32px;padding-right:32px}
  .template-manage-card{padding:17px 18px}
}

@media(min-width:1024px){
  .template-management{max-width:980px}
  .template-editor-popover{
    width:420px!important;
    max-height:calc(100vh - 48px)!important;
  }
}

@media(max-height:560px) and (max-width:767px){
  .sticky-form-actions{position:static;margin-top:12px;padding:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .ux-form-route .main-content{padding-bottom:calc(var(--tabbar-height) + 34px + env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){
  .personal-content-disclosure>summary>.icon,.capture-options>summary .icon{transition:none!important}
}

/* v1.7.1 final mobile clarity adjustments */
@media(max-width:430px){
  .selection-helper{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 14px;
  }
  .selection-helper .text-button{width:100%;line-height:1.3}
  .selection-helper .text-button:last-child{grid-column:1/-1}
  .module-form .sticky-form-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
}

/* v1.7.2 – design, layout and hierarchy refinement */
:root{--content:900px}

/* Consistent deep-page chrome */
.deep-page-header{
  width:min(100%,760px);
  min-height:54px;
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:start;
  gap:10px;
}
.deep-page-title{min-width:0;padding-top:2px;text-align:center}
.deep-page-title h1{margin:0;font-size:clamp(27px,7vw,38px);font-weight:730;letter-spacing:-.035em;line-height:1.08;overflow-wrap:anywhere}
.deep-page-title p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.deep-page-spacer{width:44px;height:44px}

/* Context header: compact preparation state */
.context-header{padding-bottom:16px}
.context-header-top{margin-bottom:8px}
.context-title-row{gap:12px}
.context-title-copy .eyebrow{margin-bottom:3px!important}
.context-header h1{font-size:clamp(30px,8vw,41px);line-height:1.04}
.context-description{margin-top:5px!important;font-size:15px!important;line-height:1.38!important}
.context-action-row{margin-top:14px;gap:7px}
.context-main-action{min-width:146px}
.context-edit-action{min-height:44px;padding-left:12px;padding-right:12px;border-color:transparent;color:var(--accent)}
.context-activation-note{min-height:36px;margin-top:1px;gap:6px;color:var(--muted)}
.context-activation-note .icon{width:16px;height:16px}
.compact-meta-section{padding-bottom:2px}
.compact-tags{margin:0!important}

/* Calm context navigation and summaries */
.context-segments{margin-bottom:20px;background:color-mix(in srgb,var(--surface-strong) 82%,transparent)}
.context-segments a{font-size:13px;font-weight:600}
.context-summary{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);border-radius:0;background:transparent}
.context-summary-row{padding-left:2px;padding-right:2px}
.context-summary-row:last-child{border-bottom:0}
.more-information{margin-top:18px}

/* Unified compact progress */
.compact-progress-line{min-width:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:1.3}
.compact-progress-line progress{width:72px;height:5px;flex:none;border:0;border-radius:999px;overflow:hidden;background:var(--surface-strong);accent-color:var(--accent)}
.compact-progress-line progress::-webkit-progress-bar{background:var(--surface-strong);border-radius:999px}
.compact-progress-line progress::-webkit-progress-value{background:var(--accent);border-radius:999px}
.compact-progress-line progress::-moz-progress-bar{background:var(--accent);border-radius:999px}
.progress-native{height:5px;margin-top:9px}
.run-progress-line{margin-top:8px}
.run-progress-line progress{width:min(180px,42vw)}

/* Focused execution state */
.run-header{margin-bottom:18px;padding-bottom:16px;gap:10px}
.run-heading{gap:10px}
.run-heading h1{font-size:clamp(23px,5vw,32px);margin-bottom:3px}
.run-status-line{margin-top:0!important}
.run-stack{gap:22px}
.run-section>.section-heading h2,.run-section>h2{font-size:17px}
.run-section>.section-heading p{display:none}
.run-bottom-action{padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}
.run-bottom-action>div{display:flex;justify-content:center}
.run-finish-button{width:min(100%,360px);background:var(--surface);color:var(--text);border-color:var(--hairline-strong)}
.run-finish-button:hover{background:var(--surface-muted)}

/* Today: one clear focus block, no nested cards */
.today-page-heading{margin-bottom:20px}
.focus-section{margin:20px 0 30px;padding:0;border:0;border-radius:0;background:transparent}
.focus-heading{margin-bottom:8px}
.focus-list{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.focus-context-row{min-height:88px;padding:12px 2px;border-bottom:1px solid var(--hairline);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px}
.focus-context-row:last-child{border-bottom:0}
.focus-context-copy{min-width:0;display:grid;gap:2px}
.focus-context-copy strong{font-size:16px;line-height:1.3}
.focus-status{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.focus-context-details{min-width:0;display:flex;align-items:center;gap:5px 9px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.35}
.focus-context-details>span:not(.compact-progress-line){overflow-wrap:anywhere}
.focus-context-actions{display:flex;align-items:center;gap:4px}
.focus-context-actions form{margin:0}
.focus-context-actions .button{min-height:42px;padding-left:14px;padding-right:14px;white-space:nowrap}
.today-section{margin-top:26px}

/* Active contexts on Start */
.compact-list-surface{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.home-active-row{padding-left:2px;padding-right:2px}
.home-active-row>span:nth-child(2){gap:4px}

/* Quick capture: input remains the entire visual focus */
.quick-capture-form{padding:0;border:0;background:transparent}
.capture-field textarea{min-height:230px;background:var(--surface);border:1px solid var(--hairline);border-radius:17px}
.capture-submit{width:min(100%,360px);justify-self:start}
.capture-options{width:100%}
.capture-options>summary{width:max-content;max-width:100%}

/* Inbox: one calm list surface instead of one card per item */
.inbox-groups{gap:22px}
.inbox-group{gap:7px}
.inbox-group-title{margin-left:2px}
.inbox-list-surface{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.inbox-row{min-height:102px;padding:13px 2px;border-bottom:1px solid var(--hairline);border-radius:0;background:transparent;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.inbox-row:last-child{border-bottom:0}
.inbox-copy h3{margin:5px 0 3px;font-size:16px}
.inbox-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.inbox-meta{gap:6px;font-size:11px}
.inbox-meta .inbox-type-badge{letter-spacing:.02em}
.inbox-content-disclosure>summary>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.inbox-content-disclosure[open]>summary>span{display:none}
.inbox-full-content{white-space:normal}
.inbox-url,.inbox-target{min-width:0;margin-top:7px!important;display:flex!important;align-items:center;gap:5px;color:var(--muted)!important;font-size:12px!important;line-height:1.35}
.inbox-url .icon,.inbox-target .icon{width:15px;height:15px;flex:none}
.inbox-url span,.inbox-target span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-actions{padding-top:1px}
.inbox-actions .button{min-height:42px}

/* Assignment source is content, not another heavy card */
.assignment-source{padding:0 0 15px;border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:transparent}
.assignment-preview{border:1px solid var(--hairline);background:transparent}

/* Template management: stable list + editor workspace */
.templates-page-heading{max-width:980px;margin-left:auto;margin-right:auto}
.template-workspace{max-width:980px;margin:0 auto;display:grid;gap:18px}
.template-sidebar{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.template-list-item{padding:11px 2px;border-bottom:1px solid var(--hairline);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.template-list-item:last-child{border-bottom:0}
.template-select-link{min-width:0;min-height:48px;display:flex;align-items:center;gap:8px}
.template-select-link>.icon{width:18px;height:18px;color:var(--subtle)}
.template-manage-copy{min-width:0;display:grid;gap:2px;flex:1}
.template-manage-copy strong{font-size:16px;line-height:1.28;overflow-wrap:anywhere}
.template-manage-copy small{color:var(--muted);font-size:12px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.template-list-actions{display:flex;align-items:center;gap:4px}
.template-editor-pane{min-width:0}
.template-editor-panel{padding:18px;border:1px solid var(--hairline);border-radius:18px;background:var(--surface);scroll-margin-top:18px}
.template-editor-heading{margin-bottom:16px}
.template-editor-heading h2{margin:2px 0 0;font-size:24px;line-height:1.15;overflow-wrap:anywhere}
.template-editor-form{display:grid;gap:15px}
.template-editor-form .form-actions{justify-content:flex-start}
.template-danger-zone{margin-top:22px;padding-top:14px;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:14px}
.template-danger-zone p{margin:0;color:var(--muted);font-size:12px}
.js .template-editor-panel{display:none}
.js .template-editor-panel.is-active{display:block}
.template-list-item.is-selected{background:var(--surface-muted)}

/* Long forms and informational copy */
.ux-long-form{gap:16px}
.ux-long-form>.form-intro{font-size:13px}
.activation-question p{margin-top:5px}
.activation-summary{background:transparent;border:1px solid var(--hairline)}
.info-copy,.privacy-note{font-size:13px}

@media(max-width:767px){
  .deep-page-header{margin-top:-3px}
  .deep-page-title h1{font-size:28px}
  .context-action-row{display:flex;align-items:center;flex-wrap:wrap}
  .context-action-row form{flex:1 1 190px}
  .context-main-action{width:100%}
  .context-edit-action{flex:0 0 auto;width:auto!important}
  .focus-context-row{grid-template-columns:40px minmax(0,1fr);align-items:start;padding:12px 2px}
  .focus-context-actions{grid-column:2;justify-content:flex-start;margin-top:4px}
  .focus-context-actions .button{min-width:108px}
  .quick-capture-form{padding:0}
  .capture-submit{width:100%}
  .template-editor-pane{display:grid;gap:14px}
  .template-editor-panel{padding:16px}
}

@media(max-width:430px){
  .main-content{padding-left:16px;padding-right:16px}
  .deep-page-header{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}
  .deep-page-title h1{font-size:26px}
  .context-header h1{font-size:29px}
  .context-title-row{grid-template-columns:44px minmax(0,1fr);gap:10px}
  .context-title-row .context-hero-icon{width:44px;height:44px}
  .context-action-row{margin-top:12px}
  .context-main-action{min-height:46px}
  .context-edit-action{min-height:44px}
  .context-segments a{padding:0 14px}
  .focus-context-row{grid-template-columns:38px minmax(0,1fr)}
  .focus-context-row>.context-icon{width:38px;height:38px;border-radius:11px}
  .focus-context-actions{padding-left:0}
  .compact-progress-line{gap:6px}
  .compact-progress-line progress{width:60px}
  .inbox-row{grid-template-columns:minmax(0,1fr);padding:13px 1px}
  .inbox-actions{justify-content:flex-start}
  .inbox-actions .button{min-width:112px}
  .template-list-item{grid-template-columns:minmax(0,1fr) auto}
  .template-list-actions .button{padding-left:12px;padding-right:12px}
  .template-danger-zone{align-items:flex-start;flex-direction:column}
}

@media(min-width:768px){
  .template-workspace{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start}
  .template-sidebar{position:sticky;top:76px}
  .template-select-link>.icon{display:none}
  .template-list-item{padding:12px 10px;border-radius:12px;border-bottom:0;margin:3px 0}
  .template-list-item.is-selected{box-shadow:inset 3px 0 0 var(--accent)}
  .template-editor-pane{min-height:440px}
  .template-editor-panel{min-height:440px}
}

@media(min-width:1024px){
  .main-content{padding-left:32px;padding-right:32px}
  .content-section{margin-top:26px;margin-bottom:26px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
.template-mobile-back{min-height:44px;margin:-6px 0 8px;display:inline-flex;align-items:center;gap:3px;color:var(--accent);font-size:14px;font-weight:600}
.template-mobile-back .icon{width:17px;height:17px}
@media(min-width:768px){.template-mobile-back{display:none}}
.button.context-edit-action{background:transparent;border-color:transparent;color:var(--accent);box-shadow:none}
.button.context-edit-action:hover{background:var(--surface-muted)}
@media(max-width:767px){
  .js .template-editor-pane{display:none}
  .js .template-workspace.is-editing .template-sidebar{display:none}
  .js .template-workspace.is-editing .template-editor-pane{display:grid}
}