:root{
  --brand:#0f6857;--brand-hover:#0c5b4c;--brand-soft:#e6f1ea;--accent:#f0a12a;--gold:#f2b53d;
  --bg:#f8f5ec;--bg2:#f3f1e8;--surface:#fffdf7;--surface2:#fffefa;--green-soft:#edf5ef;
  --orange-soft:#fff5e6;--red-soft:#fff0ee;--text:#132238;--text2:#4f5f70;--muted:#7c8794;
  --border:#e3e4dc;--border-soft:#ecece5;--success:#19845f;--warning:#f0a12a;--danger:#e8524a;
  --info:#3d84d8;--purple:#8b68d9;--voice:#121a1f;--voice-glow:#ff941f;
  --r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--shadow:0 4px 12px rgba(22,52,44,.07);
  --shadow-md:0 10px 26px rgba(22,52,44,.09);--sidebar:236px;--details:392px;
  --font:Inter,"Segoe UI",Roboto,Arial,sans-serif
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:var(--font);background:var(--bg);color:var(--text)}
body{overflow-x:hidden}
button,input,textarea,select{font:inherit}
a{text-decoration:none;color:inherit}
svg{display:block}
.muted{color:var(--muted)} .green{color:var(--brand)} .danger{color:var(--danger)} .gold{color:var(--gold)}
.row{display:flex;align-items:center}.gap8{gap:8px}.gap12{gap:12px}.spacer{flex:1}

.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px 0;background:#f7f4ea;border-right:1px solid rgba(19,34,56,.06);display:flex;flex-direction:column;overflow:hidden}
.brand{height:86px;display:flex;align-items:center;padding:0 10px}.brand img{width:132px;max-height:66px;object-fit:contain}
.nav{display:flex;flex-direction:column;gap:5px}.nav-sep{height:1px;background:rgba(19,34,56,.08);margin:10px 12px}
.nav-item{height:43px;border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 13px;font-size:14px;font-weight:560}
.nav-item:hover{background:rgba(255,255,255,.48)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:750}
.nav-icon{width:21px;height:21px;display:grid;place-items:center}.nav-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}
.sidebar-art{margin:18px -14px 0;min-height:235px;margin-top:auto;position:relative;background:
linear-gradient(to bottom,rgba(247,244,234,1) 0%,rgba(247,244,234,.12) 25%,rgba(14,72,59,.08) 43%,rgba(13,73,60,.94) 100%),
url("../img/sidebar-art.jpg") center/cover no-repeat;display:flex;align-items:flex-end;padding:0 26px 28px;color:#fff;font-size:13px;line-height:1.55}
.sidebar-art p{margin:0}

.main{min-width:0;padding-bottom:28px}.global-top{height:78px;display:flex;align-items:center;gap:12px;padding:14px 24px 8px;position:sticky;top:0;background:rgba(248,245,236,.96);backdrop-filter:blur(14px);z-index:10}
.quick{height:56px;flex:1;background:rgba(255,253,247,.94);border:1px solid rgba(255,255,255,.86);border-radius:17px;box-shadow:var(--shadow-md);display:flex;align-items:center;padding:5px}
.quick .lead{width:43px;height:43px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center}
.quick input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 14px;color:var(--text)}
.quick .ok{width:43px;height:43px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center}
.top-icons{display:flex;gap:4px}.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#d7e9e2,#f5c88f);display:grid;place-items:center;font-weight:800;color:var(--brand)}
.mobile-top,.bottom-nav{display:none}

