:root {
  --ink:#202b3b; --muted:#576477; --faint:#f4f6f9; --surface:#fff; --ground:#f7f8fa;
  --line:#dce2e9; --strong-line:#aab6c7; --accent:#264fb7; --accent-hover:#193b92;
  --accent-wash:#edf2ff; --positive:#216147; --warning:#98600f; --danger:#aa3c36;
  --radius:7px; --shadow:0 18px 55px rgb(24 39 61 / .16); --frame:68px;
  --font:'Segoe UI','Helvetica Neue',Arial,sans-serif;
  font-family:var(--font); font-size:14px; color:var(--ink); background:var(--ground);
  font-synthesis:none; font-variant-numeric:tabular-nums;
}
* { box-sizing:border-box; }
body { margin:0; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; color:inherit; }
button:disabled { cursor:default; opacity:.5; }
button { border:0; background:none; }
a { color:var(--accent); text-underline-offset:4px; }
button,input,select,textarea,a { outline-offset:4px; }
:focus-visible { outline:2px solid var(--accent); }
::selection { background:var(--accent); color:#fff; }
input,textarea { caret-color:var(--accent); }
input::placeholder { color:var(--muted); opacity:1; }
svg { width:18px; height:18px; vertical-align:middle; flex:none; }
h1,h2,h3,p { margin:0; }
h1 { font-size:30px; line-height:1.2; letter-spacing:-.025em; font-weight:650; }
h2 { font-size:20px; line-height:1.35; letter-spacing:-.02em; font-weight:650; }
h3 { font-size:14px; line-height:1.4; font-weight:650; }
p { line-height:1.6; }
.muted { color:var(--muted); }
.small { font-size:12px; }
.skip { position:fixed; top:-100px; left:16px; z-index:99; padding:14px; background:var(--surface); }
.skip:focus { top:10px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-size:19px; letter-spacing:-.6px; font-weight:700; text-decoration:none; white-space:nowrap; }
.brand svg { width:27px; height:27px; }
.topbar { min-height:var(--frame); padding:0 32px; display:flex; align-items:center; gap:32px; background:var(--surface); border-bottom:1px solid var(--line); }
.area-nav { display:flex; align-items:stretch; gap:5px; align-self:stretch; }
.topbar .area-group { display:flex; align-items:stretch; }
.topbar > .area-nav { min-width:0; }
.study-label { font-size:10px; color:var(--muted); border:1px solid var(--line); border-radius:4px; padding:3px 5px; font-weight:400; letter-spacing:0; margin-left:3px; }
.area-btn { padding:0 16px; display:flex; align-items:center; gap:8px; position:relative; font-weight:550; color:var(--muted); }
.area-btn:hover { color:var(--ink); background:var(--faint); }
.area-btn.active { color:var(--accent); }
.area-btn.active::after { content:''; height:2px; background:var(--accent); position:absolute; bottom:0; left:16px; right:16px; }
.top-tools { margin-left:auto; display:flex; align-items:center; gap:12px; }
.tool { display:inline-flex; align-items:center; justify-content:center; min-height:36px; min-width:36px; border-radius:var(--radius); gap:8px; }
.tool:hover,.quiet:hover { background:var(--faint); }
.avatar { width:32px; height:32px; border-radius:50%; background:var(--accent-wash); color:var(--accent); font-size:11px; font-weight:700; display:inline-grid; place-items:center; }
kbd { font:11px var(--font); color:var(--muted); border:1px solid var(--line); border-radius:4px; padding:2px 5px; }
.search-trigger { color:var(--muted); padding:0 8px; }
.location { height:53px; display:flex; align-items:center; gap:8px; padding:0 40px; border-bottom:1px solid var(--line); background:var(--surface); font-size:13px; }
.location .crumb { display:flex; align-items:center; gap:8px; padding:8px; color:var(--muted); border-radius:5px; }
.location .crumb:hover { background:var(--faint); }
.location .current { color:var(--ink); font-weight:600; }
.location .crumb svg { width:13px; }
.location .grow { flex:1; }
.page-picker { background:var(--surface); padding:20px 40px; border-bottom:1px solid var(--line); display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.page-picker strong { margin-right:20px; }
.page-picker button { border-radius:var(--radius); padding:12px 16px; color:var(--muted); }
.page-picker button:hover,.page-picker button.active { background:var(--accent-wash); color:var(--accent); }
.workspace { max-width:1580px; margin:auto; padding:36px 48px 70px; }
.heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.heading p { color:var(--muted); margin-top:9px; }
.heading-actions { display:flex; gap:8px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line); background:var(--surface); border-radius:var(--radius); min-height:38px; padding:9px 14px; font-weight:550; text-decoration:none; line-height:1.25; }
.btn:hover { background:var(--faint); border-color:var(--strong-line); }
.btn.primary { color:white; background:var(--accent); border-color:var(--accent); }
.btn.primary:hover { background:var(--accent-hover); }
.quiet { display:inline-flex; align-items:center; gap:7px; padding:8px; border-radius:5px; color:var(--muted); }
.overview-strip { display:flex; gap:0; margin:0 0 28px; padding:18px 22px; background:var(--accent-wash); border-radius:var(--radius); align-items:center; }
.strip-title { display:flex; align-items:center; gap:12px; padding-right:26px; }
.strip-title svg { color:var(--accent); }
.strip-title strong { font-size:14px; }
.strip-item { padding:0 26px; border-left:1px solid var(--line); display:flex; align-items:center; gap:8px; font-size:13px; color:var(--muted); }
.strip-item b { font-size:16px; color:var(--ink); }
.overview-strip .quiet { margin-left:auto; color:var(--accent); white-space:nowrap; }
.collection { background:var(--surface); border:1px solid var(--line); border-radius:10px; }
.viewbar { display:flex; gap:25px; min-height:55px; align-items:stretch; border-bottom:1px solid var(--line); padding:0 22px; }
.view-btn { display:flex; align-items:center; gap:7px; position:relative; color:var(--muted); padding:0 1px; font-size:13px; white-space:nowrap; }
.view-btn.active { color:var(--accent); font-weight:600; }
.view-btn.active::after { position:absolute; content:''; bottom:-1px; height:2px; background:var(--accent); left:0; right:0; }
.count { font-size:11px; background:var(--faint); border-radius:4px; padding:2px 5px; min-width:20px; color:var(--muted); }
.viewbar .quiet { margin-left:auto; font-size:12px; }
.filterbar { display:flex; align-items:center; padding:16px 22px; gap:10px; }
.searchfield { display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:6px; padding:0 11px; min-width:0; }
.searchfield svg { color:var(--muted); width:16px; }
.searchfield input { width:230px; max-width:100%; border:0; background:transparent; min-height:35px; color:var(--ink); outline-offset:0; }
.select { border:1px solid var(--line); border-radius:6px; background:var(--surface); padding:8px 25px 8px 10px; color:var(--ink); min-height:37px; }
.filterbar .result-count { margin-left:auto; color:var(--muted); font-size:12px; }
.table-scroll { overflow:auto; }
.orders-table { border-collapse:collapse; width:100%; table-layout:fixed; }
.orders-table th { font-weight:500; color:var(--muted); font-size:11px; text-align:left; background:var(--faint); padding:12px 16px; border-block:1px solid var(--line); }
.orders-table th button { font:inherit; padding:0; display:inline-flex; align-items:center; gap:5px; }
.orders-table th svg { width:12px; height:12px; }
.orders-table td { padding:17px 16px; border-bottom:1px solid var(--line); vertical-align:middle; font-size:13px; }
.orders-table tr:last-child td { border-bottom:0; }
.orders-table tbody tr:hover { background:#fafbfd; }
.orders-table tr.selected { background:var(--accent-wash); }
.orders-table .check { width:44px; padding-left:20px; padding-right:0; }
input[type=checkbox] { width:15px; height:15px; accent-color:var(--accent); cursor:pointer; }
.orders-table .identity { width:27%; }
.orders-table .next { width:24%; }
.orders-table .quantity { width:12%; text-align:right; }
.orders-table .date { width:13%; }
.orders-table .person { width:14%; }
.orders-table .end { width:44px; padding-inline:6px; }
.record-link { color:var(--ink); text-decoration:none; font-weight:600; }
.record-link:hover { color:var(--accent); text-decoration:underline; }
.secondary { display:block; font-size:12px; color:var(--muted); margin-top:5px; }
.status { display:inline-flex; align-items:center; gap:7px; font-size:12px; white-space:normal; }
.status::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none; }
.status.warning { color:var(--warning); }
.status.positive { color:var(--positive); }
.status.info { color:var(--accent); }
.owner { display:flex; align-items:center; gap:8px; }
.owner .avatar { background:var(--faint); color:var(--muted); width:26px; height:26px; font-size:10px; }
.table-footer { border-top:1px solid var(--line); color:var(--muted); padding:13px 22px; display:flex; align-items:center; justify-content:space-between; font-size:12px; gap:15px; }
.below-table { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; color:var(--muted); font-size:12px; }
.below-table p { max-width:68ch; }
.selection-bar { padding:12px 22px; background:var(--accent-wash); display:flex; align-items:center; gap:14px; }
.empty { padding:65px 20px; text-align:center; }
.empty p { color:var(--muted); margin:10px 0 20px; }
.prototype-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 22px; background:var(--surface); border-top:1px solid var(--line); font-size:11px; color:var(--muted); }
.prototype-bar nav { display:flex; gap:16px; }
.prototype-bar a { color:var(--muted); text-decoration:none; }
.prototype-bar a.active { color:var(--accent); font-weight:650; }
.prototype-bar strong { color:var(--ink); font-weight:600; }
.prototype-bar .demo { display:flex; align-items:center; gap:7px; }
.prototype-bar .demo::before { content:''; width:5px; height:5px; background:var(--muted); border-radius:50%; }
#notice { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:30; background:var(--ink); color:#fff; border-radius:8px; box-shadow:var(--shadow); padding:13px 20px; max-width:calc(100% - 32px); font-size:13px; display:none; }
#notice.visible { display:block; }
.sidebar { display:none; }
.detail-heading { padding:24px 26px; border-bottom:1px solid var(--line); }
.detail-heading .detail-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; color:var(--muted); font-size:12px; }
.detail-heading h2 { font-size:23px; margin-top:8px; }
.detail-heading p { margin-top:6px; color:var(--muted); font-size:13px; }
.detail-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }
.detail-body { padding:24px 26px; }
.action-box { padding:18px; border-radius:var(--radius); background:var(--accent-wash); }
.action-box p { color:var(--muted); margin:8px 0 15px; font-size:13px; }
.action-box .btn { width:100%; }
.detail-section { margin-top:28px; }
.detail-section h3 { margin-bottom:13px; }
.fact-list { margin:0; }
.fact-list > div { display:flex; justify-content:space-between; gap:24px; padding:11px 0; border-bottom:1px solid var(--line); font-size:13px; }
.fact-list dt { color:var(--muted); }
.fact-list dd { margin:0; text-align:right; }
.related { width:100%; display:flex; align-items:center; text-align:left; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
.related > svg:first-child { color:var(--muted); }
.related > svg:last-child { margin-left:auto; width:14px; }
.related:hover { color:var(--accent); }
.related small { display:block; color:var(--muted); margin-top:5px; }
.timeline { padding:0; list-style:none; margin:0; }
.timeline li { position:relative; padding:0 0 18px 18px; border-left:1px solid var(--line); font-size:12px; line-height:1.5; }
.timeline li::before { content:''; position:absolute; left:-3px; top:5px; width:5px; height:5px; border-radius:50%; background:var(--strong-line); }
.timeline small { display:block; color:var(--muted); margin-top:3px; }
.inline-form { margin-top:15px; }
.inline-form label { display:flex; justify-content:space-between; align-items:center; gap:15px; font-size:13px; margin:12px 0; }
.inline-form input,.inline-form textarea { border:1px solid var(--line); border-radius:5px; padding:10px; background:var(--surface); color:var(--ink); min-width:0; }
.inline-form textarea { width:100%; min-height:95px; resize:vertical; }
.inline-form .form-actions { display:flex; gap:8px; margin-top:12px; }
.error { color:var(--danger); font-size:12px; margin:8px 0; }
.drawer { position:fixed; inset:0 0 0 auto; margin:0; height:100dvh; max-height:100dvh; max-width:100%; width:490px; border:0; padding:0; color:var(--ink); background:var(--surface); box-shadow:var(--shadow); }
dialog::backdrop { background:rgb(29 39 55 / .22); }
.dialog-header { display:flex; justify-content:space-between; align-items:center; padding:22px 26px; border-bottom:1px solid var(--line); }
.dialog-body { padding:24px 26px; }
.dialog-body > p { margin:9px 0 24px; color:var(--muted); font-size:13px; }
.settings-index { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.settings-index .btn { justify-content:flex-start; }
.settings-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:19px 0; border-bottom:1px solid var(--line); }
.settings-row small { display:block; color:var(--muted); margin-top:6px; font-size:12px; max-width:32ch; line-height:1.5; }
.scope { display:inline-block; padding:5px 8px; font-size:11px; color:var(--accent); background:var(--accent-wash); border-radius:5px; margin-bottom:18px; }
.palette { margin:13vh auto auto; width:580px; max-width:calc(100% - 30px); max-height:72vh; border:0; border-radius:12px; padding:0; box-shadow:var(--shadow); background:var(--surface); color:var(--ink); }
.palette .searchfield { border:0; border-bottom:1px solid var(--line); padding:8px 20px; border-radius:0; }
.palette input { min-height:45px; width:100%; }
.palette-results { padding:8px; }
.palette-results button { width:100%; padding:12px; display:flex; align-items:center; justify-content:space-between; text-align:left; border-radius:6px; }
.palette-results button:hover,.palette-results button:focus-visible { background:var(--accent-wash); }
.palette-results small { color:var(--muted); }
.split-work { display:grid; grid-template-columns:minmax(320px, .9fr) minmax(440px, 1.1fr); gap:0; background:var(--surface); border:1px solid var(--line); border-radius:10px; }
.split-work .collection { border:0; border-radius:10px 0 0 10px; min-width:0; }
.split-work .detail { border-left:1px solid var(--line); min-width:0; }
.queue-item { display:block; width:100%; text-align:left; padding:19px 22px; border-top:1px solid var(--line); }
.queue-item:hover { background:var(--faint); }
.queue-item.active { background:var(--accent-wash); }
.queue-top,.queue-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.queue-top { margin-bottom:10px; }
.queue-top strong { font-size:14px; font-weight:600; }
.queue-top small,.queue-bottom small { color:var(--muted); font-size:11px; }
.queue-item p { color:var(--muted); font-size:12px; margin-bottom:12px; }
.split-work .searchfield { flex:1; }
.split-work .searchfield input { width:100%; }
.split-work .filterbar { flex-wrap:wrap; }
.split-work .viewbar { gap:16px; }
.split-work .viewbar .view-btn { font-size:12px; }
.split-work .detail-body { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
.split-work .action-box { grid-column:1/-1; }
.split-work .detail-section:last-child { grid-column:1/-1; }
.home-intro { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding:24px; border-bottom:1px solid var(--line); }
.home-intro p { color:var(--muted); margin-top:10px; max-width:62ch; }
.task-row { display:flex; align-items:center; gap:20px; padding:22px 24px; border-bottom:1px solid var(--line); }
.task-row:last-child { border-bottom:0; }
.task-row > svg { color:var(--accent); }
.task-row .btn { margin-left:auto; }
.task-row p { color:var(--muted); font-size:13px; margin-top:6px; }
.home-bottom { margin-top:28px; display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.home-bottom h3 { margin-right:20px; }
body[data-density=compact] .orders-table td { padding-block:10px; }
body[data-density=compact] .queue-item { padding-block:12px; }
body[data-concept=atlas] { --accent:#42557a; --accent-hover:#304361; --accent-wash:#edf0f6; --ground:#f6f7f9; --radius:6px; }
[data-concept=atlas] .topbar { margin-left:208px; height:68px; padding-inline:35px; }
[data-concept=atlas] .topbar > .brand,[data-concept=atlas] .topbar > .area-nav { display:none; }
[data-concept=atlas] .sidebar { display:flex; flex-direction:column; position:fixed; inset:0 auto 0 0; width:208px; padding:26px 18px 20px; background:#eef0f3; border-right:1px solid var(--line); overflow:auto; }
[data-concept=atlas] .sidebar .brand { margin:0 7px 30px; }
[data-concept=atlas] .sidebar .brand .study-label { display:none; }
[data-concept=atlas] .sidebar .area-nav { flex-direction:column; gap:5px; }
[data-concept=atlas] .sidebar .area-btn { width:100%; min-height:44px; border-radius:6px; padding:12px; }
[data-concept=atlas] .sidebar .area-btn.active { background:var(--accent); color:#fff; }
[data-concept=atlas] .sidebar .area-btn.active::after { display:none; }
.side-pages { padding:5px 0 13px 39px; display:flex; flex-direction:column; gap:1px; }
.side-pages button { text-align:left; color:var(--muted); padding:9px 0; font-size:12px; }
.side-pages button:hover,.side-pages button.active { color:var(--accent); font-weight:650; }
.side-bottom { margin-top:auto; padding-top:30px; display:grid; gap:5px; }
[data-concept=atlas] .main-frame { margin-left:208px; }
[data-concept=atlas] .location { padding-inline:35px; background:var(--ground); border-bottom:0; }
[data-concept=atlas] .workspace { padding:24px 35px 50px; }
[data-concept=atlas] .overview-strip { background:none; padding:0 0 23px; border-radius:0; border-bottom:1px solid var(--line); }
[data-concept=atlas] .prototype-bar { margin-left:208px; }
body[data-concept=focus] { --accent:#205c4d; --accent-hover:#174538; --accent-wash:#ecf5ef; --ground:#f2f5f3; --line:#d9e3dd; --muted:#53655d; --ink:#22362d; }
[data-concept=focus] .topbar { padding-inline:36px; }
[data-concept=focus] .workspace { padding:28px 40px 48px; }
[data-concept=focus] .overview-strip { display:none; }
[data-concept=focus] .heading { margin-bottom:24px; }
[data-concept=focus] .location { height:48px; }
.mobile-back { display:none; }
@media (min-width:1700px) { .workspace { padding-top:48px; } }
@media (max-width:1200px) {
  .topbar { gap:20px; padding-inline:22px; }
  .area-btn { padding-inline:12px; }
  .search-trigger span,.search-trigger kbd { display:none; }
  .workspace { padding-inline:28px; }
  .strip-item { padding-inline:16px; }
  [data-concept=atlas] .orders-table .person { display:none; }
  .split-work { grid-template-columns:minmax(310px,.85fr) minmax(390px,1.15fr); }
  .split-work .detail-body { display:block; }
}
@media (max-width:900px) {
  :root { --frame:60px; }
  .topbar { flex-wrap:wrap; gap:0 20px; padding:0 20px; }
  .topbar > .brand { height:60px; }
  .topbar > .area-nav { order:3; width:100%; height:47px; overflow:auto; }
  .area-btn { flex:1; justify-content:center; padding-inline:13px; }
  .top-tools { height:60px; }
  .location { padding-inline:20px; }
  .workspace,[data-concept=focus] .workspace { padding:25px 22px 40px; }
  .overview-strip { flex-wrap:wrap; gap:15px 0; }
  .strip-title { width:100%; }
  .strip-item { border:0; padding:0 20px 0 0; }
  .overview-strip .quiet { margin-left:0; }
  .orders-table { min-width:740px; }
  .split-work { grid-template-columns:minmax(280px,.9fr) minmax(330px,1.1fr); }
  .split-work .viewbar { gap:12px; padding-inline:15px; }
  .split-work .view-btn .count { display:none; }
  .split-work .filterbar { padding-inline:15px; }
  .detail-heading,.detail-body { padding:22px; }
  [data-concept=atlas] .sidebar { display:none; }
  [data-concept=atlas] .topbar,[data-concept=atlas] .main-frame,[data-concept=atlas] .prototype-bar { margin-left:0; }
  [data-concept=atlas] .topbar { height:auto; }
  [data-concept=atlas] .topbar > .brand,[data-concept=atlas] .topbar > .area-nav { display:flex; }
  [data-concept=atlas] .workspace { padding:25px 22px 40px; }
  .prototype-bar { flex-wrap:wrap; padding:14px 20px; }
}
@media (max-width:650px) {
  h1 { font-size:25px; }
  .brand { font-size:18px; }
  .topbar,[data-concept=atlas] .topbar,[data-concept=focus] .topbar { padding-inline:16px; }
  .top-tools { gap:7px; }
  .area-nav { gap:0; }
  .area-btn { min-width:64px; padding-inline:10px; font-size:13px; }
  .location,[data-concept=atlas] .location { padding-inline:10px; gap:2px; }
  .location .small { display:none; }
  .workspace,[data-concept=focus] .workspace,[data-concept=atlas] .workspace { padding:25px 15px 30px; }
  .heading { align-items:flex-start; gap:12px; }
  .heading p { font-size:12px; max-width:28ch; }
  .heading-actions .btn { padding:10px; font-size:12px; }
  .heading-actions .btn svg { display:none; }
  .heading-actions .quiet { display:none; }
  .overview-strip { padding:16px; margin-bottom:20px; gap:12px 0; }
  .strip-title { padding-right:0; gap:10px; }
  .strip-title strong { font-size:13px; }
  .strip-item { font-size:12px; padding-right:14px; }
  .overview-strip .quiet { padding:4px 0; font-size:12px; }
  .viewbar { padding-inline:14px; gap:17px; min-height:49px; overflow:auto; }
  .view-btn { font-size:12px; }
  .viewbar .quiet { display:none; }
  .filterbar { padding:13px 14px; flex-wrap:wrap; gap:8px; }
  .searchfield { flex:1; min-width:150px; }
  .searchfield input { width:100%; }
  .filterbar .select { max-width:130px; font-size:12px; }
  .filterbar .result-count { width:100%; margin:4px 0 0; }
  .orders-table { min-width:0; table-layout:fixed; }
  .orders-table .quantity,.orders-table .date,.orders-table .person,.orders-table .check,.orders-table .end { display:none; }
  .orders-table .identity { width:55%; }
  .orders-table .next { width:45%; }
  .orders-table td,.orders-table th { padding-inline:14px; }
  .orders-table .record-link { font-size:12px; }
  .orders-table .secondary { font-size:11px; line-height:1.5; }
  .orders-table .status { font-size:11px; }
  .table-footer { padding:12px 14px; font-size:11px; }
  .table-footer .keyboard-hint { display:none; }
  .below-table { align-items:flex-start; font-size:11px; }
  .below-table .quiet { white-space:nowrap; }
  .prototype-bar { gap:10px; font-size:10px; }
  .prototype-bar nav { gap:15px; }
  .prototype-bar .demo { width:100%; }
  .split-work { display:block; }
  .split-work .detail { display:none; border:0; }
  .split-work.has-selection .collection { display:none; }
  .split-work.has-selection .detail { display:block; }
  .mobile-back { display:inline-flex; }
  .detail-heading { padding:18px; }
  .detail-body { padding:20px 18px; }
  .detail-heading h2 { font-size:22px; }
  .page-picker { padding:16px; gap:4px; }
  .page-picker strong { width:100%; margin:0 0 8px; }
  .page-picker button { padding:10px; }
  .home-intro,.task-row { padding:20px 17px; }
  .task-row { gap:12px; flex-wrap:wrap; }
  .task-row .btn { margin-left:30px; }
  .home-intro p,.task-row p { font-size:12px; }
  .dialog-body,.dialog-header { padding:20px; }
  .settings-row { gap:10px; }
  .settings-row .select { max-width:145px; }
}
@media (prefers-reduced-motion:no-preference) {
  button,a { transition:background-color .16s ease-out,color .16s ease-out; }
  .drawer[open] { animation:arrive .18s cubic-bezier(.16,1,.3,1); }
  @keyframes arrive { from { transform:translateX(24px); } to { transform:translateX(0); } }
}