.hero{height:128px;margin:0 24px;position:relative;overflow:hidden;background:#e9efe9}
.hero:before{content:"";position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,253,247,.09),rgba(255,253,247,.16) 45%,rgba(248,245,236,.87) 100%)}
.hero-content{position:relative;z-index:1;padding:22px 24px}.hero h1{margin:0 0 5px;font-size:34px;line-height:1.05;letter-spacing:-.025em}.hero p{margin:0;color:#263b42;font-size:14px;max-width:680px;line-height:1.5}
.hero.premium:after{background:linear-gradient(90deg,rgba(9,29,34,.95),rgba(9,29,34,.72) 46%,rgba(9,29,34,.12))}
.hero.premium .hero-content,.hero.premium p{color:#fff}.hero.premium h1{font-size:30px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;display:flex;align-items:center;gap:7px;margin-bottom:7px}

.page{padding:0 24px}.toolbar{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 0}.tabs{display:flex;gap:5px;align-items:center;overflow:auto}
.tab{height:36px;padding:0 14px;border-radius:11px;background:rgba(255,255,255,.62);color:var(--text2);font-size:12px;font-weight:650;display:inline-flex;align-items:center;white-space:nowrap}
.tab.active{background:var(--brand);color:#fff}
.btn{height:42px;border-radius:12px;padding:0 14px;background:var(--surface);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.ghost{border-color:transparent;background:transparent}.btn.small{height:34px;font-size:12px;padding:0 11px}
.card{background:rgba(255,253,247,.95);border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 1px 2px rgba(22,52,44,.04)}.pad{padding:18px}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--details);gap:16px;align-items:start}.page-grid.one{grid-template-columns:1fr}
.section-title{font-size:15px;font-weight:800;margin:0 0 10px;display:flex;align-items:center;gap:7px}.count{height:20px;min-width:20px;padding:0 6px;border-radius:99px;background:#fff0d5;color:#a25e06;font-size:11px;display:grid;place-items:center}
.chip{height:25px;border-radius:99px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;background:#f0f1ed;color:#58636f;font-size:11px;font-weight:650}.chip.green{background:#e8f5ee;color:var(--success)}.chip.red{background:#ffeae8;color:var(--danger)}.chip.orange{background:#fff2da;color:#9d6412}.chip.blue{background:#eaf3fe;color:var(--info)}.chip.purple{background:#f1eafd;color:#7250b8}
.meta{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.divider{height:1px;background:var(--border-soft);margin:14px 0}

.list{display:flex;flex-direction:column;gap:7px}.group{margin-bottom:18px}
.task{min-height:65px;background:rgba(255,253,247,.95);border:1px solid var(--border-soft);border-radius:14px;display:flex;align-items:center;gap:12px;padding:10px 12px}
.task.selected{background:var(--brand-soft);border-color:#cfe6da}.task.overdue{background:linear-gradient(90deg,var(--red-soft),#fffdf8 60%)}
.checkbox{width:20px;height:20px;border:2px solid #aab4bb;border-radius:6px;flex:0 0 auto;display:grid;place-items:center;color:#fff}.checkbox.checked{background:var(--brand);border-color:var(--brand)}
.task-body{min-width:0;flex:1}.task-title{font-size:14px;font-weight:730;margin-bottom:4px}.task-sub{font-size:11.5px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.task-actions{display:flex;align-items:center;gap:5px;color:#8d98a5}

.detail{position:sticky;top:87px;max-height:calc(100vh - 103px);overflow:auto;background:rgba(255,253,247,.98);border:1px solid var(--border-soft);border-radius:19px;box-shadow:var(--shadow)}
.detail-head{padding:17px 18px 13px;display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid var(--border-soft)}.detail-head h2{font-size:17px;line-height:1.25;margin:0 0 6px}.detail-body{padding:15px 18px}.detail-section{padding:11px 0;border-bottom:1px solid var(--border-soft)}.detail-title{font-size:12px;font-weight:800;margin-bottom:8px}.detail-footer{position:sticky;bottom:0;background:rgba(255,253,247,.98);padding:12px 18px;border-top:1px solid var(--border-soft);display:flex;gap:8px}.detail-footer .btn{flex:1}.field{font-size:13px;line-height:1.5}

.progress{height:142px;border-radius:16px;overflow:hidden;position:relative;background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(7,71,59,.18)),var(--scene);background-size:cover;background-position:center}
.progress:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(to top,rgba(7,64,54,.44),transparent)}
.progress-line{position:absolute;z-index:2;left:9%;right:9%;bottom:24px;height:4px;background:rgba(255,255,255,.58);border-radius:9px}.progress-line span{display:block;height:100%;width:var(--p);background:#fff;border-radius:9px}.progress-dot{position:absolute;z-index:3;left:var(--p);bottom:15px;transform:translateX(-50%);width:23px;height:23px;border-radius:50%;background:var(--accent);border:4px solid rgba(255,255,255,.9)}
.progress-badge{position:absolute;z-index:3;right:10px;top:10px;background:rgba(17,30,34,.76);color:#fff;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.progress-label{position:absolute;z-index:3;left:11px;bottom:10px;color:#fff;font-size:11px;font-weight:700}

.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 17px}.kpi{min-height:92px;padding:14px;display:flex;align-items:center;gap:12px}.kpi-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e8f5ee;color:var(--success)}.kpi-icon.orange{background:#fff2da;color:var(--warning)}.kpi-icon.blue{background:#eaf3fe;color:var(--info)}.kpi-icon.purple{background:#f1eafd;color:var(--purple)}.kpi-num{font-size:24px;font-weight:800;line-height:1}.kpi-label{font-size:11px;color:var(--muted);margin-top:4px}
.dashboard{display:grid;grid-template-columns:1.2fr .9fr;gap:14px}.schedule{display:flex;flex-direction:column;gap:6px}.schedule-row{display:grid;grid-template-columns:48px 12px minmax(0,1fr);gap:9px;align-items:start;font-size:12px}.time{color:var(--muted);font-weight:650}.dot{width:8px;height:8px;border-radius:50%;background:var(--brand);margin-top:4px}.schedule-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:11px;padding:9px 10px}

.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-card{overflow:hidden}.visual-art{height:110px;background-image:linear-gradient(to bottom,rgba(255,255,255,.04),rgba(7,71,59,.2)),var(--scene);background-size:cover;background-position:center;position:relative}.visual-art .pct{position:absolute;right:9px;top:9px;background:rgba(15,32,33,.75);color:#fff;border-radius:99px;padding:5px 7px;font-size:10px;font-weight:750}.visual-body{padding:12px}.visual-title{font-size:13px;font-weight:800;margin-bottom:5px}.visual-desc{font-size:11px;color:var(--muted);line-height:1.4;min-height:31px}.micro{height:6px;background:#e8ece7;border-radius:99px;margin-top:9px;overflow:hidden}.micro span{display:block;height:100%;width:var(--p);background:var(--brand);border-radius:99px}

.inbox-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.capture{padding:14px 15px}.capture+.capture{margin-top:8px}.capture.selected{background:var(--brand-soft)}.capture-title{font-size:13px;font-weight:730;line-height:1.4}.capture-meta{margin-top:9px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.action-tile{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--border-soft);border-radius:13px;background:var(--surface);margin-top:7px}

.notes{display:grid;grid-template-columns:185px 270px minmax(0,1fr) 220px;gap:10px}.pane{min-height:590px}.category{height:38px;border-radius:10px;padding:0 10px;display:flex;align-items:center;gap:9px;font-size:12px}.category.active{background:var(--brand-soft);color:var(--brand);font-weight:750}.note-item{padding:12px;border-bottom:1px solid var(--border-soft)}.note-item.active{background:var(--brand-soft);border-radius:12px;border-bottom-color:transparent}.note-item h3{font-size:12.5px;margin:0 0 5px}.note-item p{font-size:10.8px;color:var(--muted);line-height:1.35;margin:0}.editor-toolbar{height:44px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;padding:0 12px;gap:5px}.editor{padding:17px 20px;font-size:13px;line-height:1.65}.editor h2{font-size:19px;margin:0 0 10px}.editor h3{margin:15px 0 5px;font-size:14px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.thumb{aspect-ratio:16/10;border-radius:8px;background-image:var(--scene);background-size:cover;background-position:center}

.calendar-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 320px;gap:12px}.mini-calendar{padding:14px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:10px}.day{height:25px;display:grid;place-items:center;border-radius:7px;color:#65727e}.day.head{font-weight:800;color:#8d98a0;height:20px}.day.today{background:var(--brand);color:#fff;font-weight:800}.timeline{padding:14px}.time-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;min-height:58px}.time-label{font-size:10px;color:var(--muted);padding-top:6px}.event{min-height:43px;border-radius:10px;padding:8px 10px;background:#eaf3fe;border-left:4px solid var(--info);font-size:11px}.event.green{background:#e8f5ee;border-color:var(--success)}.event.orange{background:#fff2da;border-color:var(--warning)}.event.purple{background:#f2ecfb;border-color:var(--purple)}

.search-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 340px;gap:12px}.search-box{height:46px;background:var(--surface);border:1px solid var(--border);border-radius:13px;display:flex;align-items:center;padding:0 12px;gap:10px}.search-box input{border:0;outline:0;background:transparent;flex:1}.filters{padding:13px}.filter-section{margin-bottom:16px}.filter-section h3{font-size:11px;margin:0 0 7px;color:#687583}.filter-row{display:flex;align-items:center;gap:8px;height:30px;font-size:11px}.result{padding:12px;border-bottom:1px solid var(--border-soft);display:flex;gap:11px}.result-icon{width:32px;height:32px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.result h3{font-size:12.5px;margin:0 0 4px}.result p{font-size:10.5px;color:var(--muted);margin:0}

.chart-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.chart-card{padding:15px}.chart-title{font-size:12px;font-weight:800;margin-bottom:12px}.linechart{height:170px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,rgba(19,34,56,.055) 34px);border-radius:10px;overflow:hidden}.linechart svg{width:100%;height:100%}.donut-wrap{height:170px;display:grid;place-items:center}.donut{width:122px;height:122px;border-radius:50%;background:conic-gradient(var(--brand) 0 38%,var(--accent) 38% 61%,var(--info) 61% 78%,var(--purple) 78% 100%);position:relative}.donut:after{content:"";position:absolute;inset:24px;background:var(--surface);border-radius:50%}.donut-center{position:absolute;z-index:2;text-align:center}.bars{height:165px;display:flex;align-items:flex-end;gap:12px;padding:8px 8px 20px}.bar{flex:1;background:linear-gradient(to top,var(--brand),#5db39c);height:var(--h);border-radius:5px 5px 2px 2px}.analytics-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px}

.premium-features{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:15px 0}.feature{text-align:center;padding:12px 6px}.feature .kpi-icon{margin:0 auto 7px}.feature h3{font-size:11px;margin:0}.plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px;margin:0 auto}.plan{padding:19px;position:relative}.plan.premium{border:2px solid var(--gold);box-shadow:0 12px 30px rgba(217,144,20,.12)}.ribbon{position:absolute;right:14px;top:14px;background:var(--gold);border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.plan h2{margin:0 0 6px;font-size:19px}.price{font-size:28px;font-weight:850;margin:12px 0}.price small{font-size:11px;color:var(--muted);font-weight:600}.feature-list{list-style:none;padding:0;margin:13px 0}.feature-list li{display:flex;gap:8px;align-items:flex-start;padding:5px 0;font-size:11.5px}

.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:12px}.settings-nav{padding:10px}.setting-nav{height:38px;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:11.5px}.setting-nav.active{background:var(--brand-soft);color:var(--brand);font-weight:760}.settings-body{padding:16px}.settings-body h2{font-size:16px;margin:0 0 14px}.setting-row{min-height:58px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:12px}.setting-text{flex:1}.setting-text b{font-size:12px;display:block;margin-bottom:3px}.setting-text span{font-size:10.5px;color:var(--muted)}.toggle{width:42px;height:24px;border-radius:99px;background:#cfd5d1;padding:3px}.toggle:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff}.toggle.on{background:var(--brand)}.toggle.on:after{margin-left:18px}.profile{text-align:center;padding:18px}.profile-avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#d7e9e2,#f5c88f);margin:0 auto 9px;display:grid;place-items:center;font-size:20px;font-weight:850;color:var(--brand)}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme{height:76px;border-radius:12px;border:1px solid var(--border);background:#fff;padding:6px}.theme.dark{background:#1b2830}.theme.system{background:linear-gradient(90deg,#fff 50%,#1b2830 50%)}.theme.selected{outline:2px solid var(--brand);outline-offset:1px}

.state-center{min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px}.state-box{max-width:610px}.state-art{width:min(390px,80%);height:220px;margin:0 auto 10px;border-radius:22px;background-image:var(--state);background-size:cover;background-position:center}.state-box h2{font-size:24px;margin:8px 0}.state-box p{font-size:13px;color:var(--muted);line-height:1.55;max-width:520px;margin:0 auto 18px}.state-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.skeleton{height:66px;border-radius:14px;border:1px solid var(--border-soft);background:linear-gradient(90deg,#ebece7,#f7f5ef,#ebece7);margin-bottom:8px}.alert{min-height:62px;border-radius:15px;padding:11px 14px;display:flex;align-items:center;gap:11px;background:var(--red-soft);color:#8e332f;margin-bottom:12px}.bulk{height:58px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);display:flex;align-items:center;gap:9px;padding:0 13px;margin-bottom:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(17,31,29,.48);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(480px,calc(100vw - 32px));background:var(--surface2);border-radius:22px;box-shadow:0 24px 70px rgba(15,32,29,.22);padding:22px}.modal h2{text-align:center;margin:0 0 7px;font-size:19px}.modal p{text-align:center;color:var(--muted);font-size:12px;line-height:1.5}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.snackbar{position:fixed;z-index:60;left:50%;bottom:24px;transform:translateX(-50%);width:min(430px,calc(100vw - 30px));background:#14242c;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 18px 44px rgba(15,32,29,.18);display:flex;align-items:center;gap:10px}.snackbar .undo{margin-left:auto;color:#68d7b4;font-weight:800}

.voice-static{height:56px;flex:1;background:var(--voice);border-radius:17px;box-shadow:var(--shadow-md);display:flex;align-items:center;padding:5px 12px;color:#fff;gap:12px}.wave{height:26px;flex:1;display:flex;align-items:center;gap:3px}.wave span{width:4px;border-radius:5px;background:linear-gradient(#ffc25c,#ff8d1c);height:var(--h);box-shadow:0 0 8px rgba(255,148,31,.22)}

.catalogue,.kit{max-width:1320px;margin:0 auto;padding:28px}.catalogue-head,.kit-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.catalogue-head img,.kit-head img{width:150px}.catalogue h1,.kit h1{margin:0;font-size:31px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.screen-card{padding:16px}.screen-icon{width:39px;height:39px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:10px}.screen-card h3{font-size:14px;margin:0 0 5px}.screen-card p{font-size:11px;color:var(--muted);line-height:1.45;margin:0}.kit-section{margin:0 0 28px}.kit-section h2{font-size:22px}.kit-demo{padding:17px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.swatch{height:82px;border-radius:14px;padding:12px;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:flex-end;font-size:11px;font-weight:650}.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ui-label{font-size:12px;font-weight:800;margin-bottom:8px}

@media(max-width:1023px){
  .app{grid-template-columns:1fr;padding-bottom:72px}.sidebar,.global-top{display:none}
  .mobile-top{height:56px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 10px;position:sticky;top:0;background:rgba(248,245,236,.96);z-index:20}.mobile-title{text-align:center;font-weight:800}.mobile-top img{height:31px;max-width:84px;object-fit:contain}
  .bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:68px;background:rgba(255,253,247,.97);border-top:1px solid var(--border);z-index:30}.bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;color:#778593}.bottom-item.active{color:var(--brand);font-weight:750}.bottom-plus{position:relative}.bottom-plus span{position:absolute;top:-12px;width:55px;height:55px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(15,58,49,.16)}
  .hero{height:112px;margin:0}.hero-content{padding:14px 16px}.hero h1{font-size:27px}.hero p{font-size:12px;max-width:90%}.page{padding:0 16px}
  .page-grid,.inbox-grid,.calendar-layout,.search-layout,.settings-layout{grid-template-columns:1fr}.detail.desktop-only{display:none}.detail{position:relative;top:auto;max-height:none}
  .kpi-grid{grid-template-columns:repeat(4,112px);overflow:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 5px}.kpi{min-width:112px;min-height:82px;padding:11px}.dashboard,.chart-grid,.analytics-bottom{grid-template-columns:1fr}.visual-grid{grid-template-columns:1fr 1fr}
  .notes{grid-template-columns:1fr}.notes .hide-mobile{display:none}.pane{min-height:0}
  .calendar-layout .mini-calendar,.search-layout .filters,.settings-layout .settings-nav,.settings-layout .profile{display:none}
  .premium-features{grid-template-columns:repeat(3,1fr)}.plans{grid-template-columns:1fr}
  .screen-grid{grid-template-columns:1fr 1fr}.component-grid{grid-template-columns:1fr}.catalogue,.kit{padding:18px}
}
@media(max-width:599px){
  .visual-grid{grid-template-columns:1fr}.screen-grid{grid-template-columns:1fr}.premium-features{grid-template-columns:repeat(2,1fr)}.modal-actions{grid-template-columns:1fr}.state-center{padding:24px 10px}.state-art{height:185px}
}


/* ===== Enhanced shadows and hover states ===== */
:root{
  --shadow-soft:0 10px 30px rgba(17,40,34,.06), 0 2px 8px rgba(17,40,34,.03);
  --shadow-hover:0 18px 42px rgba(17,40,34,.12), 0 4px 16px rgba(17,40,34,.06);
  --ring:0 0 0 3px rgba(15,104,87,.12);
}
.card,.task,.btn,.tab,.capture,.action-tile,.category,.note-item,.schedule-card,.screen-card,.setting-nav,.search-box,.search-result,.plan,.theme,.mini-calendar,.timeline,.filters,.settings-nav,.profile,.icon-btn,.quick,.voice-static,.kpi,.visual-card,.detail,.state-box,.modal,.snackbar,.bulk,.alert,.toggle,.day,.result-row,.field,.calendar-card,.setting-row{transition:box-shadow .22s ease, transform .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease, filter .22s ease}
.card,.task,.kpi,.detail,.modal,.snackbar,.screen-card,.visual-card,.search-box,.plan,.mini-calendar,.timeline,.filters,.settings-nav,.profile,.bulk,.alert{box-shadow:var(--shadow-soft)}
.btn,.tab,.icon-btn,.category,.setting-nav,.theme,.search-result,.result-row,.schedule-card,.capture,.action-tile,.note-item,.visual-card,.screen-card,.task,.nav-item,.bottom-item,.day,.field,.toggle,.calendar-card,.setting-row{cursor:pointer}
.btn:hover,.tab:hover,.icon-btn:hover,.category:hover,.setting-nav:hover,.theme:hover,.search-result:hover,.result-row:hover,.schedule-card:hover,.capture:hover,.action-tile:hover,.note-item:hover,.visual-card:hover,.screen-card:hover,.task:hover,.day:hover,.field:hover,.calendar-card:hover,.setting-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:rgba(15,104,87,.22)}
.card:hover{box-shadow:var(--shadow-hover)}
.nav-item:hover{background:#fffdf9;box-shadow:0 8px 22px rgba(17,40,34,.06)}
.nav-item.active,.bottom-item.active{box-shadow:var(--ring)}
.btn.primary:hover,.btn.gold:hover{filter:brightness(1.02)}
.quick:hover,.voice-static:hover,.search-box:hover{box-shadow:var(--shadow-hover)}
.checkbox:hover,.toggle:hover{box-shadow:var(--ring)}
.visual-art{border-bottom:1px solid rgba(255,255,255,.32)}
.visual-card:hover .visual-art{filter:saturate(1.03) brightness(1.02)}
.screen-card{display:block}
.screen-card:hover h3,.note-item:hover h3,.visual-card:hover .visual-title,.search-result:hover b{color:var(--brand)}
.state-art,.illustration-art{box-shadow:0 14px 36px rgba(17,40,34,.08)}
.state-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.illustration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.illustration-card{overflow:hidden}
.illustration-art{height:138px;background-size:cover;background-position:center;border-radius:16px}
.illustration-card .visual-body{padding:12px 14px}
.inline-hero-note{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.45}
@media(max-width:1023px){.illustration-grid,.state-gallery{grid-template-columns:1fr 1fr}.illustration-art{height:118px}}
@media(max-width:599px){.illustration-grid,.state-gallery{grid-template-columns:1fr}}


/* ===================================================================
   Лад 3.0 — единый экран. Правила ниже добавлены поверх визуального слоя
   Enhanced (исходник: design/baseline/styles.enhanced.css). Существующие
   токены, компоненты и иллюстрации не меняются; меняется компоновка:
   без боковой панели; строка «меню · ввод · голос» сверху на ПК и снизу
   на телефоне; список записей; запись открывается отдельной страницей.
   В конце — тёмная тема.
   =================================================================== */

[hidden]{display:none !important}
.lad-visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lad-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--brand);color:#fff;border-radius:10px;padding:10px 14px;font-weight:700}
.lad-skip:focus{top:12px}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
button{color:inherit}
button.nav-item,button.tab,button.checkbox,button.icon-btn,.lad-tile,.lad-linkbtn,.lad-card-open{font-family:inherit;cursor:pointer}
button.nav-item,button.tab,button.icon-btn,.lad-linkbtn,.lad-card-open{border:0}
button.nav-item{width:100%;background:transparent;text-align:left;color:var(--text)}
button.nav-item.active{background:var(--brand-soft);color:var(--brand)}
button.tab{border:0}
button.icon-btn{background:transparent;color:var(--text)}
button.checkbox{padding:0;background:transparent}
button.checkbox.checked{background:var(--brand)}
.btn{cursor:pointer;color:var(--text);font-family:inherit}
.btn.primary,.btn.danger{color:#fff}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.btn .lad-ico,.lad-meta .lad-ico{display:inline-flex}
.lad-ico{display:inline-flex;vertical-align:middle;flex:0 0 auto}
.lad-ico svg{display:block}
.lad-small{font-size:12px;line-height:1.5}
.chip{white-space:nowrap;flex:0 0 auto}
.lad-wrap{flex-wrap:wrap}
.lad-danger-text{color:var(--danger)}
.lad-linkbtn{background:none;padding:0;color:var(--brand);font-weight:700;text-align:left}
.lad-linkbtn.danger{color:var(--danger)}

/* ---------- shell (4.0: шапка, поле записи и раскладка — в блоке «Лад 4.0» в конце файла) ---------- */
.app.lad-app{display:block;min-height:100vh;--bar-max:880px}
.lad-main{padding-bottom:40px}
.lad-page-wrap{max-width:var(--bar-max);margin:0 auto;padding:0 24px}
body.lad-capture-off .lad-composer{display:none}

/* ---------- меню ---------- */
.lad-menu-backdrop{position:fixed;inset:0;z-index:48;background:rgba(17,31,29,.18)}
.lad-menu{position:fixed;z-index:52;top:74px;left:max(24px,calc((100vw - var(--bar-max)) / 2));width:300px;max-height:calc(100vh - 92px);overflow:auto;background:var(--surface2);border:1px solid var(--border-soft);border-radius:20px;box-shadow:0 24px 60px rgba(15,32,29,.22);padding:10px;animation:ladMenu .16s ease-out}
@keyframes ladMenu{from{opacity:0;transform:translateY(-6px)}}
.lad-menu-head{padding:4px 6px 8px}
.lad-menu-head img{width:112px;height:56px;object-fit:contain;background:#fbf8ef;border-radius:12px}
.lad-menu-nav{display:flex;flex-direction:column;gap:2px}
.lad-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:560;cursor:pointer;text-align:left}
.lad-menu-item:hover{background:var(--brand-soft)}
.lad-menu-item.active{background:var(--brand-soft);color:var(--brand);font-weight:750}
.lad-menu-sep{height:1px;background:var(--border-soft);margin:6px 8px}
.lad-theme-switch .lad-toggle{margin-left:auto;flex:0 0 auto}
.lad-theme-switch[aria-checked=true] .lad-toggle{background:var(--brand)}
.lad-theme-switch[aria-checked=true] .lad-toggle:after{margin-left:18px}

/* ---------- голос ---------- */
.lad-voice{gap:10px;padding:5px 8px 5px 14px}
.lad-voice-mic{color:var(--voice-glow);display:grid;place-items:center}
.lad-voice-label{font-size:13px;white-space:nowrap}
.lad-wave{position:relative;min-width:60px;max-width:220px}
.lad-wave span{--h:4px;transition:height .08s linear}
.lad-wave[data-mode=indicator] span{display:none}
.lad-wave[data-mode=indicator]{flex:0 0 auto;min-width:0}
.lad-rec-dot{display:none;width:10px;height:10px;border-radius:50%;background:var(--voice-glow);box-shadow:0 0 0 6px rgba(255,148,31,.18);animation:ladPulse 1.4s ease-in-out infinite}
.lad-wave[data-mode=indicator] .lad-rec-dot{display:block}
.lad-meter{display:none;height:6px;width:100%;border-radius:9px;background:linear-gradient(90deg,#ffc25c var(--level,0%),rgba(255,255,255,.18) var(--level,0%))}
.lad-voice-interim{flex:1;min-width:0;font-size:12.5px;color:#d9dee2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lad-voice-btn{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;padding:0 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.lad-voice-btn.stop{background:var(--voice-glow);border-color:var(--voice-glow);color:#1b1206}
.lad-voice-btn:disabled{opacity:.6}
@keyframes ladPulse{50%{box-shadow:0 0 0 10px rgba(255,148,31,.05)}}

/* ---------- заголовок страницы ---------- */
.lad-viewhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0 4px}
.lad-viewtitle{margin:0;font-size:26px;line-height:1.15;letter-spacing:-.02em;outline:0}
.lad-viewhead .lad-count{margin:6px 0 0;align-self:center}
.lad-home{margin-left:-8px}

/* ---------- список ---------- */
.lad-view{outline:0;min-width:0}
.has-detail .lad-view{display:none}
.lad-searchbox{flex:1;min-width:220px}
.lad-searchbox input{min-width:0;font-size:14px;color:var(--text)}
.lad-tagfilter{border:0;cursor:pointer}
.lad-count{font-size:11.5px;margin:4px 2px 8px;min-height:14px}
.lad-list{gap:8px}
.lad-card{padding:0;gap:0;align-items:flex-start;min-height:0}
.lad-card>.checkbox{margin:15px 0 0 14px;flex:0 0 auto}
.lad-card>.checkbox.habit{border-radius:50%}
.lad-card-open{flex:1;min-width:0;display:flex;background:transparent;text-align:left;padding:12px 14px 11px 12px;border-radius:14px;color:inherit}
.lad-card-open:focus-visible{outline-offset:-2px}
.lad-card .task-body{display:block}
.lad-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}
.lad-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.45;color:var(--text2);margin:1px 0 7px;overflow-wrap:anywhere}
.lad-card .task-sub{gap:6px 10px}
.lad-card .task-actions{padding:12px 12px 0 0}
.lad-card.done .lad-title{text-decoration:line-through;color:var(--muted)}
.lad-card.selected{background:var(--brand-soft);border-color:#cfe6da}
.lad-card.lad-new{animation:ladNew 2.6s ease-out}
@keyframes ladNew{0%{box-shadow:0 0 0 3px rgba(240,161,42,.55)}100%{box-shadow:var(--shadow-soft)}}
.lad-card-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;margin:12px 0 0 12px;flex:0 0 auto;background:var(--brand-soft);color:var(--brand)}
.lad-card-icon.small{width:24px;height:24px;border-radius:8px;margin:0}
.lad-card-icon.type-thought{background:#f1eafd;color:#7250b8}
.lad-card-icon.type-note{background:#eaf3fe;color:var(--info)}
.lad-card-icon.type-project{background:#fff2da;color:#9d6412}
.lad-card-icon.type-reminder{background:#ffeae8;color:var(--danger)}
.lad-card-icon.type-task{background:#eaf3fe;color:var(--info)}
.lad-meta{display:inline-flex;align-items:center;gap:4px}
.lad-meta.danger{color:var(--danger);font-weight:650}
.lad-micro-wrap{gap:7px}
.micro.lad-micro{width:64px;margin:0;display:inline-block}
.lad-tag{border:0;cursor:pointer}
.lad-empty{min-height:420px}
.lad-loading{padding-top:12px}

/* ---------- детали ---------- */
/* запись — отдельная страница */
.lad-entry-page{margin:14px 0 0;background:rgba(255,253,247,.98);border:1px solid var(--border-soft);border-radius:22px;box-shadow:var(--shadow-soft)}
.lad-entry-page .detail-head{padding:16px 22px 14px}
.lad-entry-page .detail-head h2{font-size:24px;line-height:1.2;margin:4px 0 8px}
.lad-entry-page .detail-footer{border-radius:0 0 22px 22px}
.lad-detail-head{flex-direction:column;align-items:stretch;gap:6px}
.lad-head-top{display:flex;align-items:center;gap:8px;margin:-6px -6px 0}
.lad-detail-head h2{outline:0;overflow-wrap:anywhere;word-break:break-word}
.lad-back{height:32px;padding:0 8px}
.lad-detail .detail-body{padding:6px 22px 16px}
.lad-detail .detail-section:last-child{border-bottom:0}
.lad-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.lad-meta-row{margin-top:10px}
.lad-donebtn{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--border-soft);background:var(--surface);border-radius:12px;padding:10px 12px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;color:inherit}
.lad-donebtn .checkbox{pointer-events:none}
.lad-rows{display:flex;flex-direction:column;gap:5px}
.lad-taskrow{padding:3px 0}
.lad-taskrow.done .lad-rowtitle{text-decoration:line-through;color:var(--muted)}
.lad-rowtitle{color:var(--text);font-weight:600;font-size:13px;overflow-wrap:anywhere}
.lad-linkrow{display:flex;gap:8px;align-items:center;border:1px solid var(--border-soft);background:var(--surface);border-radius:11px;padding:7px 9px;font:inherit;font-size:12.5px;text-align:left;cursor:pointer;color:inherit;width:100%;overflow-wrap:anywhere}
.lad-linkrow:hover{border-color:rgba(15,104,87,.22)}
.lad-addrow{margin-top:8px}
.lad-addrow .lad-input{flex:1}
.lad-filerow{font-size:12.5px;padding:3px 0}
.lad-filerow .lad-rowtitle{flex:1;min-width:0}
.lad-filebtn{margin-top:8px}
.lad-hist{padding:7px 0;border-bottom:1px dashed var(--border-soft);font-size:12.5px}
.lad-hist:last-child{border-bottom:0}
.lad-hist details{margin:6px 0 0 22px}
.lad-hist summary{cursor:pointer;color:var(--brand);font-weight:650;font-size:12px}
.lad-hist .btn{margin:6px 0 0 22px}
.lad-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 6px}
.lad-stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:8px 4px;text-align:center}
.lad-stat b{display:block;font-size:18px;line-height:1.1}
.lad-stat span{font-size:10.5px;color:var(--muted)}
.lad-week{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.lad-day{border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;font-size:11px;cursor:pointer;color:var(--text);width:42px}
.lad-day .lad-dn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);display:grid;place-items:center;transition:background .15s,border-color .15s}
.lad-day:hover .lad-dn{border-color:var(--brand)}
.lad-day .lad-wd{color:var(--muted);font-size:10px}
.lad-day .lad-dn{font-weight:750;font-size:13px}
.lad-day.done .lad-dn{background:var(--brand);border-color:var(--brand);color:#fff}
.lad-day.off:not(.done){opacity:.6}
.lad-day.today .lad-wd{color:var(--brand);font-weight:800}
.lad-day.today:not(.done) .lad-dn{border-color:var(--brand)}
.lad-minaction{font-size:12.5px;margin-top:10px;background:var(--orange-soft);border-radius:11px;padding:9px 11px}
.lad-progress-num{font-size:13px}
.lad-progress-num b{font-size:22px}
.lad-progress-bar .micro{height:9px}
.lad-scene{margin-top:4px}
.lad-scene .progress-dot{left:calc(9% + var(--p) * .82)}
.lad-scene .progress-label{bottom:auto;top:12px;left:14px;font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.lad-missing{padding:30px 0;text-align:left}
.alert.lad-info{background:var(--orange-soft);color:#7a4b0a}
.lad-detail .alert{min-height:0;font-size:12.5px;gap:8px}
.lad-note-view .ql-container.ql-snow{border:0;font:inherit}
.lad-note-view .ql-editor{padding:0;font-size:14px;line-height:1.65}

/* ---------- формы ---------- */
.lad-form{padding-top:12px !important}
.lad-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;min-width:0}
.lad-field>label,.lad-label,.lad-fieldset legend{font-size:12px;font-weight:800;color:var(--text)}
.lad-input{height:40px;border:1px solid var(--border);border-radius:11px;background:#fff;padding:0 11px;font:inherit;font-size:13.5px;color:var(--text);width:100%;min-width:0}
.lad-input:focus{outline:0;border-color:var(--brand);box-shadow:var(--ring)}
.lad-textarea{height:auto;padding:10px 11px;line-height:1.5;resize:vertical;min-height:110px}
.lad-hint{font-size:11px}
.lad-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:end}
.lad-fieldset{border:1px solid var(--border-soft);border-radius:13px;padding:10px 12px 2px}
.lad-fieldset legend{padding:0 4px}
.lad-fieldset.collapsed{border-color:transparent;padding:0;margin-bottom:6px}
.lad-fieldset.collapsed legend{padding:0}
.lad-fieldset legend .lad-check-label{margin-bottom:0}
.lad-check-label{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px;cursor:pointer}
input[type=checkbox],input[type=radio]{accent-color:var(--brand);width:16px;height:16px}
.lad-daychip{cursor:pointer;height:30px}
.lad-daychip input{margin:0;width:14px;height:14px}
.lad-daychip:has(input:checked){background:#e8f5ee;color:var(--success)}
.lad-quill .ql-toolbar.ql-snow{border-color:var(--border);border-radius:12px 12px 0 0;background:var(--surface)}
.lad-quill .ql-container.ql-snow{border-color:var(--border);border-radius:0 0 12px 12px;background:#fff;min-height:280px;font:inherit;font-size:14px}
.lad-quill .ql-editor{min-height:280px;line-height:1.65}
.lad-quill .ql-editor:focus-visible{outline:0}
.lad-quill:focus-within .ql-container.ql-snow{border-color:var(--brand);box-shadow:var(--ring)}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Обычный'}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Заголовок'}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Подзаголовок'}
.ql-snow .ql-picker.ql-header{width:126px}
.ql-snow .ql-tooltip::before{content:'Открыть ссылку:'}
.ql-snow .ql-tooltip[data-mode=link]::before{content:'Адрес ссылки:'}
.ql-snow .ql-tooltip[data-mode=video]::before{content:'Адрес видео:'}
.ql-snow .ql-tooltip a.ql-action::after{content:'Изменить'}
.ql-snow .ql-tooltip a.ql-remove::before{content:'Удалить'}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after{content:'Сохранить'}

/* ---------- окна ---------- */
.lad-backdrop{animation:ladFade .16s ease-out}
@keyframes ladFade{from{opacity:0}}
.lad-modal{max-height:calc(100vh - 40px);overflow:auto;text-align:left}
.lad-modal.wide{width:min(640px,calc(100vw - 32px))}
.lad-modal p{text-align:left}
.lad-modal h2{outline:0}
.lad-modal-actions{margin-top:16px}
.lad-modal-actions.three{grid-template-columns:1fr 1fr 1fr}
.lad-modal-text p{font-size:13px;color:var(--text2)}
.lad-convert-src{display:flex;align-items:center;gap:8px;margin:4px 0 12px;overflow-wrap:anywhere}
.lad-seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.lad-segitem{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:8px 10px;font-size:12.5px;font-weight:650;cursor:pointer}
.lad-segitem:has(input:checked){background:var(--brand-soft);border-color:#cfe6da;color:var(--brand)}
.lad-segitem input{margin:0}
.lad-convert-opts{margin-bottom:8px}
.lad-steps{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.lad-steps .lad-input{flex:1}
.lad-preview{background:var(--green-soft);border-radius:12px;padding:8px 12px}
.lad-preview p{margin:5px 0}
.lad-errlist{color:#8e332f}

/* ---------- уведомления ---------- */
.lad-snack-host .snackbar{z-index:45}
.lad-snackbar.error{background:#5a1f1c}
.lad-snackbar .undo{white-space:nowrap}
.lad-snack-close{color:#cfd8dc;font-size:18px;line-height:1;margin-left:4px}
.lad-snack-text{flex:1;min-width:0;font-size:13px;line-height:1.4}

/* ---------- главная и архив ---------- */
.lad-searchrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0 10px}
.lad-searchrow .lad-searchbox{flex:1;min-width:220px}
.lad-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--orange-soft);border-radius:12px;padding:9px 13px;font-size:12.5px;margin:0 0 10px}
.lad-subhead{display:flex;align-items:center;gap:10px;margin:24px 0 8px}
.lad-subhead .section-title{margin:0}
.lad-card.lad-deleted{opacity:.78}
.lad-menu-count{margin-left:auto;font-size:12px}
.lad-typeword{font-weight:650;color:var(--text2)}
.lad-projname span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lad-iconbtn{width:38px;height:38px;flex:0 0 auto;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:box-shadow .2s,border-color .2s}
.lad-iconbtn:hover{border-color:rgba(15,104,87,.22);box-shadow:var(--shadow-hover)}
.lad-iconbtn[aria-expanded=true]{background:var(--brand-soft);color:var(--brand)}
.lad-viewhead .lad-home{margin-right:2px}

/* ---------- страница записи ---------- */
.lad-head-tools{display:flex;align-items:center;gap:8px}
.lad-head-tools .lad-edit{height:38px}
.lad-body{font-size:15px;line-height:1.6}
.lad-transform{display:flex;flex-wrap:wrap;gap:8px}
.lad-tchip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font:inherit;font-size:13px;font-weight:650;color:var(--text);cursor:pointer;transition:background-color .18s,border-color .18s,box-shadow .18s}
.lad-tchip:hover,.lad-tchip:focus-visible{background:var(--brand-soft);border-color:#cfe6da;color:var(--brand)}
.lad-histbox summary{cursor:pointer;color:var(--brand);font-weight:650;font-size:12.5px;padding:4px 0}
.lad-histbox .meta{margin:6px 0}
.lad-history{padding-top:8px}
.lad-progress-empty{border:1px dashed var(--border);border-radius:14px;padding:16px;font-size:13px;color:var(--text2);background:var(--surface)}
.lad-keep{margin:4px 0 12px;line-height:1.4}
.lad-pop{position:absolute;z-index:60;min-width:220px;background:var(--surface2);border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 18px 44px rgba(15,32,29,.18);padding:6px;animation:ladMenu .14s ease-out}
.lad-pop-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:14px;color:var(--text);cursor:pointer;text-align:left}
.lad-pop-item:hover,.lad-pop-item:focus-visible{background:var(--brand-soft);outline:0}
.lad-pop-item.danger{color:var(--danger)}

/* ---------- настройки ---------- */
.lad-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:12px}
.lad-setcard .section-title{gap:8px}
.lad-setcard .setting-row{cursor:default;gap:12px;padding:6px 0;border-bottom:0}
.lad-setcard .setting-row:hover{transform:none;box-shadow:none}
.lad-plain{padding-left:18px;margin:6px 0 0}
.lad-plain li{margin:3px 0}
.lad-safety{margin-top:10px}

/* ---------- телефон и планшет: строка меню · ввод · голос снизу ---------- */
@media(max-width:1023px){
  .lad-page-wrap{padding:0 16px}
  .lad-main{padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--capture-h,80px) + 20px)}
  @keyframes ladMenuUp{from{opacity:0;transform:translateY(6px)}}
  .lad-viewtitle{font-size:23px}
  .lad-entry-page{max-width:none;margin:8px -16px 0;border-radius:0;border-left:0;border-right:0;min-height:calc(100vh - var(--capture-h,76px))}
  .lad-entry-page .detail-footer{border-radius:0;bottom:var(--capture-h,76px)} /* над закреплённой строкой ввода */
  .lad-searchrow .lad-searchbox{min-width:0}
  .lad-entry-page .detail-head h2{font-size:21px}
  .lad-snack-host .snackbar{bottom:calc(var(--capture-h,84px) + 12px)}
  .lad-settings{grid-template-columns:1fr}
  .lad-voice-interim{display:none}
}
@media(max-width:599px){
  .lad-grid2{grid-template-columns:1fr}
  .lad-modal-actions.three{grid-template-columns:1fr}
  .lad-voice-label{display:none}
  .lad-stats{gap:4px}
  .lad-stat b{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{transition:none !important;animation:none !important}
  .lad-wave[data-mode=level] span{display:none}
  .lad-wave[data-mode=level] .lad-meter{display:block}
  .lad-rec-dot{box-shadow:none}
}

.lad-setcard .setting-row{flex-wrap:wrap}
.lad-prefseg{margin:0;border:0;padding:0}

/* ===================================================================
   Тёмная тема: html[data-theme=dark]. Те же токены с тёмными значениями +
   переопределение цветов, заданных в макете напрямую.
   =================================================================== */
:root[data-theme=dark]{
  color-scheme:dark;
  --brand:#2f9a7d;--brand-hover:#38a98a;--brand-soft:#1c3a31;--accent:#f0a12a;--gold:#f2b53d;
  --bg:#111917;--bg2:#151f1c;--surface:#1a2522;--surface2:#1e2a26;--green-soft:#17302a;
  --orange-soft:#33280f;--red-soft:#3a1f1c;--text:#e7ece8;--text2:#b9c4be;--muted:#8d9a94;
  --border:#2e3c37;--border-soft:#26332e;--success:#3fbf8c;--warning:#f0a12a;--danger:#f0675f;--info:#6aa8ef;--purple:#a98bea;
  --voice:#0b1110;
  --shadow:0 4px 12px rgba(0,0,0,.3);--shadow-md:0 10px 26px rgba(0,0,0,.35);
  --shadow-soft:0 10px 30px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.18);
  --shadow-hover:0 18px 42px rgba(0,0,0,.42),0 4px 16px rgba(0,0,0,.26);
  --ring:0 0 0 3px rgba(63,191,140,.24);
  --brand-text:#5cc7a6
}
[data-theme=dark] .card,[data-theme=dark] .task,[data-theme=dark] .lad-entry-page,[data-theme=dark] .detail-footer{background:rgba(26,37,34,.97)}
[data-theme=dark] .lad-bar{background:rgba(17,25,23,.94)}
[data-theme=dark] .quick{background:var(--surface);border-color:var(--border)}
[data-theme=dark] .tab{background:rgba(255,255,255,.06);color:var(--text2)}
[data-theme=dark] .tab.active{background:var(--brand);color:#fff}
[data-theme=dark] .count{background:#3a2c12;color:#f2c46d}
[data-theme=dark] .chip{background:#26332f;color:var(--text2)}
[data-theme=dark] .chip.green,[data-theme=dark] .kpi-icon,[data-theme=dark] .event.green,[data-theme=dark] .lad-daychip:has(input:checked){background:#17392c;color:var(--success)}
[data-theme=dark] .chip.red,[data-theme=dark] .lad-card-icon.type-reminder{background:#3d1f1d;color:#f4938c}
[data-theme=dark] .chip.orange,[data-theme=dark] .kpi-icon.orange,[data-theme=dark] .event.orange,[data-theme=dark] .lad-card-icon.type-project{background:#3a2c12;color:#f2c46d}
[data-theme=dark] .chip.blue,[data-theme=dark] .kpi-icon.blue,[data-theme=dark] .event,[data-theme=dark] .lad-card-icon.type-task,[data-theme=dark] .lad-card-icon.type-note{background:#182c42;color:var(--info)}
[data-theme=dark] .chip.purple,[data-theme=dark] .kpi-icon.purple,[data-theme=dark] .event.purple,[data-theme=dark] .lad-card-icon.type-thought{background:#2a2142;color:#c2a8f5}
[data-theme=dark] .lad-card-icon{background:var(--brand-soft);color:var(--brand-text)}
[data-theme=dark] .task.overdue{background:linear-gradient(90deg,var(--red-soft),rgba(26,37,34,.97) 60%)}
[data-theme=dark] .task.selected,[data-theme=dark] .lad-card.selected{background:var(--brand-soft);border-color:#2b5a4a}
[data-theme=dark] .checkbox{border-color:#5b6a65}
[data-theme=dark] .checkbox.checked{border-color:var(--brand)}
[data-theme=dark] .micro{background:#2a3733}
[data-theme=dark] .day{color:var(--text2)}
[data-theme=dark] .day.head{color:var(--muted)}
[data-theme=dark] .toggle{background:#3a4844}
[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1c2724,#22302b,#1c2724)}
[data-theme=dark] .alert{color:#f4b2ac}
[data-theme=dark] .alert.lad-info,[data-theme=dark] .lad-minaction{color:#f2c46d}
[data-theme=dark] .lad-input,[data-theme=dark] .lad-quill .ql-container.ql-snow,[data-theme=dark] .search-box,[data-theme=dark] .lad-select{background:var(--bg2);color:var(--text);border-color:var(--border)}
[data-theme=dark] .lad-segitem:has(input:checked){border-color:#2b5a4a}
[data-theme=dark] .lad-linkbtn,[data-theme=dark] .lad-menu-item.active,[data-theme=dark] .lad-hist summary,[data-theme=dark] .lad-segitem:has(input:checked),[data-theme=dark] .lad-bar-btn[aria-expanded=true]{color:var(--brand-text)}
[data-theme=dark] .lad-linkbtn.danger,[data-theme=dark] .lad-danger-text{color:var(--danger)}
[data-theme=dark] .lad-voice{border:1px solid var(--border)}
[data-theme=dark] .modal-backdrop,[data-theme=dark] .lad-menu-backdrop{background:rgba(0,0,0,.5)}
[data-theme=dark] .lad-menu{box-shadow:0 24px 60px rgba(0,0,0,.5)}
[data-theme=dark] .state-art{filter:brightness(.88)}
[data-theme=dark] .btn:hover,[data-theme=dark] .lad-bar-btn:hover,[data-theme=dark] .lad-linkrow:hover{border-color:rgba(92,199,166,.35)}
[data-theme=dark] .ql-snow .ql-stroke{stroke:var(--text2)}
[data-theme=dark] .ql-snow .ql-fill{fill:var(--text2)}
[data-theme=dark] .ql-snow .ql-picker{color:var(--text2)}
[data-theme=dark] .ql-snow .ql-picker-options{background:var(--surface2);border-color:var(--border)}
[data-theme=dark] .ql-snow button:hover .ql-stroke,[data-theme=dark] .ql-snow .ql-active .ql-stroke{stroke:var(--brand-text)}
[data-theme=dark] .ql-snow button:hover .ql-fill,[data-theme=dark] .ql-snow .ql-active .ql-fill{fill:var(--brand-text)}
[data-theme=dark] .ql-snow.ql-toolbar button:hover,[data-theme=dark] .ql-snow .ql-toolbar button.ql-active,[data-theme=dark] .ql-snow.ql-toolbar button.ql-active{color:var(--brand-text)}
[data-theme=dark] .lad-quill .ql-toolbar.ql-snow{background:var(--surface);border-color:var(--border)}
[data-theme=dark] .ql-editor.ql-blank::before{color:var(--muted)}
[data-theme=dark] .ql-snow .ql-tooltip{background:var(--surface2);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-md)}
[data-theme=dark] .ql-snow .ql-tooltip input[type=text]{background:var(--bg2);color:var(--text);border-color:var(--border)}
[data-theme=dark] .ql-snow a{color:var(--brand-text)}
@media(max-width:1023px){[data-theme=dark] .lad-bar{background:rgba(17,25,23,.97)}}
[data-theme=dark] .lad-tchip:hover,[data-theme=dark] .lad-tchip:focus-visible,[data-theme=dark] .lad-histbox summary,[data-theme=dark] .lad-iconbtn[aria-expanded=true]{color:var(--brand-text)}
[data-theme=dark] .lad-tchip:hover{border-color:#2b5a4a}
[data-theme=dark] .lad-banner{color:#f2c46d}
[data-theme=dark] .lad-pop{box-shadow:0 18px 44px rgba(0,0,0,.5)}

/* ===================================================================
   Лад 4.0 — новая структура (прототип docs/prototype, ADR-0008).
   Палитра и шрифты в духе бренда: спокойный зелёный, тёплое золото помощника,
   Literata — для мыслей и заголовков, Onest — для интерфейса.
   Раскладка: одна колонка мыслей; запись — отдельной страницей; помощник выезжает справа
   (на телефоне — снизу); поле записи на телефоне закреплено снизу.
   =================================================================== */
:root{
  --bg:#F1F4EF;--bg2:#E9EEE7;--surface:#FCFDFA;--surface2:#FFFFFF;--sunk:#E7ECE5;
  --text:#15241D;--text2:#3E4F46;--muted:#5B6C63;--border:#D6DED6;--border-soft:#E1E7E0;
  --brand:#1E5A47;--brand-hover:#174A3A;--brand-soft:#DDEBE3;--brand-text:#1E5A47;--brand-ink:#FFFFFF;
  --gold:#B8862C;--gold-ink:#5C410C;--gold-soft:#F5ECD8;--accent:#B8862C;
  --green-soft:#E3EFE7;--success:#2E7D5B;--danger:#A8432F;--red-soft:#F6E4DF;--orange-soft:#F5ECD8;
  --shadow:0 1px 2px rgba(21,36,29,.06),0 8px 24px rgba(21,36,29,.07);
  --shadow-soft:0 1px 2px rgba(21,36,29,.05),0 6px 18px rgba(21,36,29,.06);
  --shadow-md:0 12px 32px rgba(21,36,29,.10);
  --shadow-hover:0 2px 4px rgba(21,36,29,.06),0 12px 28px rgba(21,36,29,.10);
  --ring:0 0 0 3px rgba(30,90,71,.18);
  --font:"Onest",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-display:"Literata",Georgia,"Times New Roman",serif;
  --col:880px
}
:root[data-theme=dark]{
  --bg:#0E1512;--bg2:#121B17;--surface:#151F1B;--surface2:#18231F;--sunk:#1B2722;
  --text:#E5ECE7;--text2:#BCC9C1;--muted:#93A49A;--border:#26342D;--border-soft:#212E28;
  --brand:#6DC0A0;--brand-hover:#82CDB0;--brand-soft:#1A3029;--brand-text:#7FD0B0;--brand-ink:#0B1A14;
  --gold:#E0B65A;--gold-ink:#F3DDA8;--gold-soft:#2A2314;--accent:#E0B65A;
  --green-soft:#16302A;--success:#5FC79A;--danger:#E58A74;--red-soft:#3A221D;--orange-soft:#2A2314;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);
  --shadow-soft:0 1px 2px rgba(0,0,0,.28),0 6px 18px rgba(0,0,0,.22);
  --shadow-md:0 12px 32px rgba(0,0,0,.4);
  --shadow-hover:0 2px 4px rgba(0,0,0,.3),0 12px 28px rgba(0,0,0,.35);
  --ring:0 0 0 3px rgba(109,192,160,.25)
}
html,body{background:var(--bg);color:var(--text);font-family:var(--font)}
body{font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.app.lad-app{--bar-max:var(--col)}
.lad-page-wrap{max-width:var(--col);padding:0 24px}
.btn{border-radius:12px;font-weight:600}
.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.btn.primary:hover{background:var(--brand-hover)}
.btn.ghost{background:transparent;border-color:transparent}
.btn.ghost:hover{background:var(--sunk)}
.lad-iconbtn{width:40px;height:40px;border-radius:12px;border:0;background:transparent;color:var(--text);display:inline-grid;place-items:center;cursor:pointer}
.lad-iconbtn:hover{background:var(--sunk)}
.lad-input{border-radius:10px}

/* ---------- шапка ---------- */
.lad-top{padding:18px 24px 10px}
.lad-top-row{max-width:var(--col);margin:0 auto;display:flex;align-items:center;gap:12px}
.lad-logo{display:flex;align-items:baseline;gap:10px;border:0;background:transparent;padding:4px 2px;cursor:pointer;color:inherit;border-radius:10px}
.lad-logo b{font:600 26px/1 var(--f-display);letter-spacing:-.01em;color:var(--brand)}
.lad-today{font-size:13px;color:var(--muted)}
.lad-menu-btn[aria-expanded=true]{background:var(--brand-soft);color:var(--brand)}
body.lad-on-entry .lad-today{display:none}

/* ---------- поле «Что у вас на уме?» ---------- */
.lad-composer{max-width:calc(var(--col) + 48px);margin:0 auto;padding:0 24px}
.lad-composer-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:12px 12px 8px;transition:border-color .2s,box-shadow .2s}
.lad-composer-card:focus-within,.lad-composer-card.drop{border-color:var(--brand);box-shadow:var(--shadow),var(--ring)}
.lad-capture{display:block}
.lad-capture textarea{display:block;width:100%;border:0;outline:0;background:transparent;resize:none;min-height:52px;max-height:220px;padding:6px 6px 8px;font:400 18px/1.45 var(--f-display);color:var(--text)}
.lad-capture textarea::placeholder{color:var(--muted);font-style:italic}
.lad-capture.saving{opacity:.85}
.lad-tools{display:flex;align-items:center;gap:2px;flex-wrap:wrap;border-top:1px solid var(--border-soft);padding-top:8px;margin-top:2px}
.lad-tool{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:550;cursor:pointer}
.lad-tool:hover{background:var(--sunk);color:var(--text)}
.lad-tool.rec{background:var(--danger);color:#fff}
.lad-tool .ico,.lad-save .ico{display:inline-flex}
.lad-kbd{font-size:11.5px;color:var(--muted);margin-right:6px}
.lad-save{height:38px;padding:0 16px;border-radius:12px;border:0;background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:650;display:inline-flex;gap:8px;align-items:center;cursor:pointer}
.lad-save:hover{background:var(--brand-hover)}
.lad-save:disabled{opacity:.6;cursor:progress}
.lad-composer-card.recording .lad-tools{border-top:0}
.lad-composer .lad-voice{margin:0 0 6px;border-radius:14px}
.lad-capture-att{display:flex;flex-wrap:wrap;gap:8px;margin:2px 2px 8px}
.lad-linkrow{display:flex;gap:8px;margin:0 2px 8px;align-items:center}
.lad-linkrow .lad-input{flex:1;min-width:0;height:38px}
.lad-attchip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;padding:5px 6px;border-radius:12px;background:var(--sunk);font-size:13px;color:var(--text)}
.lad-attchip img,.lad-attthumb{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:0 0 auto}
.lad-attthumb{display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.lad-attname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-weight:550}
a.lad-attname{text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
.lad-attx{border:0;background:transparent;color:var(--muted);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.lad-attx:hover{background:var(--border-soft);color:var(--text)}
.lad-capture-status{max-width:var(--col);margin:0 auto;min-height:24px;padding:6px 8px 0;font-size:12.5px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text2)}
.lad-capture-status[data-kind=error]{color:var(--danger);font-weight:600}
.lad-capture-status[data-kind=error]>span:first-child{background:var(--surface);border:1px solid var(--border-soft);border-radius:99px;padding:3px 10px}
.lad-share p{margin:0 0 10px}

/* ---------- меню ---------- */
.lad-menu{top:64px;left:auto;right:max(16px,calc((100vw - var(--col)) / 2 + 12px));width:260px;background:var(--surface2);border-color:var(--border);box-shadow:var(--shadow-md)}
.lad-menu-item.active{background:var(--brand-soft);color:var(--brand-text)}

/* ---------- главная: разделы ---------- */
.lad-view{padding-top:6px}
.lad-sechead{display:flex;align-items:center;gap:10px;margin:26px 0 10px;flex-wrap:wrap}
.lad-sechead h2{margin:0;font:650 12.5px/1.2 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.lad-sec-n{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.lad-sechead .lad-searchrow{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.lad-searchbox{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:10px;background:var(--sunk);color:var(--muted);min-width:0}
.lad-searchbox input{border:0;background:transparent;outline:0;width:170px;min-width:0;color:var(--text);font:inherit;font-size:14px}
.lad-hint-line{font-size:13.5px;color:var(--muted);margin:-4px 0 12px;max-width:62ch}
.lad-empty-line{padding:18px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center;font-size:14px}
.lad-done{margin-top:24px}
.lad-done summary{cursor:pointer;color:var(--muted);font-weight:650;font-size:13px;display:inline-flex;gap:6px;align-items:center;list-style:none;padding:6px 2px}
.lad-done summary::-webkit-details-marker{display:none}
.lad-done .lad-list{margin-top:10px}
.lad-banner{background:var(--gold-soft);color:var(--gold-ink);border:0}
.lad-list{gap:8px}
.lad-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:none;padding:13px 14px}
.lad-card:hover{border-color:var(--brand);box-shadow:none;transform:none}
.lad-card .lad-title{font:500 17px/1.3 var(--f-display);color:var(--text)}
.lad-card .lad-summary{color:var(--muted)}
.lad-card.lad-new{animation:ladFresh 1.8s ease-out}
@keyframes ladFresh{0%{background:var(--brand-soft)}100%{background:var(--surface)}}
.lad-card-icon{background:var(--sunk);color:var(--muted);border-radius:11px}
.lad-card-icon.type-project{background:var(--brand);color:var(--brand-ink)}
.lad-card-icon.type-task,.lad-card-icon.type-habit,.lad-card-icon.type-note,.lad-card-icon.type-reminder{background:var(--brand-soft);color:var(--brand)}
.lad-aibadge{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:12px;font-weight:700;color:var(--gold-ink);background:var(--gold-soft);padding:3px 8px;border-radius:99px;white-space:nowrap;margin-left:6px}

/* ---------- страница мысли ---------- */
.lad-entry-page{background:transparent;border:0;box-shadow:none;margin:0;border-radius:0}
.lad-entry-page .detail-head{padding:4px 0 10px;border:0;background:transparent}
.lad-entry-page .detail-head h2{font:550 32px/1.18 var(--f-display);letter-spacing:-.01em;margin:6px 0 8px;text-wrap:balance}
.lad-entry-page .detail-body{padding:0 0 32px}
.lad-entry-page .detail-section{border-bottom:0;padding:14px 0 0;margin-top:14px}
.lad-entry-page .detail-title{font:650 13.5px/1.25 var(--font);letter-spacing:.01em;color:var(--muted);margin-bottom:10px}
.lad-head-tools{display:flex;gap:8px;align-items:center}
.lad-origin{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);margin-top:6px}
.lad-body{font:400 17px/1.6 var(--f-display);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;max-width:68ch;margin:4px 0 0}
.lad-note-view .ql-editor{font:400 17px/1.6 var(--f-display)}
.lad-attach{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.lad-files:empty{display:none}
.lad-files{display:flex;flex-direction:column;gap:10px}
.lad-attrow{display:flex;flex-wrap:wrap;gap:8px}
.lad-photos{display:flex;flex-wrap:wrap;gap:10px}
.lad-photo{position:relative;margin:0}
.lad-photo-open{border:0;padding:0;background:transparent;cursor:pointer;display:block;border-radius:12px}
.lad-photo img{width:180px;max-width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--border);display:block}
.lad-photo .lad-attx{position:absolute;top:6px;right:6px;background:var(--surface)}
.lad-attbar{display:flex;gap:8px;flex-wrap:wrap}
.lad-next{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--brand-soft);color:var(--brand-text);margin-top:16px}
.lad-next b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.lad-next p{margin:2px 0 0;font:500 16px/1.4 var(--f-display);color:var(--text)}
.lad-next .grow,.lad-rule .grow{flex:1;min-width:0}
.lad-hint-sug{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;border:0;padding:14px 16px;border-radius:16px;background:var(--gold-soft);color:var(--gold-ink);margin-top:16px;cursor:pointer;font:inherit}
.lad-hint-sug:hover{box-shadow:inset 0 0 0 1px var(--gold)}
.lad-hint-sug b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.lad-hint-sug span span{display:block;font:500 16px/1.4 var(--f-display)}
.lad-path{display:flex;align-items:flex-start;margin:20px 0 0;overflow-x:auto;padding-bottom:4px}
.lad-pstep{display:flex;flex-direction:column;gap:5px;min-width:130px;max-width:190px;position:relative;padding-right:14px}
.lad-pstep::before{content:"";position:absolute;top:6px;left:12px;right:0;height:2px;background:var(--border)}
.lad-pstep:last-child::before{display:none}
.lad-pstep i{width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);position:relative;z-index:1}
.lad-pstep.ai i{border-color:var(--gold);background:var(--gold-soft)}
.lad-pstep:last-child i{background:var(--brand)}
.lad-pstep b{font-size:12.5px;font-weight:600;line-height:1.3}
.lad-pstep span{font-size:11.5px;color:var(--muted)}
.lad-transform{gap:8px}
.lad-tchip{height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-weight:550;font-size:14px;color:var(--text)}
.lad-tchip:hover{border-color:var(--brand)}
.lad-tchip.lad-advised{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.lad-advice{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--gold-ink);background:var(--gold-soft);padding:1px 7px;border-radius:99px;margin-left:2px}
.lad-goal{margin-bottom:12px}
.lad-goal-text{font:500 18px/1.4 var(--f-display);margin:0 0 4px}
.lad-rules{display:flex;flex-direction:column;gap:8px}
.lad-rule{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--gold-soft);color:var(--gold-ink);font-size:13.5px}
.lad-rule .lad-toggle.on{background:var(--brand)}
.lad-rule .lad-toggle.on:after{margin-left:18px}
.lad-aibtn{background:var(--gold-soft);border-color:transparent;color:var(--gold-ink)}
.lad-aibtn:hover{border-color:var(--gold)}
.lad-ai-n{background:var(--gold);color:#fff;border-radius:99px;padding:0 7px;font-size:12px;line-height:20px;font-weight:700}
[data-theme=dark] .lad-ai-n{color:#1d1606}

/* ---------- помощник ---------- */
.lad-ai{position:fixed;z-index:60;top:12px;right:12px;bottom:12px;width:410px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-md);animation:ladAiIn .22s cubic-bezier(.2,.7,.2,1)}
@keyframes ladAiIn{from{transform:translateX(30px);opacity:0}}
.lad-ai-scrim{position:fixed;inset:0;z-index:59;background:rgba(10,20,16,.28)}
@media(min-width:1300px){
  .lad-ai-scrim{display:none}
  body.lad-ai-open .lad-page-wrap{max-width:calc(var(--col) + 470px);padding-right:450px}
}
.lad-ai-head{display:flex;align-items:center;gap:10px;padding:14px 12px 12px 16px;border-bottom:1px solid var(--border-soft)}
.lad-ai-head .grow{flex:1;min-width:0}
.lad-ai-head b{display:block;font-size:15px}
.lad-ai-head small{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.lad-ai-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);flex:0 0 auto}
.lad-ai-feed{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
.lad-ai-quick{display:flex;gap:6px;overflow-x:auto;padding:8px 14px 4px;scrollbar-width:none}
.lad-ai-quick::-webkit-scrollbar{display:none}
.lad-qchip{flex:0 0 auto;height:32px;padding:0 11px;border-radius:99px;border:1px solid var(--border);background:var(--bg);font:inherit;font-size:13px;font-weight:550;color:var(--text);cursor:pointer}
.lad-qchip:hover{border-color:var(--gold)}
.lad-ai-input{display:flex;gap:8px;align-items:flex-end;padding:8px 12px 10px}
.lad-ai-q{flex:1;min-width:0;resize:none;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);padding:10px 12px;min-height:42px;max-height:120px;outline:0;font:inherit}
.lad-ai-q:focus{border-color:var(--gold)}
.lad-ai-send{width:42px;height:42px;border-radius:13px;border:0;background:var(--gold);color:#fff;display:grid;place-items:center;flex:0 0 auto;cursor:pointer}
.lad-ai-note{font-size:11.5px;color:var(--muted);padding:0 16px 12px;line-height:1.4}
.lad-msg{font-size:14px;line-height:1.5;max-width:92%}
.lad-msg.me{align-self:flex-end;background:var(--brand-soft);padding:9px 12px;border-radius:14px 14px 4px 14px}
.lad-msg.bot{align-self:flex-start}
.lad-typing{display:inline-flex;gap:4px;padding:8px 0}
.lad-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:ladPulse 1s infinite}
.lad-typing i:nth-child(2){animation-delay:.2s}.lad-typing i:nth-child(3){animation-delay:.4s}
@keyframes ladPulse{50%{opacity:.3}}
.lad-auto{border-radius:16px;padding:12px;background:var(--sunk)}
.lad-kind{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.lad-kind.gold{color:var(--gold-ink)}
.lad-auto h4,.lad-prop h4{margin:6px 0 6px;font:550 15.5px/1.35 var(--f-display)}
.lad-auto ul{margin:0;padding-left:18px;font-size:13.5px;display:flex;flex-direction:column;gap:3px}
.lad-fine{font-size:12px;color:var(--muted);margin-top:8px}
.lad-dirs{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.lad-dir{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:10px 10px 10px 12px;background:var(--surface)}
.lad-dir .grow{flex:1;min-width:0}
.lad-dir b{display:block;font-size:14px}
.lad-dir span{font-size:13px;color:var(--muted)}
.lad-dir.on{border-color:var(--brand)}
.lad-prop{border:1px solid var(--border);border-radius:16px;padding:12px 12px 10px;background:var(--bg)}
.lad-prop p{margin:0 0 6px;font-size:13.5px;color:var(--muted)}
.lad-pitems{list-style:none;margin:6px 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}
.lad-pitems label{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;cursor:pointer}
.lad-pitems input{margin-top:3px;accent-color:var(--brand);flex:0 0 auto}
.lad-effect{font-size:12px;color:var(--muted);margin:2px 0 8px}
.lad-acts{display:flex;gap:6px;flex-wrap:wrap}
.lad-prop.applied{border-style:dashed}
.lad-prop.dismissed{opacity:.6}
.lad-state{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--brand-text)}
.lad-state.muted{color:var(--muted)}
.lad-qf{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}
.lad-qf label{font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.lad-qf .lad-input{height:36px;width:100%;min-width:0}
.lad-ai-fab{display:none}

/* ---------- телефон и планшет ---------- */
@media(max-width:1023px){
  .lad-top{padding:14px max(16px,env(safe-area-inset-left)) 4px}
  .lad-page-wrap{padding:0 16px}
  .lad-composer{position:fixed;z-index:40;left:0;right:0;bottom:var(--kb,0px);max-width:none;padding:0;display:flex;flex-direction:column}
  .lad-composer-card{border-radius:20px 20px 0 0;border-bottom:0;padding:10px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-shadow:0 -10px 30px rgba(21,36,29,.10)}
  .lad-capture-status{order:-1;min-height:0;padding:0 12px 6px;background:transparent}
  .lad-capture textarea{min-height:44px;font-size:17px;max-height:140px}
  .lad-tool .lbl,.lad-kbd{display:none}
  .lad-tool{width:40px;justify-content:center;padding:0}
  .lad-main{padding-top:0;padding-bottom:calc(var(--capture-h,120px) + 20px)}
  body.lad-capture-off .lad-main{padding-bottom:96px}
  .lad-menu{top:58px;right:12px}
  .lad-entry-page{margin:0;min-height:0}
  .lad-entry-page .detail-head h2{font-size:26px}
  .lad-entry-page .detail-footer{bottom:0}
  body:not(.lad-capture-off) .lad-entry-page .detail-footer{bottom:var(--capture-h,120px)}
  .lad-head-tools .lad-aibtn{display:none}
  .lad-ai{top:auto;left:0;right:0;bottom:0;width:auto;max-width:none;height:86vh;border-radius:22px 22px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);animation-name:ladAiUp}
  @keyframes ladAiUp{from{transform:translateY(40px);opacity:0}}
  .lad-ai-fab:not([hidden]){display:inline-flex;position:fixed;z-index:45;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));height:50px;padding:0 16px;border-radius:16px;border:0;background:var(--gold);color:#fff;font:inherit;font-weight:700;align-items:center;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer}
  body:not(.lad-capture-off) .lad-ai-fab{bottom:calc(var(--capture-h,120px) + 12px)}
  .lad-ai-fab .lad-ai-n{background:#fff;color:var(--gold-ink)}
  body.lad-ai-open .lad-ai-fab{display:none}
  .lad-snack-host .snackbar{bottom:calc(var(--capture-h,84px) + 12px)}
  body.lad-capture-off .lad-snack-host .snackbar{bottom:84px}
  .lad-searchbox input{width:110px}
  .lad-sechead{margin-top:20px}
}
@media(max-width:599px){
  .lad-today{display:none}
  .lad-photo img{width:140px}
}
[data-theme=dark] .lad-composer-card{box-shadow:var(--shadow)}
[data-theme=dark] .lad-card,[data-theme=dark] .lad-entry-page{background:var(--surface)}
[data-theme=dark] .lad-entry-page{background:transparent}
[data-theme=dark] .lad-tool.rec{color:#fff}
@media(max-width:1023px){[data-theme=dark] .lad-composer-card{box-shadow:0 -10px 30px rgba(0,0,0,.35)}}
.lad-card-icon.type-thought{background:var(--sunk);color:var(--muted)}
.chip.purple{background:var(--sunk);color:var(--text2)}
@media(min-width:1300px){body.lad-ai-open .lad-top-row{max-width:calc(var(--col) + 450px);padding-right:450px}}
[data-theme=dark] .lad-card-icon.type-thought{background:var(--sunk);color:var(--muted)}
body.lad-editing .lad-ai-fab{display:none !important}
[data-theme=dark] .chip.purple{background:var(--sunk);color:var(--text2)}

/* ---------- 4.2: «развернуть» на карточке главной — связанные записи внутри ---------- */
.lad-card.lad-has-kids{flex-wrap:wrap}
.lad-expand{align-self:flex-start;flex:0 0 auto;margin:4px 0 0 6px;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:99px;padding:5px 8px 5px 11px;font:inherit;font-size:12px;font-weight:650;line-height:1.2;cursor:pointer;white-space:nowrap}
.lad-expand:hover{border-color:var(--brand);color:var(--brand)}
.lad-expand .lad-ico{display:inline-grid;transition:transform .15s}
.lad-card.open>.lad-expand{color:var(--brand);border-color:var(--brand)}
.lad-card.open>.lad-expand .lad-ico{transform:rotate(180deg)}
.lad-kids{flex:0 0 100%;min-width:0;border-top:1px solid var(--border);margin-top:10px;padding-top:6px}
.lad-kids[hidden]{display:none}
.lad-kidlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lad-kidlist.sub{padding-left:30px}
.lad-kid-row{display:flex;align-items:center;gap:10px;min-height:38px}
.lad-kid-row>.checkbox{margin:0}
.lad-kid-row>.checkbox.habit{border-radius:50%}
.lad-kid-open{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;background:transparent;border:0;text-align:left;padding:6px 4px;border-radius:8px;color:inherit;font:inherit;cursor:pointer}
.lad-kid-open:hover .lad-kid-title{color:var(--brand)}
.lad-kid-open:focus-visible{outline-offset:-2px}
.lad-kid-title{font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.lad-kid.done>.lad-kid-row .lad-kid-title{text-decoration:line-through;color:var(--muted);font-weight:500}
.lad-kid-sum{flex-basis:100%;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lad-kid-icon{width:20px;flex:0 0 20px;display:grid;place-items:center;color:var(--muted)}
.lad-kid-open .lad-meta{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:3px}
.lad-kid-open .lad-meta.danger{color:var(--red)}
.lad-habitstrip{padding:2px 0 6px}
.lad-habitstrip.compact{padding-left:30px}
.lad-habitstrip>.lad-meta{font-size:12.5px;color:var(--muted);margin:2px 0 4px}
.lad-habitstrip .lad-week{margin:4px 0 0;gap:4px}
.lad-habitstrip .lad-day{width:36px}
.lad-habitstrip .lad-day .lad-dn{width:32px;height:32px;font-size:12px}
@media(max-width:480px){.lad-expand{padding:5px 7px 5px 9px}.lad-habitstrip .lad-day{width:34px}.lad-habitstrip.compact{padding-left:0}.lad-kidlist.sub{padding-left:18px}}@media(max-width:600px){.lad-card.lad-has-kids>.lad-card-open{flex-basis:calc(100% - 60px)}.lad-card.lad-has-kids>.lad-expand{margin:0 0 2px 56px}.lad-card.lad-has-kids>.checkbox~.lad-expand{margin-left:46px}}.lad-taskrow.lad-subrow{padding-left:30px}
.lad-detached{margin-top:10px;padding:10px 12px;border:1px dashed var(--border);border-radius:12px}
.lad-detached[hidden]{display:none}
.lad-detached ul{margin:4px 0 8px;padding-left:18px}
/* ---------- 4.3: привычки — отдых, счётчик, календарь, привязка, сводка на сегодня (ADR-0012) ---------- */
.lad-stats.lad-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.lad-cue{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);background:var(--sunk);border-radius:11px;padding:8px 11px;margin-bottom:10px}
.lad-cue .lad-ico{color:var(--brand)}
.lad-habit-today{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.lad-habit-today .grow{flex:1 1 180px;min-width:0;font-size:13.5px}
.lad-counter{display:inline-flex;align-items:center;gap:6px}
.lad-counter .lad-iconbtn{width:34px;height:34px;border:1px solid var(--border);border-radius:50%;font-size:18px;font-weight:700;line-height:1}
.lad-counter .lad-iconbtn:disabled{opacity:.4}
.lad-counter-n{min-width:46px;text-align:center;font-weight:750;font-variant-numeric:tabular-nums}
.lad-day.rest .lad-dn{border-style:dashed;color:var(--muted);background:var(--sunk)}
.lad-day.part .lad-dn{border-color:var(--brand);color:var(--brand);font-size:10.5px;background:linear-gradient(var(--brand-soft),var(--brand-soft))}
.lad-day:disabled{cursor:default}
.lad-monthbox{margin:8px 0 4px;border:1px solid var(--border-soft);border-radius:12px;padding:8px 10px}
.lad-monthbox>summary{cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650;list-style:none}
.lad-monthbox>summary::-webkit-details-marker{display:none}
.lad-monthhead{display:flex;align-items:center;justify-content:space-between;margin:8px 0 6px;text-transform:capitalize}
.lad-next-month .lad-ico{transform:rotate(180deg)}
.lad-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;max-width:340px}
.lad-mwd{font-size:10px;color:var(--muted);text-align:center}
.lad-mday{aspect-ratio:1;min-height:30px;border:1.5px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:650;cursor:pointer;display:grid;place-items:center;padding:0}
.lad-mday.empty{border:0;background:transparent;cursor:default}
.lad-mday.off:not(.done){opacity:.55}
.lad-mday.done{background:var(--brand);border-color:var(--brand);color:var(--brand-ink,#fff)}
.lad-mday.rest{border-style:dashed;background:var(--sunk);color:var(--muted)}
.lad-mday.part{border-color:var(--brand);background:var(--brand-soft)}
.lad-mday.today:not(.done){border-color:var(--brand);color:var(--brand)}
.lad-mday:disabled:not(.empty){opacity:.35;cursor:default}
.lad-milestones .chip{display:inline-flex;align-items:center;gap:3px}
.lad-check.lad-count{flex:0 0 auto;min-width:34px;height:26px;margin:12px 0 0 10px;padding:0 6px;border:2px solid #aab4bb;border-radius:13px;background:transparent;color:var(--text2);font:inherit;font-size:11px;font-weight:750;cursor:pointer;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.lad-check.lad-count.part{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.lad-check.lad-count.checked{background:var(--brand);border-color:var(--brand);color:#fff}
.lad-kid-row>.lad-check.lad-count{margin:0}
.checkbox.lad-check.habit.rest{border-style:dashed}
.lad-cue-meta{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lad-today-habits{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;color:var(--text2);background:var(--sunk);border-radius:99px;padding:4px 10px;white-space:nowrap}
.lad-today-habits.all{color:var(--brand);background:var(--brand-soft)}
@media(max-width:480px){.lad-stats.lad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lad-today-habits{font-size:11px;padding:3px 8px}.lad-habit-today .btn{flex:1 1 auto}}
/* ===== Лад 4.4 — страница проекта (ADR-0013) ===== */
.app.lad-app.lad-project-wide{--col:1180px}
.lad-proj-meta{align-items:center}
.lad-pstatus{display:inline-flex;border:1px solid var(--border);border-radius:99px;padding:2px;background:var(--surface)}
.lad-pstate{border:0;background:transparent;font:inherit;font-size:12px;font-weight:650;color:var(--text2);padding:4px 10px;border-radius:99px;cursor:pointer;min-height:28px}
.lad-pstate.on{background:var(--brand);color:var(--brand-ink,#fff)}
.lad-pstate:focus-visible{outline-offset:1px}
.lad-proj-desc{margin-bottom:12px}
.lad-blk{border:1px solid var(--border);border-radius:16px;background:var(--surface);margin:12px 0;overflow:hidden}
.lad-blk-bar{display:flex;align-items:center;gap:4px;padding:2px 6px 2px 2px}
.lad-blk-head{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:transparent;font:inherit;color:var(--text);text-align:left;padding:12px 10px;min-height:48px;cursor:pointer;border-radius:14px}
.lad-blk-head .lad-ico{color:var(--muted);transform:rotate(-90deg);transition:transform .18s}
.lad-blk.open .lad-blk-head .lad-ico{transform:none}
.lad-blk-title{font-weight:750;font-size:15px}
.lad-blk-count{font-size:12.5px;color:var(--muted);font-weight:600}
.lad-blk-add{width:40px;height:40px;border-radius:12px;color:var(--brand)}
.lad-blk-summary{padding:0 16px 12px}
.lad-blk-body{padding:4px 16px 16px;border-top:1px solid var(--border-soft)}
.lad-blk-body[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.lad-blk-head .lad-ico{transition:none}}
.lad-pbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;margin-bottom:10px}
.lad-pbar-line{flex:1 1 200px;height:10px;border-radius:99px;background:var(--sunk);overflow:hidden;margin-right:6px}
.lad-pbar-line>span{display:block;height:100%;width:var(--p);background:var(--brand);border-radius:99px}
.lad-ptiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lad-ptile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface2);padding:9px 11px;font:inherit;text-align:left;color:var(--text);cursor:pointer;min-height:56px}
.lad-ptile b{font-size:17px;line-height:1.1}
.lad-ptile span{font-size:11.5px;color:var(--muted)}
.lad-ptile:hover:not(.static){border-color:var(--brand)}
.lad-ptile.static{cursor:default}
.lad-ptile.danger{border-color:var(--danger)}
.lad-ptile.danger b,.lad-ptile.warn b{color:var(--danger)}
.lad-pfilters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.lad-pfilter{cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:30px}
.lad-pfilter.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink,#fff)}
.lad-pf-n{margin-left:5px;opacity:.75;font-weight:600}
.lad-quickadd{margin-bottom:8px}
.lad-quickadd .lad-input:first-child{flex:1 1 220px}
.lad-qa-due{flex:0 0 150px}
.lad-ptask{min-height:40px}
.lad-ptask .lad-rowtitle{text-align:left}
.lad-ptask.done .lad-rowtitle{text-decoration:line-through;color:var(--muted)}
.lad-pdue{white-space:nowrap}
.lad-pdue.danger{color:var(--danger);font-weight:650}
.lad-pempty{border:1px dashed var(--border);border-radius:12px;padding:12px 14px;margin:6px 0}
.lad-pempty p{margin:0 0 10px}
.lad-prem{border-bottom:1px solid var(--border-soft);padding:8px 0}
.lad-prem:last-child{border-bottom:0}
.lad-pbase-bar{margin:10px 0}
.lad-pbase-q{flex:1 1 200px}
.lad-pnote{display:flex;align-items:baseline;gap:8px;width:100%;border:0;background:transparent;font:inherit;color:var(--text);text-align:left;padding:8px 4px;border-radius:10px;cursor:pointer;flex-wrap:wrap}
.lad-pnote:hover{background:var(--sunk)}
.lad-pnote-t{font-weight:650}
.lad-pnote .lad-ico{color:var(--gold)}
.lad-pnote .muted{flex-basis:100%;padding-left:22px}
.lad-pevents .lad-linkbtn{text-align:left}
.lad-preset{cursor:pointer;margin:0 0 8px}
@media(max-width:700px){.lad-ptiles{grid-template-columns:repeat(2,minmax(0,1fr))}.lad-qa-due{flex:1 1 140px}.lad-blk-body{padding:4px 12px 14px}.lad-blk-summary{padding:0 12px 12px}}.lad-avatar{--sz:32px;width:var(--sz);height:var(--sz);border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto;font-size:calc(var(--sz) * .38);font-weight:750;color:#fff;background:hsl(var(--h,158) 42% 40%);overflow:hidden;letter-spacing:.02em}
.lad-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.lad-avstack{display:inline-flex;align-items:center;border:0;background:transparent;padding:0 2px;cursor:pointer}
.lad-avstack .lad-avatar{border:2px solid var(--surface);margin-left:-8px}
.lad-avstack .lad-avatar:first-child{margin-left:0}
.lad-avmore{font-size:12px;font-weight:700;color:var(--text2);margin-left:6px}
.lad-people{display:flex;flex-direction:column}
.lad-person{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-soft)}
.lad-person:last-child{border-bottom:0}
.lad-person .grow{flex:1;min-width:0}
.lad-person-name{font-weight:700;text-align:left}
.lad-person.gone .grow b{color:var(--muted);text-decoration:line-through}
.lad-plink{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);color:var(--brand)}
.lad-plink:hover{border-color:var(--brand)}
.lad-qa-who{flex:0 0 210px}
.lad-person-head{display:flex;align-items:center;gap:16px;margin-top:6px}
.lad-pcontact{display:inline-flex;align-items:center;gap:8px;padding:6px 0;color:var(--brand);font-weight:600}
.lad-person-note{margin-top:16px}
.lad-newperson[hidden]{display:none}
@media(max-width:700px){.lad-qa-who{flex:1 1 100%}.lad-person{flex-wrap:wrap}}.lad-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:10px 0 6px}
.lad-cfig{margin:0;min-width:0;--c-done:#19845F;--c-total:#B8862C}
[data-theme=dark] .lad-cfig,[data-theme=dark] .lad-ctable{--c-done:#34A07A;--c-total:#B88628}
.lad-cfig figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;margin-bottom:4px}
.lad-clegend{display:inline-flex;gap:12px;font-size:12px;color:var(--text2)}
.lad-clegend span,.lad-ctip span{display:inline-flex;align-items:center;gap:5px}
.lad-sw{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c-done,#19845F)}
.lad-sw.total{background:var(--c-total,#B8862C)}
.lad-chart{position:relative}
.lad-chart-svg{display:block;width:100%;height:auto}
.lad-cgrid{stroke:var(--border-soft);stroke-width:1}
.lad-caxis{stroke:var(--border);stroke-width:1}
.lad-ctick{fill:var(--muted);font-size:10.5px;font-family:inherit}
.lad-clabel{fill:var(--text2);font-size:11px;font-weight:700;font-family:inherit}
.lad-cbar.done{fill:var(--c-done)}
.lad-cbar.total{fill:var(--c-total)}
.lad-cline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.lad-cline.done{stroke:var(--c-done)}
.lad-cline.total{stroke:var(--c-total)}
.lad-cdot{stroke:var(--surface);stroke-width:2}
.lad-cdot.done{fill:var(--c-done)}
.lad-cdot.total{fill:var(--c-total)}
.lad-ccross{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.lad-chits{position:absolute;inset:0}
.lad-chit{position:absolute;top:0;bottom:0;border:0;background:transparent;padding:0;cursor:default;border-radius:6px}
.lad-chit:hover,.lad-chit:focus-visible{background:color-mix(in srgb,var(--text) 5%,transparent)}
.lad-carea{position:absolute;inset:0;border-radius:8px}
.lad-carea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.lad-ctip{position:absolute;z-index:3;pointer-events:none;display:flex;flex-direction:column;gap:2px;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:7px 10px;font-size:12px;box-shadow:var(--shadow-md,0 6px 20px rgba(0,0,0,.12));white-space:nowrap}
.lad-ctip[hidden]{display:none}
.lad-ctable{grid-column:1/-1;font-size:12.5px}
.lad-ctable summary{cursor:pointer;color:var(--text2)}
.lad-ctable table{border-collapse:collapse;margin-top:6px}
.lad-ctable th,.lad-ctable td{padding:4px 12px 4px 0;text-align:left;border-bottom:1px solid var(--border-soft);font-variant-numeric:tabular-nums}
.lad-cempty{display:flex;align-items:center;gap:6px;margin:10px 0}
@media(max-width:860px){.lad-charts{grid-template-columns:1fr}}.lad-ai-rail{display:none}
@media(min-width:1024px){
  .lad-ai-rail:not([hidden]){display:flex;flex-direction:column;align-items:center;gap:8px;position:fixed;z-index:44;top:12px;right:12px;bottom:12px;width:48px;padding:14px 0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--gold);cursor:pointer;font:inherit;box-shadow:var(--shadow)}
  .lad-ai-rail:hover{border-color:var(--gold)}
  .lad-ai-rail .lad-ai-n{background:var(--gold);color:#fff;border-radius:99px;font-size:11px;font-weight:750;padding:1px 6px}
  .lad-ai-rail-t{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:700;color:var(--text2);letter-spacing:.04em}
  body.lad-ai-railon:not(.lad-ai-open) .lad-page-wrap{padding-right:76px}
}
.lad-ai-pin{color:var(--muted)}
.lad-ai-ptop{border-bottom:1px solid var(--border-soft);padding-bottom:12px;margin-bottom:12px}
.lad-ai-ptop .lad-kind{margin:4px 0 8px}
.lad-ptips{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.lad-ptip{border:1px solid var(--border);border-radius:12px;padding:9px 11px;background:var(--surface2)}
.lad-ptip p{margin:0 0 8px;font-size:13.5px;font-weight:600}
.lad-tplchips{margin-bottom:6px}
.lad-tplrow{align-items:center;padding:4px 0;cursor:pointer}
.lad-tplrow input{margin:0;width:16px;height:16px}
.lad-tplbox .detail-title{margin-top:10px}/* меню ☰ при закреплённом помощнике: у своей кнопки (левее панели) и поверх неё */
@media(min-width:1300px){body.lad-ai-open .lad-menu{right:calc(max(0px,(100vw - var(--col) - 450px) / 2) + 450px + 12px);z-index:65}}/* страница проекта на телефоне: зоны нажатия от 44 px, быстрое добавление в две строки, срок под названием */
@media(max-width:700px){
  .lad-pstate{min-height:40px;padding:6px 12px;font-size:13px}
  .lad-pfilter{min-height:40px;padding:0 12px}
  .lad-blk-add{width:44px;height:44px}
  .lad-quickadd{flex-wrap:wrap}
  .lad-quickadd .lad-input:first-child{flex:1 1 100%}
  .lad-qa-due,.lad-qa-who{flex:1 1 calc(50% - 4px);min-width:0;min-height:44px}
  .lad-quickadd .btn{flex:1 1 100%;min-height:44px;justify-content:center}
  .lad-ptask{flex-wrap:wrap;row-gap:2px;padding:6px 0}
  .lad-ptask .spacer{flex:1 1 auto}
  .lad-ptask .lad-rowtitle{flex:1 1 calc(100% - 40px);min-height:32px}
  .lad-ptask .lad-pdue{margin-left:32px}
  .lad-ptask>.checkbox{position:relative}
  .lad-ptask>.checkbox::after{content:'';position:absolute;inset:-12px}
  .lad-pbase-bar .btn{min-height:44px}
  .lad-avstack{min-height:44px}
}@media(max-width:700px){.lad-ptask>.lad-avatar{margin-left:32px}.lad-ptask .lad-pdue~.lad-avatar{margin-left:8px}}.lad-blk-h{flex:1;min-width:0;margin:0;font:inherit;display:flex}/* 4.5 — виды задач проекта: переключатель, доска, «по срокам», этапы */
.lad-pviewbar{margin:6px 0 2px;align-items:center}
.lad-pviews{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:2px;background:var(--surface)}
.lad-pview{border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--text2);padding:5px 12px;border-radius:999px;cursor:pointer;min-height:30px}
.lad-pview.on{background:var(--brand);color:var(--brand-ink,#fff)}
.lad-pview:not(.on):hover{color:var(--text)}
.lad-doing{background:var(--surface2);border:1px solid var(--brand);color:var(--brand);font-size:11px;padding:1px 7px}
.lad-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0}
.lad-bcol{background:var(--sunk);border:1px solid var(--border-soft);border-radius:14px;padding:8px;min-height:120px;transition:border-color .15s}
.lad-bcol.over{border-color:var(--brand);border-style:dashed}
.lad-bcol-h{display:flex;align-items:center;gap:8px;margin:2px 4px 8px;font-size:13px;font-weight:700}
.lad-bcards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lad-bcard{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;padding:8px 8px 6px 10px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.lad-bcard.dragging{opacity:.5}
.lad-bcard .lad-rowtitle{text-align:left;font-weight:600;display:block;width:100%}
.lad-bcard.done .lad-rowtitle{text-decoration:line-through;color:var(--muted)}
.lad-bmeta{margin-top:4px;align-items:center;font-size:12px}
.lad-bmove{width:30px;height:30px}
.lad-bempty{margin:6px 4px}
.lad-stagechip{font-size:11px;padding:1px 7px;background:var(--surface2)}
.lad-dgroup,.lad-stage{margin:8px 0 4px}
.lad-dgroup-h,.lad-stage-h{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:13.5px;font-weight:700}
.lad-dgroup.danger .lad-dgroup-h{color:var(--danger)}
.lad-stage-bar{flex:0 0 80px}
.lad-stage.done .lad-stage-h{color:var(--muted)}
.lad-stagelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lad-stagerow{align-items:center}
.lad-stagerow .lad-input{flex:1 1 auto;min-width:0}
.lad-stage-n{width:22px;text-align:center;font-weight:700;color:var(--muted)}
.lad-stage-cnt{white-space:nowrap}
.lad-qa-stage{flex:0 0 170px}
@media(max-width:700px){
  .lad-board{grid-template-columns:1fr}
  .lad-bcol{min-height:0}
  .lad-bmove{width:44px;height:44px}
  .lad-pview{min-height:40px;padding:6px 14px}
  .lad-qa-stage{flex:1 1 100%;min-height:44px}
  .lad-stage-cnt{display:none}
  .lad-stagerow .lad-iconbtn{width:40px;height:40px}
}
.lad-stage-undo{align-items:center;margin-top:10px;padding:8px 10px;border-radius:10px;background:var(--surface2);font-size:13px}
.lad-stage-undo[hidden]{display:none}
/* 4.7 — правила помощника по расписанию */
.lad-rule{flex-wrap:wrap;row-gap:6px}
.lad-rule .grow{min-width:200px}
.lad-rule-when{display:block;margin-top:2px}
@media(max-width:700px){.lad-rule .btn{min-height:44px}.lad-rule .grow{flex-basis:100%}}
/* 4.9 — выбор нескольких записей */
.lad-selectbtn{margin-left:auto}
.lad-bulkbar{position:sticky;top:8px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;margin:0 0 12px;border:1px solid var(--brand);border-radius:14px;background:var(--surface);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.lad-bulk-n{font-size:14px}
.lad-card.lad-picked{outline:2px solid var(--brand);outline-offset:-2px}
.lad-selbox{border-radius:6px}
@media(max-width:700px){.lad-bulkbar{position:fixed;left:8px;right:8px;top:auto;bottom:calc(var(--capture-h,0px) + 8px);margin:0}.lad-bulkbar .btn{min-height:44px}.lad-bulkbar .spacer{flex-basis:100%;height:0}.lad-listview:has(.lad-bulkbar){padding-bottom:190px}}
/* 4.10 — привычка «бросить» */
.lad-quit{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 16px;border-radius:14px;background:var(--brand-soft);margin:6px 0 12px}
.lad-quit-n{display:flex;align-items:baseline;gap:8px}
.lad-quit-n b{font-family:var(--font-display,inherit);font-size:40px;line-height:1;color:var(--brand)}
.lad-quit-n span{font-weight:650}
.lad-quit .grow{flex:1 1 220px;min-width:0}
.lad-day.slip{background:var(--danger-soft,#fbe9e7);border-color:var(--danger);color:var(--danger)}
.lad-day.slip .lad-dn{font-weight:800}
.lad-habit-quit[hidden],.lad-habit-build[hidden]{display:none}
@media(max-width:700px){.lad-slipbtn{min-height:44px;flex:1 1 100%}}
/* 4.11 — выбор одного варианта в заметке */
.ql-editor li[data-list=radio]>.ql-ui:before{content:'\25CB'}
.ql-editor li[data-list=radio-on]>.ql-ui:before{content:'\25C9';color:var(--brand)}
.ql-container:not(.ql-disabled) li[data-list^=radio]>.ql-ui,.ql-ui.lad-radio-live{cursor:pointer}
.ql-ui.lad-radio-live{pointer-events:auto;border-radius:50%}
.ql-ui.lad-radio-live:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.ql-editor li[data-list=radio-on]{font-weight:600}
.ql-editor li>.ql-ui.lad-radio-live{display:inline-block;width:1.5em;height:1.5em;line-height:1.5em;margin-left:-1.6em;text-align:center}
.ql-editor li>.ql-ui.lad-radio-live:before{margin:0;width:auto;text-align:center}
/* 4.13 — «На сегодня» */
.lad-todaybox{margin:0 0 14px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface)}
.lad-todaybox>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 14px;cursor:pointer;list-style:none;min-height:44px}
.lad-todaybox>summary::-webkit-details-marker{display:none}
.lad-todaybox>summary .lad-ico:last-child{margin-left:auto;transition:transform .15s}
.lad-todaybox[open]>summary .lad-ico:last-child{transform:rotate(180deg)}
.lad-tchip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--surface2);color:var(--text2)}
.lad-tchip.danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}
.lad-tchip.all{color:var(--brand)}
.lad-today-body{padding:0 14px 12px}
.lad-today-h{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 4px}
.lad-today-list{list-style:none;margin:0;padding:0}
.lad-today-item{display:flex;align-items:center;gap:8px;min-height:36px}
.lad-today-open{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.lad-today-item{min-height:44px}}
/* 4.13 — срок и вес этапа */
.lad-stagedue,.lad-stageweight{font-size:11px;padding:1px 7px;font-weight:600}
.lad-stagedue.danger{border:1px solid var(--danger);color:var(--danger);background:transparent}
.lad-stage-due{flex:0 0 150px}
.lad-stage-weight{flex:0 0 140px}
.lad-weighted{margin:4px 0 0}
.lad-archive-tools{margin:0 0 8px}
@media(max-width:700px){.lad-stagerow{flex-wrap:wrap}.lad-stagerow .lad-input:not(.lad-stage-due):not(.lad-stage-weight){flex:1 1 calc(100% - 40px)}.lad-stage-due,.lad-stage-weight{flex:1 1 calc(50% - 30px);min-height:44px}}
.lad-stagerow{flex-wrap:wrap;row-gap:6px;padding:6px 0;border-bottom:1px solid var(--border-soft)}
.lad-stagerow:last-child{border-bottom:0}
.lad-stagerow>.lad-input:not(.lad-stage-due):not(.lad-stage-weight){flex:1 1 220px}
.lad-stagerow .lad-stage-due{order:10;flex:0 0 170px;margin-left:30px}
.lad-stagerow .lad-stage-weight{order:11;flex:0 0 160px}
@media(max-width:700px){.lad-stagerow .lad-stage-due,.lad-stagerow .lad-stage-weight{flex:1 1 calc(50% - 24px);margin-left:0}}
.lad-stagerow .lad-stage-lbl{order:9;margin-left:30px;flex:0 0 auto}
.lad-stagerow .lad-stage-due{margin-left:0}
@media(max-width:700px){.lad-stagerow .lad-stage-lbl{margin-left:0;flex-basis:100%}}
/* 4.14 — вход для ИИ-помощника (ADR-0017) */
.lad-auth{min-width:0}
.lad-auth-providers{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}
.lad-auth-provider{justify-content:center;min-height:44px;text-decoration:none}
.lad-auth-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:700;margin:6px 0 10px}
.lad-auth-or::before,.lad-auth-or::after{content:"";flex:1;border-top:1px solid var(--border-soft)}
.lad-auth-tabs{border:0;padding:0;margin:0 0 10px;min-width:0}
.lad-auth-actions .lad-linkbtn{font-size:13px;font-weight:650}
.lad-auth-actions{align-items:center;margin-top:4px}
.lad-auth-status{min-height:1.2em;margin:8px 0 0}
.lad-auth-status.error{color:var(--danger)}
.lad-ai-login{font:inherit;padding:0;vertical-align:baseline}
@media(max-width:700px){.lad-auth-submit{min-height:44px}}
/* 4.14 — согласие на обработку данных и политика конфиденциальности */
.lad-auth-consent{display:flex;align-items:flex-start;gap:9px;margin:4px 0 12px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:12px}
.lad-auth-consent input{margin:3px 0 0;flex:0 0 auto;width:18px;height:18px}
.lad-auth-consent label{line-height:1.45}
.lad-auth-consent a{color:var(--brand);text-decoration:underline;font-weight:650}
.lad-auth-provider.lad-off{opacity:.55}
.lad-policy-link{margin:10px 0 0}
.lad-legal-page{background:var(--bg)}
.lad-legal{max-width:760px;margin:0 auto;padding:28px 16px 64px;line-height:1.6;color:var(--text)}
.lad-legal h1{font-size:30px;margin:12px 0 4px}
.lad-legal h2{font-size:19px;margin:28px 0 8px}
.lad-legal ul{padding-left:20px}
.lad-legal li{margin:4px 0}
.lad-legal a{color:var(--brand)}
.lad-legal-table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}
.lad-legal-table th,.lad-legal-table td{border:1px solid var(--border-soft);padding:7px 9px;text-align:left;vertical-align:top}
.lad-legal-table th{background:var(--surface2)}
.lad-legal-missing{color:var(--danger)}
@media(max-width:700px){.lad-legal-table,.lad-legal-table tbody,.lad-legal-table tr,.lad-legal-table td{display:block;width:100%}.lad-legal-table thead{display:none}.lad-legal-table tr{border:1px solid var(--border-soft);border-radius:10px;margin:0 0 8px;padding:4px 0}.lad-legal-table td{border:0;padding:3px 10px}.lad-legal-table td:first-child{font-weight:700}}
/* 4.15 — выбор ИИ в настройках */
.lad-aicard .setting-text{margin:2px 0 8px}
.lad-ai-modes{margin:4px 0 6px;padding-left:18px}
.lad-ai-modes li{margin:2px 0}
/* 4.16 — уведомления при закрытом приложении, сервер в Android-приложении */
.lad-pushrow{margin-top:4px}
.lad-check-row{display:flex;align-items:flex-start;gap:9px;margin:4px 0 8px}
.lad-check-row input{margin:3px 0 0;width:18px;height:18px;flex:0 0 auto}
.lad-push-status.error,.lad-server-status.error{color:var(--danger)}

/* 4.17 — «Выбрать» на телефоне как на ПК (владелец): полоса вверху списка, прилипает при прокрутке;
   строка 1 — сколько выбрано, «Выбрать все», «Готово»; строка 2 — четыре действия ровным рядом */
@media(max-width:700px){
  .lad-bulkbar{position:sticky;left:auto;right:auto;top:8px;bottom:auto;margin:0 0 12px;padding:8px 10px;gap:6px}
  .lad-listview:has(.lad-bulkbar){padding-bottom:0}
  .lad-bulkbar .lad-bulk-n{order:0;flex:1 1 auto;min-width:0}
  .lad-bulkbar .lad-bulk-all{order:1}
  .lad-bulkbar .lad-bulk-done{order:2}
  .lad-bulkbar .spacer{order:3;flex-basis:100%;height:0}
  .lad-bulkbar .btn:not(.lad-bulk-all):not(.lad-bulk-done){order:4;flex:1 1 0;min-width:0;flex-direction:column;gap:2px;padding:4px 2px;font-size:11.5px;line-height:1.15;white-space:nowrap}
}

/* 4.17 — просмотр вложений, режим чтения (ADR-0022) */
.lad-layer{position:fixed;inset:0;z-index:55;background:var(--bg);color:var(--text);display:flex;flex-direction:column}
body.lad-layer-open{overflow:hidden}
.lad-vw{display:flex;flex-direction:column;height:100%;min-height:0}
.lad-vw-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border-soft);background:var(--surface)}
.lad-vw-bar .spacer{flex:1 1 auto}
.lad-vw-title{display:flex;flex-direction:column;min-width:0;max-width:50vw}
.lad-vw-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.lad-vw-tools{display:flex;flex-wrap:wrap;gap:6px}
.lad-vw-body{position:relative;flex:1 1 auto;min-height:0;display:flex}
.lad-vw-stage{flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}
.lad-vw-stage.lad-vw-scroll{display:block;padding:24px 16px 48px}
.lad-reading .lad-vw-stage{flex:1 1 auto;min-height:0}
.lad-vw-img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}
.lad-vw-photo{background:#111a18}
.lad-vw-photo.lad-zoomed{display:block}
.lad-vw-photo.lad-zoomed .lad-vw-img{max-width:none;max-height:none;cursor:zoom-out}
.lad-vw-pdf{width:100%;height:100%;border:0;background:#fff}
.lad-vw-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-soft);background:var(--surface);color:var(--text);display:grid;place-items:center;box-shadow:var(--shadow-soft);cursor:pointer}
.lad-vw-prev{left:10px}.lad-vw-next{right:10px}
.lad-vw-msg{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:420px;padding:24px}
.lad-vw-msg p{margin:0}
.lad-vw-audio{width:min(420px,90vw)}
.lad-reader{max-width:70ch;margin:0 auto;font-family:var(--f-display);line-height:1.7;color:var(--text)}
.lad-reader-title{font-size:1.6em;line-height:1.25;margin:0 0 .8em}
.lad-reader-text,.lad-reader-pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.lad-reader-pre{font:inherit}
.lad-reader .ql-editor{padding:0;font-size:inherit;line-height:inherit;overflow:visible}
.lad-readrow{margin:6px 0 2px}
@media(max-width:700px){
  .lad-vw-bar{padding:6px 8px}
  .lad-vw-title{max-width:calc(100vw - 80px)}
  .lad-vw-tools{flex-basis:100%}
  .lad-vw-tools .btn,.lad-vw-bar .btn{min-height:44px}
  .lad-vw-lbl{font-size:12px}
  .lad-vw-nav{top:auto;bottom:12px;transform:none}
  .lad-vw-stage.lad-vw-scroll{padding-bottom:76px}
}
@media print{.lad-layer{display:none}}

/* 4.18 — просмотрщик PDF (ADR-0023) */
.lad-vw-pdfjs{background:var(--bg2,#e9ece8)}
.lad-pdf-pages{margin:0 auto;display:flex;flex-direction:column;gap:12px;max-width:none}
.lad-pdf-page{width:100%;background:#fff;box-shadow:var(--shadow-soft);border-radius:4px;overflow:hidden}
.lad-pdf-page canvas{display:block;width:100%;height:auto}
.lad-pdf-pos{align-self:center;white-space:nowrap;padding:0 4px}
.lad-pdf-out,.lad-pdf-in{min-width:40px;font-size:18px;font-weight:700}
.lad-pdf-choice{justify-content:center;margin-top:6px}
.lad-pdf-install-status{min-height:1.4em}
@media(max-width:700px){.lad-vw-pdfjs.lad-vw-scroll{padding:12px 8px 76px}}

/* 4.18 — «Вышла новая версия» и «Что нового» */
.lad-update-bar{position:fixed;z-index:45;top:10px;left:50%;transform:translateX(-50%);width:min(620px,calc(100vw - 20px));display:flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--brand);box-shadow:var(--shadow-md);color:var(--text)}
.lad-update-bar .grow{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600}
.lad-changes{text-align:left;max-height:min(60vh,520px);overflow:auto;margin:4px 0 12px}
.lad-change h3{font-size:15px;margin:12px 0 4px}
.lad-change ul{margin:0;padding-left:1.2em;font-size:13.5px;line-height:1.55}
.lad-change li{margin:3px 0}
@media(max-width:700px){.lad-update-bar{flex-wrap:wrap;top:auto;bottom:calc(var(--capture-h,0px) + 10px)}.lad-update-bar .grow{flex-basis:calc(100% - 40px)}.lad-update-bar .btn{min-height:44px}}
/* шапка: «Войти» или аватар; меню аккаунта — как меню ☰, но шире (владелец, 18.10.2026) */
.lad-account-slot{display:flex;align-items:center}
.lad-account-slot:empty{display:none}
.lad-top-login{min-height:40px}
.lad-avatar{width:40px;height:40px;border-radius:50%;border:0;background:var(--brand);color:#fff;font:700 17px/1 var(--f-body,inherit);display:grid;place-items:center;cursor:pointer;flex:none}
.lad-avatar:hover{background:var(--brand-hover)}
.lad-avatar[aria-expanded=true]{box-shadow:0 0 0 3px var(--brand-soft)}
.lad-account-panel{width:340px;padding:16px 18px}
.lad-account-panel .section-title{margin-top:0}
.lad-account-panel .setting-row{display:block}
@media(max-width:700px){.lad-top-login,.lad-avatar{min-height:44px;min-width:44px}.lad-avatar{width:44px;height:44px}.lad-account-panel{width:auto;left:12px;right:12px}}
/* окно входа: компактное, вкладки «Вход / Регистрация», кнопки сервисов со значками, крестик (владелец, 18.10.2026) */
.lad-auth-modal{position:relative;width:min(400px,calc(100vw - 32px));padding:28px 28px 22px;border-radius:24px}
.lad-auth-modal h2{font:600 23px/1.2 var(--f-display);text-align:center;margin:0 36px 6px}
.lad-modal-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.lad-modal-x:hover{background:var(--bg2);color:var(--text)}
.lad-auth-modal .lad-auth-lead{text-align:center;color:var(--muted);font-size:13px;line-height:1.45;margin:0 0 16px}
.lad-auth-modal .lad-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 14px;background:var(--bg2);border:1px solid var(--border-soft);border-radius:13px}
.lad-auth-tab{border:0;background:transparent;border-radius:9px;min-height:36px;font:inherit;font-size:14px;font-weight:650;color:var(--muted);cursor:pointer}
.lad-auth-tab[aria-selected=true]{background:var(--surface2);color:var(--text);box-shadow:0 1px 4px rgba(15,32,29,.14)}
.lad-auth-modal .lad-auth-consent{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:0;border:0}
.lad-auth-modal .lad-auth-consent label{font-size:12.5px;line-height:1.45;color:var(--text2)}
.lad-auth-more summary{font-size:12px;color:var(--muted);cursor:pointer;margin-top:2px;width:max-content}
.lad-auth-modal .lad-auth-more p{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.45}
.lad-auth-modal .lad-auth-providers{display:flex;flex-direction:column;gap:8px;margin:0}
.lad-auth-modal .lad-auth-provider{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:12px;font-weight:650;background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none}
.lad-auth-modal .lad-auth-provider:hover{border-color:var(--brand)}
.lad-auth-modal .lad-auth-provider.lad-off{opacity:.62}
.lad-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;font:800 13px/1 Arial,sans-serif}
.lad-mark-ya{background:#fc3f1d;font-size:14px}
.lad-mark-vk{background:#0077ff;border-radius:7px;font-size:10px;letter-spacing:-.02em}
.lad-mark-g{background:#fff;color:#4285f4;border:1px solid #dadce0;font-size:14px}
.lad-auth-modal .lad-auth-or{margin:14px 0}
.lad-auth-modal .lad-auth-form .lad-field{margin:0 0 10px}
.lad-auth-modal .lad-auth-form label{font-size:13px;font-weight:650}
.lad-auth-modal .lad-field:has(.lad-auth-forgot){display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:8px}
.lad-auth-modal .lad-field:has(.lad-auth-forgot) .lad-auth-pass{grid-column:1/-1}
.lad-auth-forgot{font-size:12.5px;font-weight:650}
.lad-auth-pass{position:relative}
.lad-auth-pass input{width:100%;padding-right:46px}
.lad-auth-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;color:var(--muted);border-radius:9px;display:grid;place-items:center;cursor:pointer}
.lad-auth-eye[aria-pressed=true]{color:var(--brand)}
.lad-auth-modal .lad-auth-submit{width:100%;min-height:46px;border-radius:12px;margin-top:4px}
.lad-auth-modal .lad-auth-note{text-align:center;margin:10px 0 0}
.lad-auth-switch{display:block;margin:12px auto 0;font-size:13px;font-weight:650}
.lad-auth-modal .lad-auth-status{text-align:center;margin:10px 0 0}
.lad-auth-modal .lad-auth-status:empty{display:none}
@media(max-width:700px){.lad-auth-modal{padding:24px 18px 18px}.lad-auth-tab{min-height:44px}}
[data-theme=dark] .lad-auth-tab[aria-selected=true]{background:rgba(255,255,255,.1);color:var(--text);box-shadow:none}
/* помощник — два блока: «Предложения» и «Чат»; развёрнут тот, с которым работают (владелец, 19.10.2026) */
.lad-ai-blocks{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px 10px 6px}
.lad-ai-sec{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface2);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.lad-ai-sec.on{flex:1 1 0;border-color:var(--border);box-shadow:0 4px 16px rgba(15,32,29,.07)}
.lad-ai-sec.off{flex:0 1 auto;max-height:30%}
.lad-ai-sec[data-zone=chat].off{max-height:42%}
.lad-ai-sec-head{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:8px 12px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;font:inherit;font-size:13px;font-weight:750;color:var(--text);text-align:left;cursor:pointer;flex:0 0 auto}
.lad-ai-sec-head .grow{flex:1}
.lad-ai-sec-head .lad-ico:first-child{color:var(--gold)}
.lad-ai-sec-head .lad-ico:last-child{color:var(--muted);transition:transform .2s}
.lad-ai-sec.on .lad-ai-sec-head .lad-ico:last-child{transform:rotate(180deg)}
.lad-ai-sec.off .lad-ai-sec-head{border-bottom-color:transparent}
.lad-ai-sec.off .lad-ai-sec-head:hover{background:var(--bg2)}
.lad-ai-count{min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:var(--gold);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
[data-theme=dark] .lad-ai-count{color:#1d1606}
.lad-ai-sec-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}
.lad-ai-sec.off .lad-ai-sec-body{mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}
.lad-ai-sec[data-zone=chat].off .lad-ai-sec-body{mask-image:linear-gradient(transparent,#000 35%);-webkit-mask-image:linear-gradient(transparent,#000 35%)}
.lad-ai-sec .lad-ai-quick{padding:6px 12px 2px;flex:0 0 auto}
.lad-ai-sec .lad-ai-input{padding:6px 10px 10px;flex:0 0 auto}
.lad-ai-sec[data-zone=chat].off .lad-ai-quick{display:none}
.lad-msg-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.lad-ai-seeprops{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:99px;border:1px solid var(--gold);background:var(--gold-soft);color:var(--gold-ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.lad-ai-earlier{border-top:1px dashed var(--border);padding-top:8px}
.lad-ai-earlier summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--muted);width:max-content}
.lad-ai-earlier-list{display:flex;flex-direction:column;gap:12px;margin-top:10px;opacity:.9}
.lad-ai-blocks~.lad-ai-note{padding-top:2px}
@media(max-width:700px){.lad-ai-sec-head{min-height:44px}.lad-ai-blocks{padding:8px 8px 4px}}
.lad-ai-sec[data-zone=chat].off{max-height:32%}@media(max-width:700px){.lad-ai-sec[data-zone=chat].off{max-height:27%}.lad-ai-sec.off{max-height:26%}}

/* 4.19 — расшифровка голосовых (ADR-0024) */
.lad-vw-voice{margin:24px auto 0;max-width:640px;width:100%}
.lad-transcript{width:100%;text-align:left;display:flex;flex-direction:column;gap:8px;margin-top:8px}
.lad-transcript-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.6;background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:12px 14px}
.lad-transcript .lad-transcribe{align-self:center}
.lad-transcript-status{text-align:center}

/* 4.20 — страница «О приложении» (about.html) */
.lad-about-logo{display:block;width:100%;max-width:440px;height:auto;margin:16px auto 8px;border-radius:16px}
[data-theme=dark] .lad-about-logo{background:#F1F4EF;padding:12px 16px;box-sizing:border-box} /* тёмно-зелёный логотип на тёмном фоне не читается */
.lad-about-lead{font-size:18px;line-height:1.6}
.lad-about .btn{display:inline-flex}

/* 4.24 — помощник только с ИИ: карточка «что сделать» вместо заготовок, цена ответа в звёздах интеллекта */
.lad-ai-lock{margin:8px 0;padding:14px 16px;border:1px solid var(--border, rgba(0,0,0,.1));border-radius:14px;background:var(--surface, #fff)}
.lad-ai-lock h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:16px}
.lad-ai-lock p{margin:0 0 8px}
.lad-ai-lock .btn{margin:2px 0 8px}
.lad-ai-offers{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:8px}
.lad-ai-offers li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--green-soft, #edf5ef)}
.lad-msg-cost{display:flex;align-items:center;gap:6px;align-self:flex-start;font-size:12px;color:var(--muted, #6b6b6b);margin:-2px 0 6px 4px}
/* 4.25 — четыре тарифа в карточке: плотнее, чтобы разговор оставался виден */
.lad-ai-offers{gap:6px}
.lad-ai-offers li{padding:7px 12px;font-size:14px;line-height:1.35}

/* 4.26 — окно «Тарифы и звёзды интеллекта»: переключатель «Подписка / Пакет» и карточки тарифов */
.lad-plans-modal{max-width:520px}
.lad-plans-tabs{display:flex;gap:4px;padding:4px;margin:0 0 12px;border-radius:12px;background:var(--bg2, #f3f1e8)}
.lad-plans-tab{flex:1;min-height:40px;border:0;border-radius:9px;background:transparent;font:inherit;font-weight:600;color:var(--text2, #4f5f70);cursor:pointer}
.lad-plans-tab.on{background:var(--surface, #fff);color:var(--text, #132238);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.lad-plans-tab:focus-visible{outline:2px solid var(--green, #1E5A47);outline-offset:2px}
.lad-plans-list{display:grid;gap:8px;max-height:min(56vh,520px);overflow-y:auto}
.lad-plans-list > p{margin:0 0 2px}
.lad-plan{padding:10px 14px;border:1px solid var(--border, rgba(0,0,0,.1));border-radius:12px;background:var(--surface, #fff)}
.lad-plan-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.lad-plan-price{font-weight:700;color:var(--green, #1E5A47);white-space:nowrap}
.lad-plan ul{margin:6px 0 4px;padding-left:18px}
.lad-plan li{margin:2px 0}
.lad-plans-soon{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--orange-soft, #fff5e6);font-size:14px}
/* окно поверх открытого помощника: на телефоне лист помощника (z-index 60) закрывал окна тарифов и входа */
body.lad-ai-open .modal-backdrop{z-index:66}

/* 4.27 — окно тарифов: на компьютере карточки столбиками, на телефоне — лента с прокруткой; самый выгодный выделен */
.modal.lad-plans-modal{width:min(980px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);overflow-y:auto}
.lad-plans-intro{margin:0 0 12px;text-align:center}
.lad-plans-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:none;overflow:visible;padding-top:12px;outline:none}
.lad-plan{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 16px 14px;border:1px solid var(--border, rgba(0,0,0,.1));border-radius:16px;background:var(--surface, #fff);font-size:14px}
.lad-plan.best{border:2px solid var(--green, #1E5A47);box-shadow:0 10px 28px rgba(30,90,71,.16);background:linear-gradient(180deg,var(--green-soft, #edf5ef),var(--surface, #fff) 60%)}
.lad-plan-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 10px;border-radius:999px;background:var(--green, #1E5A47);color:#fff;font-size:12px;font-weight:700}
.lad-plan-name{font-weight:700;font-size:15px}
.lad-plan .lad-plan-price{display:flex;align-items:baseline;gap:6px;color:var(--text, #132238);font-weight:400}
.lad-plan-price b{font-size:26px;line-height:1.1;color:var(--green, #1E5A47)}
.lad-plan-price span{color:var(--muted, #7c8794);font-size:13px}
.lad-plan-stars{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:#9a6a12}
.lad-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;flex:1}
.lad-plan li{display:flex;gap:6px;align-items:flex-start;margin:0;line-height:1.35}
.lad-plan li svg{flex:none;margin-top:2px;color:var(--green, #1E5A47)}
.lad-plan-per{font-size:12px;color:var(--muted, #7c8794);border-top:1px solid var(--border-soft, rgba(0,0,0,.06));padding-top:8px}
.lad-plans-dots{display:none}
.lad-plans-note{text-align:center;margin:12px 0 0}
[data-theme=dark] .lad-plan-stars{color:#e0b25a}
/* телефон и узкое окно: лента карточек, листается пальцем, карточка встаёт по центру */
@media (max-width:760px){
  .lad-plans-list{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;gap:10px;margin:0 -22px;padding:14px 22px 6px;scroll-padding:0 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .lad-plans-list::-webkit-scrollbar{display:none}
  .lad-plan{flex:0 0 78%;scroll-snap-align:center}
  .lad-plans-dots{display:flex;justify-content:center;gap:6px;margin-top:6px}
  .lad-plans-dots span{width:7px;height:7px;border-radius:50%;background:var(--border, #d6ded6);transition:width .2s}
  .lad-plans-dots span.on{width:18px;border-radius:4px;background:var(--green, #1E5A47)}
}
.modal.lad-plans-modal{position:relative}
.lad-plan ul{align-content:start}
/* «Во что развить» — подсказки «Лада» по тексту записи (владелец, 19.10.2026) */
.lad-dev{display:flex;flex-direction:column;gap:10px}
.lad-dev-card{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.lad-dev-card.best{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-soft),var(--surface) 70%)}
.lad-dev-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--brand-soft);color:var(--brand)}
.lad-dev-card .grow{flex:1;min-width:0}
.lad-dev-card b{display:block;font-size:14.5px;line-height:1.3}
.lad-dev-card p{margin:3px 0 9px;font-size:13px;line-height:1.45;color:var(--text2)}
.lad-dev-tag{display:inline-flex;align-items:center;gap:4px;margin-bottom:3px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}
.lad-dev-more{display:flex;flex-direction:column;gap:6px}
.lad-dev-more-l{font-size:12px;font-weight:700;color:var(--muted)}
.lad-dev-chips{display:flex;flex-wrap:wrap;gap:6px}
.lad-dev-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.lad-dev-chip:hover,.lad-dev-card .btn:not(.primary):hover{border-color:var(--brand);color:var(--brand)}
.lad-dev-chip .lad-ico{color:var(--brand)}
.lad-dev-note{margin:0;font-size:11.5px;color:var(--muted);line-height:1.4}
.lad-ai-subhead{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
/* быстрые вопросы помощнику: переносятся по строкам — видны все, листать не нужно (на ПК колесом их было не прокрутить) */
.lad-ai-quick,.lad-ai-sec .lad-ai-quick{flex-wrap:wrap;overflow:visible;gap:6px}
.lad-ai-quick .lad-qchip{height:30px;padding:0 11px;font-size:12.5px}
@media(max-width:700px){.lad-ai-quick .lad-qchip{height:36px}.lad-dev-chip{min-height:40px}}
/* страница записи — «лист» (владелец, 19.10.2026: «оформи его, а то не очень вид») */
.lad-entry-page{background:var(--surface2);border:1px solid var(--border-soft);border-radius:24px;box-shadow:0 1px 2px rgba(15,32,29,.04),0 12px 32px rgba(15,32,29,.06);margin:6px 0 24px;overflow:hidden}
.lad-entry-page .detail-head{padding:14px 28px 18px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,var(--bg2),transparent)}
.lad-entry-page .lad-head-top{margin:0 -12px 14px;padding-bottom:12px;border-bottom:1px solid var(--border-soft)}
.lad-entry-page .detail-head h2{font-size:34px;margin:8px 0 10px}
.lad-entry-page .detail-body{padding:20px 28px 22px}
.lad-entry-page .lad-attbar{padding:12px;border:1.5px dashed var(--border);border-radius:16px;background:var(--bg)}
.lad-entry-page .detail-section{margin-top:18px;padding:16px 18px 18px;border:1px solid var(--border-soft);border-radius:18px;background:var(--bg)}
.lad-entry-page .detail-title{font:750 12px/1.25 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lad-entry-page .lad-transform{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.lad-entry-page .lad-tchip.lad-tile{position:relative;height:auto;min-height:58px;padding:10px 12px;gap:10px;justify-content:flex-start;text-align:left;border-radius:14px;background:var(--surface2)}
.lad-tile-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--brand-soft);color:var(--brand)}
.lad-tile-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.lad-tile-label{font-size:14px;font-weight:650;line-height:1.25}
.lad-tile-text small{font-size:12px;font-weight:500;color:var(--muted);line-height:1.3}
.lad-entry-page .lad-tchip.lad-tile:hover{border-color:var(--brand);box-shadow:0 4px 14px rgba(15,32,29,.08);transform:translateY(-1px)}
.lad-entry-page .lad-tchip.lad-tile{transition:transform .15s,box-shadow .15s,border-color .15s}
.lad-entry-page .lad-tchip .lad-advice{position:absolute;top:6px;right:8px}
.lad-entry-page .lad-history{margin-top:18px;padding-top:12px;border-top:1px solid var(--border-soft)}
[data-theme=dark] .lad-entry-page{background:rgba(26,37,34,.97);box-shadow:0 12px 32px rgba(0,0,0,.35)}
[data-theme=dark] .lad-entry-page .detail-head{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
@media(max-width:700px){
  .lad-entry-page{margin:4px -4px 16px;border-radius:20px}
  .lad-entry-page .detail-head{padding:10px 16px 14px}
  .lad-entry-page .lad-head-top{margin:0 -6px 10px}
  .lad-entry-page .detail-head h2{font-size:26px}
  .lad-entry-page .detail-body{padding:14px 16px 18px}
  .lad-entry-page .detail-section{padding:14px}
  .lad-entry-page .lad-transform{grid-template-columns:1fr 1fr}
}
.lad-entry-page .detail-title{text-transform:none;letter-spacing:.01em;font-size:13.5px;color:var(--text2)}
.lad-entry-page{overflow:visible}.lad-entry-page .detail-head{border-radius:24px 24px 0 0}@media(max-width:700px){.lad-entry-page .detail-head{border-radius:20px 20px 0 0}}
/* помощник — два самостоятельных блока без общей рамки; сворачиваются, высота делится полоской (владелец, 19.10.2026) */
.lad-ai{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.lad-ai .lad-ai-blocks{flex:1;min-height:0;display:flex;flex-direction:column;gap:0;padding:0}
.lad-ai .lad-ai-sec{display:flex;flex-direction:column;min-height:0;max-height:none;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden}
.lad-ai .lad-ai-sec.shut{flex:0 0 auto}
.lad-ai .lad-ai-sec.shut>:not(.lad-ai-sec-head){display:none}
.lad-ai .lad-ai-sec-head{display:flex;align-items:center;gap:2px;min-height:48px;padding:4px 6px 4px 4px;border-bottom:1px solid var(--border-soft);background:transparent;flex:0 0 auto;cursor:default}
.lad-ai .lad-ai-sec.shut .lad-ai-sec-head{border-bottom-color:transparent}
.lad-ai-fold{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:0;border-radius:12px;background:transparent;font:inherit;font-size:14px;font-weight:750;color:var(--text);text-align:left;cursor:pointer}
.lad-ai-fold:hover{background:var(--bg2)}
.lad-ai-fold .grow{flex:1;min-width:0}
.lad-ai-fold .lad-ico:first-child{color:var(--gold)}
.lad-ai-fold .lad-ico:last-child{color:var(--muted);transition:transform .2s}
.lad-ai-fold[aria-expanded=true] .lad-ico:last-child{transform:rotate(180deg)}
.lad-ai-tools{display:flex;align-items:center;gap:2px;flex:none}
.lad-ai-tools .lad-iconbtn{width:38px;height:38px}
.lad-ai .lad-ai-sec-body{mask-image:none;-webkit-mask-image:none}
.lad-ai-split{flex:0 0 14px;display:grid;place-items:center;cursor:row-resize;touch-action:none;border-radius:8px;outline-offset:-2px}
.lad-ai-split span{width:46px;height:5px;border-radius:3px;background:var(--border);transition:background .15s,width .15s}
.lad-ai-split:hover span,.lad-ai-split.drag span,.lad-ai-split:focus-visible span{background:var(--brand);width:64px}
.lad-ai-split.off{cursor:default}
.lad-ai-split.off span{visibility:hidden}
.lad-ai .lad-ai-note{padding:0 14px 12px;font-size:11.5px}
[data-theme=dark] .lad-ai .lad-ai-sec{background:var(--surface);box-shadow:0 12px 32px rgba(0,0,0,.4)}
@media(max-width:700px){
  .lad-ai{padding:0 8px calc(8px + env(safe-area-inset-bottom));border-radius:0}
  .lad-ai .lad-ai-sec{border-radius:18px}
  .lad-ai-split{flex-basis:20px}
  .lad-ai-split span{width:56px}
}
/* все страницы — одной ширины со страницей проекта (владелец, 19.10.2026: «сделай все страницы… такие же широкие») */
.app.lad-app{--col:1180px}

/* ===== Единая система размеров (владелец, 19.10.2026: «некоторые элементы очень большие, а некоторые маленькие»).
 * Основа — Material 3 (шрифты 12/14/16/22/28/32, кнопка 40), Fluent 2 (12/14/16/20/28, кнопки 32/40),
 * WCAG 2.2: цель нажатия не меньше 24 px (2.5.8), на телефоне — 44 px (2.5.5, Apple HIG). Подробно — docs/DESIGN_SIZES.md.
 * Шрифт: 12 — метки, 13 — подписи и пояснения, 14 — интерфейс и кнопки, 16 — основной текст и заголовки разделов,
 * 20 — заголовок экрана, 28 — заголовок записи (на телефоне 24). Мельче 12 не бывает.
 * Кнопки и поля: 32 — малые и фильтры, 40 — обычные, значки-кнопки 40; на телефоне всё нажимаемое — от 44. */
:root{--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-body:16px;--fs-title:20px;--fs-head:28px;--h-sm:32px;--h-md:40px}
/* кнопки и поля */
.btn,label.btn{height:var(--h-md);min-height:var(--h-md);font-size:var(--fs-md);padding:0 16px}
.btn.small,label.btn.small,.btn.small.primary{height:var(--h-sm);min-height:var(--h-sm);font-size:var(--fs-sm);padding:0 12px}
.lad-iconbtn{width:var(--h-md);height:var(--h-md)}
.lad-input,select.lad-input{height:var(--h-md);font-size:var(--fs-md)}
textarea.lad-input{height:auto;font-size:var(--fs-md)}
.lad-save{height:var(--h-md);font-size:var(--fs-md)}
.lad-tool{height:var(--h-md);font-size:var(--fs-md)}
.lad-pfilter,.chip.lad-pfilter,.lad-pstate,.lad-pview,.lad-qchip,.lad-dev-chip,.lad-ai-quick .lad-qchip,.lad-expand{min-height:var(--h-sm);height:auto;font-size:var(--fs-sm)}
.lad-attx{width:var(--h-sm);height:var(--h-sm)}
.lad-snack-close{width:var(--h-sm);height:var(--h-sm);display:grid;place-items:center;font-size:20px}
/* метки и подписи: не мельче 12 */
.chip{height:24px;font-size:var(--fs-xs)}
.lad-kbd,.lad-kind,.lad-dev-tag,.lad-dev-note,.lad-ai-subhead,.lad-today-habits,.lad-today-h{font-size:var(--fs-xs)}
.lad-small,p.lad-small,.lad-hint-line,.setting-text span,.lad-meta,.lad-origin,.lad-snack-text,.lad-dev-more-l,.lad-ai-note,.lad-ai .lad-ai-note,.lad-tile-text small,.lad-habitstrip>.lad-meta,.lad-kid-open .lad-meta{font-size:var(--fs-sm)}
.lad-tchip:not(.lad-tile){font-size:var(--fs-sm)}
/* основной текст и заголовки */
.lad-body,.lad-text.lad-body{font-size:var(--fs-body)}
.lad-card .lad-title{font-size:var(--fs-body)}
.lad-msg{font-size:var(--fs-md)}
.lad-capture textarea{font-size:var(--fs-body)}
.section-title,.lad-entry-page .detail-title,.lad-blk-head,.lad-ai-fold,.lad-dev-card b,.lad-tile-label{font-size:var(--fs-body)}
.lad-dev-card p,.lad-prop p{font-size:var(--fs-sm)}
.lad-viewtitle{font-size:var(--fs-title)}
.lad-entry-page .detail-head h2,.lad-viewtitle.lad-big{font-size:var(--fs-head)}
@media(max-width:700px){
  :root{--fs-head:24px}
  .btn,.btn.small,label.btn,label.btn.small,.lad-iconbtn,.lad-input,.lad-save,.lad-tool,.lad-pfilter,.chip.lad-pfilter,.lad-pstate,.lad-pview,.lad-qchip,.lad-dev-chip,.lad-ai-quick .lad-qchip,.lad-expand,.lad-attx,.lad-snack-close,.lad-segitem,.lad-ai-fold,.lad-tchip{min-height:44px}
  .lad-iconbtn,.lad-attx,.lad-snack-close{min-width:44px}
  .btn.small,label.btn.small{height:auto}
  .lad-capture textarea{font-size:var(--fs-body)}
}
.lad-sechead h2{font-size:var(--fs-sm)}
.lad-banner,.lad-banner span{font-size:var(--fs-sm)}
.lad-segitem{font-size:var(--fs-sm)}
.lad-ptip p{font-size:var(--fs-md)}
.lad-ptile b{font-size:var(--fs-title)}
.lad-ptile span{font-size:var(--fs-xs)}
.lad-ai-lock p{font-size:var(--fs-md)}
.lad-todaybox>summary b{font-size:var(--fs-md)}
.lad-ai-tools .lad-iconbtn{width:var(--h-md);height:var(--h-md)}
.lad-snackbar .undo,.snackbar .undo{font-size:var(--fs-md)}
@media(max-width:700px){
  .btn.small.primary,.lad-today-open,.snackbar .undo{min-height:44px}
  .checkbox,.chip.lad-tag{position:relative}
  .checkbox::after,.chip.lad-tag::after{content:'';position:absolute;inset:-12px -12px}
  .chip.lad-tag::after{inset:-10px -4px}
}
.lad-tile-label{font-size:var(--fs-md)}
.lad-entry-page .lad-tchip.lad-tile{min-width:0}
.lad-entry-page .lad-tchip .lad-advice{top:-10px;right:10px;background:var(--gold-soft);border:1px solid var(--gold);border-radius:99px;padding:1px 7px}
@media(max-width:700px){.lad-entry-page .lad-transform{grid-template-columns:repeat(2,minmax(0,1fr))}.lad-entry-page .lad-tchip.lad-tile{padding:10px;gap:8px}.lad-tile-ico{width:30px;height:30px}}
@media(max-width:700px){.lad-head-top{flex-wrap:wrap;row-gap:6px}.lad-head-tools{flex-wrap:wrap;justify-content:flex-end;min-width:0;row-gap:6px}.btn.small,label.btn.small{padding:0 10px}}
@media(max-width:700px){body.lad-on-entry .lad-main{padding-bottom:96px}}
/* страница привычки: заголовки разделов с воздухом, пояснение — по нажатию (проверка 19.10.2026) */
.lad-entry-page .detail-section .detail-title:not(:first-child){margin-top:18px}
.lad-howto{margin:8px 0 4px}
.lad-howto summary{cursor:pointer;font-size:var(--fs-sm);font-weight:650;color:var(--brand);width:max-content}
.lad-howto p{margin:6px 0 0}
/* декоративная сцена прогресса — ниже: смысл тот же, места вдвое меньше (проверка 19.10.2026) */
.progress.lad-scene{height:96px}
@media(max-width:700px){.progress.lad-scene{height:80px}}
@media(max-width:700px){.lad-entry-page .lad-back{min-width:44px;padding:0 10px}.lad-entry-page .lad-back .lad-back-l{display:none}}
@media(max-width:700px){.lad-back{min-width:44px;padding:0 10px}.lad-back .lad-back-l{display:none}}
/* «Напомню: завтра в 10:00» под полем записи (даты из текста, 4.33) */
.lad-when{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:2px 6px 8px;padding:4px 4px 4px 10px;border-radius:99px;background:var(--brand-soft);color:var(--brand);font-size:var(--fs-sm)}
.lad-when[hidden]{display:none}
.lad-when b{font-weight:700}
.lad-when-x{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;flex:none}
.lad-when-x:hover{background:rgba(0,0,0,.06)}
@media(max-width:700px){.lad-when-x{width:44px;height:44px;margin:-8px -4px -8px 0}}
/* просрочка — спокойным тёплым цветом, не «стеной красного» (проверка 19.10.2026: чувство вины отталкивает); красный — только для ошибок */
:root{--late:#94570a;--late-line:#e3ad5c;--late-soft:#fbf1df}
[data-theme=dark]{--late:#f0b86c;--late-line:#a8742f;--late-soft:#33280f}
.lad-tchip.danger{border-color:var(--late-line);color:var(--late);background:var(--late-soft)}
.lad-meta.danger,.lad-kid-open .lad-meta.danger,.lad-meta.warn{color:var(--late)}
.lad-ptile.danger{border-color:var(--late-line)}
.lad-ptile.danger b,.lad-ptile.warn b{color:var(--late)}
.lad-stagedue.danger{color:var(--late)}
/* экран «Сегодня» */
.lad-todayview{display:flex;flex-direction:column;gap:14px}
.lad-todayblock{padding:16px 18px}
.lad-todayblock-h{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.lad-todayblock h2{margin:0;font-size:var(--fs-body);font-weight:750}
.lad-todayblock .lad-today-list{margin:0}
.lad-today-day{list-style:none;margin:12px 0 4px;font-size:var(--fs-sm);font-weight:750;color:var(--muted)}
.lad-today-day:first-child{margin-top:2px}
.lad-today-empty p{margin:6px 0 0;font-size:var(--fs-md)}
.lad-today-more{margin:10px 0 2px}
/* главная плотнее: у карточки один отступ, а не два (проверка 19.10.2026: на экране 5–6 мыслей) */
.lad-card{padding:2px 4px}
.lad-card-open{padding:10px 12px}
.lad-list{gap:8px}
/* знакомство на пустой главной и список горячих клавиш (4.35) */
.lad-intro{text-align:left;max-width:520px;margin:14px auto 18px;padding:0 0 0 22px;display:flex;flex-direction:column;gap:10px;font-size:var(--fs-md);line-height:1.5;color:var(--text2)}
.lad-intro li::marker{color:var(--brand);font-weight:800}
.lad-intro b{color:var(--text)}
.lad-keys{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:6px 0 0;font-size:var(--fs-md)}
.lad-keys dt{text-align:right}
.lad-keys dd{margin:0;align-self:center}
.lad-keys kbd{display:inline-block;min-width:28px;padding:2px 8px;border:1px solid var(--border);border-bottom-width:2px;border-radius:8px;background:var(--surface);font:600 var(--fs-sm)/1.4 var(--font);text-align:center}
/* итоги недели (4.36) */
.lad-weekcard{padding:16px 18px;margin:0 0 14px;border:1px solid var(--border-soft)}
.lad-weekcard h2{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-body);font-weight:750}
.lad-weekcard h2 .lad-ico{color:var(--brand)}
.lad-week-line{margin:6px 0 4px;font-size:var(--fs-md)}
.lad-week-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-soft);font-size:var(--fs-md)}
.lad-week-row>span{flex:1 1 220px}
.lad-week-list{flex:1 1 100%;margin:0;padding-left:18px;font-size:var(--fs-md)}
.lad-week-list .lad-linkbtn{font-size:var(--fs-md);text-align:left}
.lad-week-stale p{flex:1 1 100%;margin:2px 0 0}
.task.overdue,.lad-card.overdue{background:linear-gradient(90deg,var(--late-soft),var(--surface) 60%)}
[data-theme=dark] .task.overdue,[data-theme=dark] .lad-card.overdue{background:linear-gradient(90deg,var(--late-soft),rgba(26,37,34,.97) 60%)}
/* подсказку «Напомню…» можно нажать и поправить день, время, повтор */
.lad-when{padding:0 4px 0 0}
.lad-when-edit{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 6px 0 10px;border:0;border-radius:99px;background:transparent;color:inherit;font:inherit;font-size:var(--fs-sm);cursor:pointer;text-align:left}
.lad-when-edit:hover{background:rgba(0,0,0,.05)}
.lad-when-edit .lad-ico:last-child{opacity:.7}
.lad-when-modal{width:min(420px,calc(100vw - 32px))}
@media(max-width:700px){.lad-when-edit{min-height:44px}}

/* 4.38 — помощник: блок «Сделать с записью» (кратко, найти дела, понятнее, переписать, перевести, шаги, объясни, помоги выбрать) */
.lad-aitools{margin:12px 0 4px;padding-top:10px;border-top:1px solid var(--border-soft)}
.lad-aitools-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.lad-aitool{display:inline-flex;align-items:center;gap:6px;height:var(--h-sm);padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}
.lad-aitool:hover{background:var(--green-soft)}
.lad-aitool:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.lad-aitool svg{flex:none;color:var(--brand)}
.lad-prop-text{white-space:pre-wrap;max-height:240px;overflow-y:auto;padding:8px 10px;margin:4px 0 6px;border-radius:10px;background:var(--sunk);font-size:var(--fs-md);line-height:1.45}
.lad-steps-level{margin-top:4px}
@media(max-width:700px){.lad-aitool{height:44px}}
/* 4.39 — «Разложить на записи»: вид у каждой строки */
.lad-rec-kind{display:inline-block;min-width:92px;font-size:var(--fs-xs);font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.02em}
.lad-split-typed .lad-split-kind{flex:0 0 150px;height:var(--h-md)}
@media(max-width:700px){.lad-split-typed .row{flex-wrap:wrap}.lad-split-typed .lad-split-kind{flex:1 1 120px;height:44px}}

/* ---------- 4.40: разбор недели от ИИ в «Итогах недели» (бесплатно) ---------- */
.lad-week-ai:empty{display:none}
.lad-week-ai{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-soft);font-size:var(--fs-md)}
.lad-week-ai>.lad-week-row{margin-top:0;padding-top:0;border-top:0}
.lad-week-ai-h{display:flex;align-items:center;gap:6px;font-weight:700;font-size:var(--fs-md)}
.lad-week-ai-h .lad-ico{color:var(--brand)}
.lad-week-ai-text{margin:6px 0;line-height:1.5}
.lad-week-ai-tips ul{margin:4px 0 6px;padding-left:18px}
.lad-week-ai-tips li{margin:2px 0}
.lad-week-ai .lad-small .lad-ico{vertical-align:-2px;color:var(--brand)}

/* ---------- 4.41: план отказа по ступеням на странице привычки «бросить» ---------- */
.lad-taper{margin:0 0 12px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface)}
.lad-taper-h{display:flex;align-items:center;gap:8px;font-size:var(--fs-md)}
.lad-taper-h .lad-ico{color:var(--brand)}
.lad-taper-now{margin:6px 0 2px;font-size:var(--fs-body);font-weight:650}
.lad-taper-steps{margin:8px 0;padding-left:20px;font-size:var(--fs-md)}
.lad-taper-steps li{margin:3px 0}
.lad-taper-steps li>span:last-child{margin-left:8px;font-size:var(--fs-sm)}
.lad-taper-steps li.done{color:var(--muted);text-decoration:line-through}
.lad-taper-steps li.now{font-weight:700}
.lad-taper .row{margin-top:6px}

/* ---------- 4.42: «Искать с ИИ» под поиском на главной ---------- */
.lad-aisearch:empty{display:none}
.lad-aisearch{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;font-size:var(--fs-md)}
.lad-aisearch:has(.lad-aisearch-h){display:block;padding:12px 14px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface)}
.lad-aisearch-h{display:flex;align-items:center;gap:8px}
.lad-aisearch-h .lad-ico,.lad-aisearch-btn .lad-ico{color:var(--brand)}
.lad-aisearch-reply{margin:6px 0}
.lad-aisearch-list{list-style:none;margin:6px 0;padding:0}
.lad-aisearch-list li{display:flex;align-items:center;gap:8px;padding:4px 0}
.lad-aisearch-list .lad-linkbtn{font-size:var(--fs-md);text-align:left}
.lad-aisearch-keep{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:var(--fs-md)}
@media (max-width:760px){.lad-aisearch-list li{min-height:44px}}

/* ---------- 4.43: проекты — план по этапам, отчёт текстом, план под запрос ---------- */
.lad-stage-item{display:flex;flex-direction:column;gap:2px}
.lad-stage-item b{font-weight:700}
.lad-stage-tasks{font-size:var(--fs-sm);color:var(--text2)}
.lad-tplai{flex-wrap:nowrap;align-items:center}
.lad-tplai .lad-tplask{flex:1 1 auto;min-width:0;height:var(--h-sm);font-size:var(--fs-md)}
@media (max-width:760px){.lad-tplai .lad-tplask{height:44px}}
.lad-tplai .lad-tplai-go{flex:0 0 auto;white-space:nowrap}

/* ---------- 4.44: наблюдения по журналу привычки ---------- */
.lad-insights ul{margin:4px 0 6px;padding-left:20px;font-size:var(--fs-md)}
.lad-insights li{margin:3px 0}

/* ---------- 4.45: «Сегодня» с ИИ — план дня и разбор просроченного ---------- */
.lad-dayai:empty{display:none}
.lad-dayai-btn .lad-ico,.lad-dayai-h .lad-ico,.lad-dayai-note .lad-ico{color:var(--brand)}
.lad-dayai-card{margin:10px 0;padding:12px 14px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);font-size:var(--fs-md)}
.lad-dayai-h{display:flex;align-items:center;gap:8px}
.lad-dayai-card>p{margin:6px 0}
.lad-dayai-list{margin:8px 0;padding-left:20px}
.lad-dayai-card ul.lad-dayai-list{list-style:none;padding-left:0}
.lad-dayai-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 0}
.lad-dayai-list li.later>span:nth-child(2){color:var(--muted)}
.lad-dayai-pick{display:inline-flex;align-items:center;gap:6px}
.lad-dayai-note{margin:6px 0 2px}
@media (max-width:760px){.lad-dayai-list li{min-height:44px}}

/* ---------- 4.47: похожие записи и метки ---------- */
.lad-similar-list{list-style:none;margin:4px 0;padding:0}
.lad-similar-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 0;font-size:var(--fs-md)}
.lad-similar-list .lad-linkbtn{font-size:var(--fs-md);text-align:left}
.lad-similar-list .lad-merge{margin-left:auto}
.lad-similar-ai p .lad-ico,.lad-similar-aibtn .lad-ico{color:var(--brand)}
@media (max-width:760px){.lad-similar-list li{min-height:44px}}

/* ---------- 4.49: «Ещё» в «Сделать с записью» ---------- */
.lad-aitool-more{color:var(--text2)}

/* ---------- 4.50: перенос из Todoist, TickTick, Google Keep ---------- */
.lad-importhelp{margin:6px 0 10px;padding-left:18px}
.lad-importhelp li{margin:3px 0}
.lad-importlist{max-height:50vh;overflow-y:auto;margin-top:8px}
.lad-importlist .row{align-items:center;padding:4px 0;border-bottom:1px solid var(--border-soft);font-size:var(--fs-md)}
.lad-import-ai .lad-ico{color:var(--brand)}

/* ---------- 4.51: месячный календарь на «Сегодня» ---------- */
.lad-calcard .lad-todayblock-h .btn{min-width:var(--h-sm)}
.lad-cal-next .lad-ico{transform:rotate(180deg)}
.lad-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:10px 0}
.lad-cal-wd{text-align:center;font-size:var(--fs-xs);color:var(--muted);padding:2px 0}
.lad-cal-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;min-height:52px;padding:6px 2px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface);font:inherit;color:inherit;cursor:pointer}
.lad-cal-cell.off{border:0;background:none;cursor:default}
.lad-cal-cell:hover{border-color:var(--brand)}
.lad-cal-cell.today .lad-cal-n{background:var(--brand);color:#fff;border-radius:999px;padding:0 7px}
.lad-cal-cell.sel{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}
.lad-cal-n{font-size:var(--fs-sm);font-weight:650;line-height:20px}
.lad-cal-dots{display:flex;gap:3px;align-items:center;min-height:14px}
.lad-cal-dots i{display:inline-block;font-style:normal;font-size:var(--fs-xs);line-height:14px;border-radius:999px}
.lad-cal-dots i.lad-cal-t{padding:0 5px;background:var(--green-soft);color:var(--brand);font-weight:700}
.lad-cal-cell.late .lad-cal-dots i.lad-cal-t{background:var(--late-soft);color:var(--late)}
.lad-cal-dots i.lad-cal-r{width:6px;height:6px;background:var(--gold)}
.lad-cal-dots i.lad-cal-d{width:6px;height:6px;background:var(--muted)}
.lad-cal-day .lad-cal-add{margin-top:8px;width:100%;height:var(--h-md);font-size:var(--fs-md)}
@media (max-width:760px){.lad-cal-cell{min-height:44px;padding:4px 1px}.lad-cal-day .lad-cal-add{height:44px}}

/* ---------- 4.52: фокус-таймер ---------- */
.lad-focusbar{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:4px 6px 4px 12px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-soft);font-size:var(--fs-md)}
.lad-focusbar>.lad-ico{color:var(--brand);flex:0 0 auto}
.lad-focus-title{min-width:0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md)}
.lad-focus-left{font-variant-numeric:tabular-nums;font-size:var(--fs-body);min-width:48px;text-align:right}
.lad-focusbar.paused .lad-focus-left{color:var(--muted)}
.lad-focusrow{margin-top:8px;align-items:center}
@media (max-width:760px){.lad-focusbar{top:6px}.lad-focusbar .btn{min-height:44px}.lad-focus-title{max-width:120px}}

/* ---------- 4.53: верх главной на телефоне — баннер примеров и «На сегодня» в одну строку ---------- */
.lad-banner-short{display:none}
@media (max-width:760px){
  .lad-banner{flex-wrap:nowrap;gap:8px;padding:2px 4px 2px 12px;margin:0 0 8px}
  .lad-banner-long{display:none}
  .lad-banner-short{display:inline;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lad-banner .lad-linkbtn{flex:0 0 auto;min-height:44px;padding:0 8px}
  .lad-todaybox>summary{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px 12px;-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
  .lad-todaybox>summary::-webkit-scrollbar{display:none}
  .lad-todaybox>summary>*{flex:0 0 auto}
}

/* ---------- 4.54: «День по часам» ---------- */
.lad-hourscard>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:32px}
.lad-hourscard>summary::-webkit-details-marker{display:none}
.lad-hourscard>summary h2{margin:0}
.lad-hourscard>summary .lad-ico:last-child{margin-left:auto;transition:transform .15s}
.lad-hourscard[open]>summary .lad-ico:last-child{transform:rotate(180deg)}
.lad-hours{list-style:none;margin:8px 0 0;padding:0}
.lad-hour{display:flex;gap:12px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--border-soft);font-size:var(--fs-md)}
.lad-hour-t{flex:0 0 108px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}
.lad-hour.now .lad-hour-t{color:var(--brand);font-weight:700}
.lad-hour.past{opacity:.6}
.lad-hour-items{display:flex;flex-direction:column;gap:4px;min-width:0}
.lad-hour-item.proposed{border:1px dashed var(--brand);border-radius:8px;padding:2px 8px}
.lad-hours-ai{margin-top:8px;align-items:center}
@media (max-width:760px){.lad-hour-t{flex-basis:104px}.lad-hour{min-height:44px;align-items:center}}

/* ---------- 4.55: окно переноса на телефоне — флажок и вид в строке, название под ними ---------- */
@media (max-width:700px){
  .lad-importlist .row{flex-wrap:wrap}
  .lad-importlist .lad-split-kind{flex:1 1 calc(100% - 40px)}
  .lad-importlist .row>.grow{flex:1 1 100%;padding-left:32px}
}

/* ---------- 4.57: страница не увеличивается жестом (владелец 21.10): прокрутка — да, увеличение двумя пальцами и двойным касанием — нет ---------- */
html{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* ---------- 4.58: реклама в бесплатной версии (ADR-0030; пока выключена): карточка с пометкой «Реклама» внизу экрана, полноэкранная — в паузе ---------- */
.lad-ad-bottom{margin:24px 0 16px}
.has-detail .lad-ad-bottom{display:none}
.lad-ad{border:1px solid var(--border-soft);border-radius:14px;background:var(--surface);padding:6px 12px 12px;margin-top:16px}
.lad-ad-bottom .lad-ad{margin-top:0}
.lad-ad-head{display:flex;align-items:center;gap:8px;min-height:32px;font-size:var(--fs-xs);color:var(--muted)}
.lad-ad-label{font-weight:700;letter-spacing:.02em}
.lad-ad-off{font-size:var(--fs-xs)}
.lad-ad-frame{display:block;width:100%;height:120px;border:0;margin-top:4px;background:transparent}
.lad-ad-full{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--surface);padding:8px 12px calc(12px + env(safe-area-inset-bottom))}
.lad-ad-full .lad-ad-frame{flex:1 1 auto;height:auto}
@media (max-width:760px){.lad-ad-off,.lad-ad-close{min-height:44px}}

/* ---------- 4.58: страницы сайта — справка и статьи (для людей и для проверки сайта Рекламной сетью Яндекса) ---------- */
.lad-pages-nav{font-size:var(--fs-md);color:var(--muted);margin:0 0 8px}
.lad-pages-nav a{text-decoration:none}
.lad-article h1{font-size:var(--fs-head);line-height:1.25}
.lad-article h2{font-size:var(--fs-title)}
.lad-article-meta{color:var(--muted);font-size:var(--fs-sm);margin:0 0 12px}
.lad-article p,.lad-article li{font-size:var(--fs-body)}
.lad-article-try{margin:32px 0 0;padding:4px 20px 16px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface)}
.lad-article-try .btn{display:inline-flex}
.lad-article-more{margin-top:32px;border-top:1px solid var(--border-soft)}
.lad-help-toc ol{columns:2;column-gap:24px;padding-left:20px;margin:0}
.lad-articles-list{list-style:none;padding:0}
.lad-articles-list li{margin:0 0 20px}
.lad-articles-list a{font-weight:700;font-size:var(--fs-title);text-decoration:none}
.lad-articles-list p{margin:4px 0 0;color:var(--muted)}
.lad-menu-links{display:flex;flex-wrap:wrap;gap:0 4px;padding:0 4px}
.lad-menu-links a{display:inline-flex;align-items:center;min-height:var(--h-sm);padding:0 8px;border-radius:10px;color:var(--muted);font-size:var(--fs-md);text-decoration:none}
.lad-menu-links a:hover{color:var(--text);background:var(--surface)}
@media (max-width:700px){.lad-help-toc ol{columns:1}.lad-pages-nav a,.lad-menu-links a{min-height:44px;display:inline-flex;align-items:center}}

/* ---------- 4.59: значок логотипа рядом с названием (владелец 21.10: «добавь к названию сайта иконку/логотип») ---------- */
.lad-logo-mark{width:30px;height:30px;flex:0 0 auto;align-self:center;margin-right:-2px}
[data-theme=dark] .lad-logo-mark{background:#F1F4EF;border-radius:50%;padding:2px;box-sizing:border-box} /* тёмно-зелёный значок на тёмном фоне не читается */
@media (max-width:760px){.lad-logo-mark{width:26px;height:26px}}

/* ---------- 4.59: лендинг «Лада» (about.html; владелец 21.10: «создай лендинг для приложения») — размеры из шкалы ---------- */
.lad-land-page{background:var(--bg);color:var(--text);margin:0}
.lad-land-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:12px 24px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px)}
.lad-land-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--brand)}
.lad-land-brand img{width:32px;height:32px}
.lad-land-brand b{font:600 var(--fs-head)/1 var(--f-display);letter-spacing:-.01em}
.lad-land-nav{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.lad-land-nav a{display:inline-flex;align-items:center;min-height:var(--h-sm);padding:0 10px;border-radius:10px;color:var(--muted);font-size:var(--fs-md);text-decoration:none}
.lad-land-nav a:hover{color:var(--text);background:var(--surface)}
.lad-land .btn,.lad-land-top .btn,.lad-land-final .btn{height:var(--h-md);font-size:var(--fs-md);padding:0 18px;text-decoration:none}
.lad-land{max-width:1120px;margin:0 auto;padding:0 24px 32px}
.lad-land h1{font:600 var(--fs-head)/1.25 var(--f-display);margin:8px 0 12px;color:var(--text)}
.lad-land h2{font:600 var(--fs-title)/1.3 var(--f-display);margin:0 0 6px;color:var(--text)}
.lad-land h3{font-size:var(--fs-body);margin:0 0 6px}
.lad-land p,.lad-land li{font-size:var(--fs-body);line-height:1.6}
.lad-land a{color:var(--brand)}
.lad-land-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:40px 0 24px}
.lad-land-eyebrow{margin:0;font-size:var(--fs-sm) !important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink,var(--brand))}
.lad-land-lead{color:var(--muted);margin:0 0 20px}
.lad-land-actions{display:flex;flex-wrap:wrap;gap:8px}
.lad-land-facts{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;padding:0;margin:16px 0 0}
.lad-land-facts li{font-size:var(--fs-sm) !important;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.lad-land-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.lad-land-hero-art img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:var(--shadow-md)}
.lad-land-section{padding:48px 0 8px}
.lad-land-sub{color:var(--muted);margin:0 0 20px}
.lad-land-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0}
.lad-land-steps li,.lad-land-grid li{background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;padding:20px}
.lad-land-steps p,.lad-land-grid p{margin:0;color:var(--muted);font-size:var(--fs-md) !important}
.lad-land-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:var(--fs-md);margin-bottom:12px}
/* снимки: компьютер и телефон сбоку — одна картинка-композиция, на любой ширине просто уменьшается (владелец 21.10: «на телефоне они разъехались») */
.lad-land-mock{position:relative;padding-bottom:6%}
.lad-land-mock figure{margin:0}
.lad-land-desk img{display:block;width:88%;height:auto;border-radius:16px;border:1px solid var(--border-soft);box-shadow:var(--shadow-md)}
.lad-land-mock .lad-land-phone{position:absolute;right:0;bottom:0;width:24%}
.lad-land-phone img{display:block;width:100%;height:auto;border-radius:28px;border:6px solid #1b2a25;box-shadow:var(--shadow-md)}
.lad-land-caption{color:var(--muted);font-size:var(--fs-sm) !important;margin:12px 0 0}
.lad-land-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0}
.lad-land-articles li{padding:0}
.lad-land-articles a{display:block;padding:20px;color:inherit;text-decoration:none;border-radius:18px}
.lad-land-articles a:hover h3{color:var(--brand)}
.lad-land-split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.lad-land-split-rev .lad-land-split-text{order:2}
.lad-land-split-art img{display:block;width:100%;height:auto;border-radius:24px}
.lad-land-checks{list-style:none;padding:0;margin:12px 0}
.lad-land-checks li{position:relative;padding-left:28px;margin:8px 0}
.lad-land-checks li::before{content:"";position:absolute;left:4px;top:.45em;width:12px;height:7px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}
.lad-land-note{color:var(--muted);font-size:var(--fs-md) !important}
.lad-land-faq details{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;margin:0 0 8px;padding:0 16px}
.lad-land-faq summary{cursor:pointer;min-height:var(--h-md);display:flex;align-items:center;font-weight:700;font-size:var(--fs-body)}
.lad-land-faq details p{margin:0 0 14px;color:var(--muted)}
.lad-land-final{position:relative;max-width:1120px;margin:40px auto 0;padding:0 24px}
.lad-land-final-art{display:block;width:100%;height:auto;border-radius:24px}
.lad-land-final-card{position:relative;max-width:520px;margin:-96px auto 0;background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:24px;text-align:center;box-shadow:var(--shadow-md)}
.lad-land-final-card h2{font:600 var(--fs-title)/1.3 var(--f-display);margin:0 0 6px}
.lad-land-final-card p{color:var(--muted);font-size:var(--fs-body);line-height:1.6;margin:0 0 16px}
.lad-land-foot{max-width:1120px;margin:0 auto;padding:40px 24px 48px;text-align:center;color:var(--muted);font-size:var(--fs-sm)}
.lad-land-footlogo{max-width:260px !important;margin:0 auto 12px !important}
.lad-land-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:0 0 8px}
.lad-land-foot a{color:var(--brand);font-size:var(--fs-md);text-decoration:none;display:inline-flex;align-items:center;min-height:var(--h-sm)}
[data-theme=dark] .lad-land-brand img{background:#F1F4EF;border-radius:50%;padding:2px;box-sizing:border-box}
@media (max-width:900px){
  .lad-land-nav{display:none}
  .lad-land-topcta{margin-left:auto}
  .lad-land-hero,.lad-land-split{grid-template-columns:1fr;gap:24px}
  .lad-land-hero{padding-top:16px}
  .lad-land-split-rev .lad-land-split-text{order:0}
  .lad-land-steps,.lad-land-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .lad-land-top{padding:8px 16px}
  .lad-land,.lad-land-final{padding-left:16px;padding-right:16px}
  .lad-land-steps,.lad-land-grid{grid-template-columns:1fr}
  .lad-land .btn,.lad-land-top .btn,.lad-land-final .btn{height:44px}
  .lad-land-actions .btn{flex:1 1 100%}
  .lad-land-mock{padding-bottom:12%}
  .lad-land-mock .lad-land-phone{width:30%}
  .lad-land-desk img{border-radius:8px}
  .lad-land-phone img{border-width:3px;border-radius:14px}
  .lad-land-final-card{margin-top:-48px}
  .lad-land-faq summary,.lad-land-foot a,.lad-land-nav a{min-height:44px}
  .lad-land-brand b{font-size:var(--fs-title)}
}
.lad-pages-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.lad-pages-brand{display:inline-flex;align-items:center;gap:6px;color:var(--brand) !important;margin-right:8px}
.lad-pages-brand img{width:24px;height:24px}
.lad-pages-brand b{font:600 var(--fs-title)/1 var(--f-display)}
[data-theme=dark] .lad-pages-brand img{background:#F1F4EF;border-radius:50%;padding:2px;box-sizing:border-box}

/* ---------- 4.60: сайт отдельно от приложения (ADR-0031): переход вошедших в приложение без мелькания и перенос записей со старого адреса ---------- */
.lad-going body{visibility:hidden}
.lad-move{margin:16px 0 0;padding:20px;border:1px solid var(--gold);border-radius:18px;background:var(--gold-soft,var(--surface))}
.lad-move h2{font:600 var(--fs-title)/1.3 var(--f-display);margin:0 0 6px}
.lad-move p{margin:0 0 12px}
.lad-move-actions{display:flex;flex-wrap:wrap;gap:8px}
.lad-move-status{margin:12px 0 0 !important;font-size:var(--fs-md) !important;color:var(--muted)}
.lad-move-status:empty{display:none}
.lad-move-error{color:var(--danger) !important}
@media (max-width:600px){.lad-move-actions .btn{flex:1 1 100%;height:44px}}
/* страница «Скачать» (4.60) */
.lad-dl-head{padding-top:24px}
.lad-dl-grid{grid-template-columns:repeat(2,1fr)}
.lad-dl-card h2{margin:0 0 6px}
.lad-dl-card p{margin:0 0 12px}
.lad-dl-card details{margin-top:4px}
.lad-dl-card summary{cursor:pointer;min-height:var(--h-sm);display:flex;align-items:center;color:var(--brand);font-size:var(--fs-md);font-weight:700}
.lad-dl-card details li{font-size:var(--fs-md);margin:6px 0}
.lad-dl-files{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.lad-dl-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.lad-dl-meta{color:var(--muted);font-size:var(--fs-sm)}
.lad-dl-note{color:var(--muted);font-size:var(--fs-sm) !important}
.lad-dl-soon{color:var(--muted);font-style:italic;margin:0 !important}
@media (max-width:900px){.lad-dl-grid{grid-template-columns:1fr}}
@media (max-width:600px){.lad-dl-card summary{min-height:44px}.lad-dl-row .btn{flex:1 1 100%}}

/* 4.62: согласие на рекламу (ADR-0030) — карточка внизу экрана вместо рекламы, пока человек не ответил */
.lad-ad-ask p{margin:4px 0 10px;font-size:var(--fs-sm);line-height:1.5;color:var(--text2)}
.lad-ad-ask-btns{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
@media (max-width:760px){.lad-ad-ask-btns .btn{min-height:44px}}

/* Владелец 22.10: тем, кто пользуется «Ладом» без входа, главная сайта предлагает перейти в приложение или остаться (js/site.js) */
.lad-land-ask{max-width:min(420px,calc(100vw - 32px));border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);color:var(--text);padding:24px;box-shadow:0 16px 48px rgba(0,0,0,.18)}
.lad-land-ask::backdrop{background:rgba(20,30,25,.35)}
.lad-land-ask h2{margin:0 0 8px;font-size:var(--fs-title)}
.lad-land-ask p{margin:0 0 12px;font-size:var(--fs-body);line-height:1.5;color:var(--text2)}
.lad-land-ask-keep{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);margin-bottom:16px}
.lad-land-ask-actions{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:760px){.lad-land-ask-actions .btn,.lad-land-ask-keep{min-height:44px}}

/* 4.65: блок РСЯ — прямо на странице (без рамки), контейнер под ним */
.lad-ad-box{margin-top:4px;min-height:50px}