:root {
  color-scheme:light;
  --canvas:#f8f9fc; --paper:#fff; --raised:#f0f2f8; --ink:#242732; --muted:#606674;
  --line:#dce0ea; --strong-line:#afb7cc; --blue:#4167ec; --violet:#7849df; --teal:#75d7dc; --peach:#f7b49d;
  --focus:#355de0;
  --place:#7849df;
  --terrain-top:#e6eaf4; --terrain-bottom:#d4dced; --terrain-face:#c8d1e5;
  --ridge-back:#e9edf6; --ridge-far:#f0f2f8; --snow:#fafdff; --contour:#a2b0cd; --trail-muted:#7b8cae;
  --selection:linear-gradient(112deg,#75d7dc24,#4167ec16 40%,#7849df1a 75%,#f7b49d30);
  --button:#242732; --button-ink:#fff; --shadow:0 20px 65px #34456b0d; --radius:20px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--canvas); font-synthesis:none;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --canvas:#101219; --paper:#191c25; --raised:#212530; --ink:#f0f2f7; --muted:#aab1c1;
  --line:#333947; --strong-line:#626e89; --focus:#a9bbff;
  --place:#bba2ff;
  --terrain-top:#3b4661; --terrain-bottom:#222c41; --terrain-face:#1c2436;
  --ridge-back:#242b3c; --ridge-far:#1b2030; --snow:#8898b9; --contour:#627394; --trail-muted:#8b9ab5;
  --selection:linear-gradient(112deg,#75d7dc1c,#4167ec26 40%,#7849df26 75%,#f7b49d18);
  --button:#f0f2f7; --button-ink:#171a23; --shadow:0 20px 65px #0002;
}
.activity-panel { --activity-1:#e9e0fa;--activity-2:#c1a4ec;--activity-3:#875ac3;--activity-4:#51328e;min-width:0;margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper); }
:root[data-theme="dark"] .activity-panel { --activity-1:#393046;--activity-2:#644986;--activity-3:#9973c5;--activity-4:#ceaff4; }
.activity-panel h2 { font-size:21px;margin:0 0 12px; }
.activity-heading { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 20px; }
.activity-heading h2 { margin:0; }
.activity-stats { display:flex;flex-wrap:wrap;gap:6px 20px;margin:14px 0;font-size:12px; }
.activity-badge { font-size:12px;color:var(--muted);margin:10px 0; }
.activity-scroll { max-width:100%;overflow-x:auto;padding:6px 4px 10px; }
.activity-calendar { display:flex;flex-wrap:wrap;gap:18px 22px; }
.activity-month { flex:none; }
.activity-month h3 { margin:0 0 8px;font-size:11px;font-weight:500;color:var(--muted); }
.activity-month-body { display:flex;gap:6px; }
.activity-weekdays { display:grid;grid-template-rows:repeat(7,14px);gap:4px;width:max-content;flex:none;font-size:9px;line-height:14px;color:var(--muted); }
.activity-month-days { display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,14px);grid-auto-columns:14px;gap:4px; }
.activity-padding { width:14px;height:14px; }
.activity-panel [data-level="0"] { background:var(--raised);color:var(--ink); }
.activity-panel [data-level="1"] { background:var(--activity-1);color:var(--ink); }
.activity-panel [data-level="2"] { background:var(--activity-2);color:var(--ink); }
.activity-panel [data-level="3"] { background:var(--activity-3);color:#fff; }
.activity-panel [data-level="4"] { background:var(--activity-4);color:#fff; }
:root[data-theme="dark"] .activity-legend [data-level="4"] { color:#242732; }
.activity-day { position:relative;width:14px;height:14px;min-height:0;min-width:0;padding:0;border:1px solid var(--line);border-radius:3px; }
.activity-day.is-today::after { content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ink);border:1px solid var(--paper);left:4px;top:4px; }
.activity-day[aria-pressed="true"] { box-shadow:0 0 0 1px var(--paper),0 0 0 2px var(--ink); }
.activity-day:focus-visible,.activity-scroll:focus-visible { outline:3px solid var(--focus);outline-offset:2px; }
.activity-day:disabled { opacity:.25;cursor:not-allowed;border-style:dashed; }
.activity-legend { display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;font-size:11px;color:var(--muted); }
.activity-legend [data-level] { padding:3px 5px;border-radius:3px; }
.activity-date-control { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0; }
.activity-date-control label { margin:0;font-size:12px; }
.activity-date-control input { width:160px;min-height:44px; }
.activity-date-control .button { min-height:44px; }
#activity-date-error { font-size:12px;color:var(--muted); }
#activity-help { margin:12px 0;font-size:12px; }
#activity-help p { max-width:76ch; }
.activity-details { border-top:1px solid var(--line);padding-top:12px;overflow-wrap:anywhere;font-size:13px; }
.activity-details h3 { font-size:15px; }
.activity-details ul { padding-left:20px; }
.activity-details li { margin-bottom:12px; }
.activity-details li span { display:block;white-space:pre-wrap;margin-top:4px; }
.brand .brand-peak-blue { stroke:var(--blue);stroke-linejoin:round; }
.brand .brand-peak-violet { stroke:var(--place);stroke-linejoin:round; }
.hero-discovery { border:1px solid var(--strong-line);border-radius:12px;padding:14px;margin-top:18px; }
.hero-discovery h2 { font-size:16px;margin:0 0 10px; }
.hero-discovery>div { display:flex;flex-wrap:wrap;gap:8px; }
.hero-discovery .button { font-size:12px;padding:10px 12px; }
.landing .hero-copy h1 { font-size:clamp(40px,4.6vw,64px);line-height:1.04;letter-spacing:-.045em;max-width:10ch; }
.hero-saved>div { min-width:0;overflow-wrap:anywhere; }
.landing .hero-copy .hero-lead { font-size:17px;line-height:1.6;max-width:42ch; }
#activity-actions { margin-top:8px; }
#finished-goals { font-size:21px;margin:24px 0 16px;scroll-margin-top:24px; }
.archive-title { background:transparent;border:0;color:inherit;font:inherit;text-align:left;padding:0;min-height:44px;text-decoration:underline;text-decoration-color:#ffffff66;text-underline-offset:4px;max-width:100%;overflow-wrap:anywhere; }
.archive-title::after { content:'View details';display:block;margin-top:6px;font-size:11px;line-height:1.5;font-weight:400;text-decoration:none; }
.archive-title:hover { text-decoration-color:#fff; }
#history-detail { width:min(760px,calc(100% - 32px));max-height:85dvh;padding:24px;overflow-y:auto; }
.history-dialog-heading { display:flex;gap:16px;justify-content:space-between;align-items:flex-start;position:sticky;top:-24px;background:var(--paper);padding:12px 0;z-index:1; }
.history-dialog-heading h2 { font-size:23px;overflow-wrap:anywhere; }
#history-detail-body { overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px; }
#history-detail-body .finished-action { border-top:1px solid var(--line);padding-top:16px; }
#history-detail-body h3 { font-size:16px; }
.scenario-gallery { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px; }
.scenario-choice { flex-direction:column;align-items:flex-start;text-align:left;min-height:120px;white-space:normal; }
.scenario-choice span { font-size:12px;font-weight:400;color:var(--muted);line-height:1.6; }
* { box-sizing:border-box; }
body { margin:0; overflow-x:clip; }
button,input,textarea,select { font:inherit; color:inherit; }
button,a,select { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer;min-width:44px;min-height:44px; }
button:disabled { opacity:.5; cursor:default; }
a { color:inherit; }
button,select,input,textarea { border:1px solid var(--line); }
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
[hidden] { display:none!important; }
.skip-link { position:fixed;top:10px;left:16px;z-index:30;background:var(--paper);width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap; }
.skip-link:focus { width:auto;height:auto;min-width:44px;min-height:44px;padding:12px;clip-path:none;overflow:visible; }
.proofbar { min-height:36px; padding:4px 32px; background:var(--raised); display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;font-size:11px;color:var(--muted); }
.demo-dot { display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--muted);margin-right:7px; }
.proof-controls { display:flex;align-items:center;flex-wrap:wrap;gap:8px; }
.proof-controls select { max-width:160px;min-height:44px;background:transparent;border:0;font-size:11px;padding:5px; }
.text-button { border:0;background:transparent;padding:10px 2px;font-size:13px;color:var(--muted);border-radius:5px; }
.text-button:hover { color:var(--ink);text-decoration:underline;text-underline-offset:4px; }
.proof-controls .text-button { font-size:11px; }
.header { position:relative;z-index:3;min-height:82px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 40px;gap:12px 28px; }
.brand { display:flex;align-items:center;text-decoration:none;font-size:26px;font-weight:650;letter-spacing:-1.3px;min-height:44px; }
.brand svg { width:29px;height:29px;margin-right:6px;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round; }
.brand-period { color:var(--blue); }
nav { display:flex;flex-wrap:wrap;gap:28px; }
nav button { min-height:44px;border:0;background:transparent;font-size:13px;color:var(--muted);padding:8px 0;position:relative; }
nav button:hover,nav button[aria-current="page"] { color:var(--ink); }
nav button[aria-current="page"]::after { content:"";height:2px;background:var(--ink);position:absolute;bottom:0;left:0;right:0; }
.theme-control { display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--raised); }
.theme-control button { border:0;background:transparent;padding:7px 10px;border-radius:6px;font-size:11px;color:var(--muted);min-height:44px; }
.theme-control button[aria-pressed="true"] { background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0000000b; }
main { position:relative;isolation:isolate;max-width:1240px;margin:24px auto 0;padding:0 40px;min-height:440px; }
main:focus { outline:0; }
h1,h2,h3,p { margin:0; }
h1 { font-size:30px;letter-spacing:-1.15px;font-weight:600;line-height:1.2; }
h2 { font-size:26px;letter-spacing:-.8px;font-weight:550;line-height:1.45; }
h3 { font-size:15px;font-weight:600;letter-spacing:-.2px; }
.muted,.hint,.small-note { color:var(--muted); }
.hint { font-size:11px;line-height:1.65;margin-top:14px; }
.page-heading { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px; }
.page-heading p { font-size:13px;line-height:1.6;margin-top:7px; }
.date { font-size:11px;color:var(--muted);flex-shrink:0; }
.eyebrow { font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted); }
.button { display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 19px;min-height:46px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:13px;font-weight:550;text-decoration:none;transition:background 160ms,border-color 160ms; }
.button:hover { background:var(--raised);border-color:var(--strong-line); }
.button.primary { color:var(--button-ink);background:var(--button);border-color:var(--button); }
.button.primary:hover { box-shadow:0 0 0 3px #7e8dba33; }
.work-actions { display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:24px; }
.workspace { display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:36px;align-items:center; }
.workspace>* , .journey-layout>* , .lower>* { min-width:0; }
.action-area { position:relative;padding:28px 30px 24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden; }
.action-area::before { content:"";position:absolute;top:0;left:30px;width:100px;height:3px;background:linear-gradient(90deg,var(--teal),var(--blue),var(--violet),var(--peach)); }
.stage-top { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:30px; }
.goal-label { display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.5; }
.goal-icon { display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--strong-line);border-radius:5px;font-size:13px;flex-shrink:0; }
.stage-symbol { font-size:30px;color:var(--muted);font-weight:300; }
.step-label { font-size:11px;color:var(--muted);margin-bottom:12px; }
.instruction { overflow-wrap:anywhere;white-space:pre-wrap; }
.original-step { font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;overflow-wrap:anywhere; }
.saved-context { margin-top:20px;padding-left:14px;border-left:2px solid var(--line); }
.saved-context strong { display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:5px; }
.saved-context p { font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere; }
.return-expansion { margin-top:18px;padding-top:14px;border-top:1px solid var(--line); }
.return-expansion strong { display:block;margin-top:18px;font-size:12px;color:var(--muted); }
.return-expansion p { margin-top:8px;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere; }
.duration { display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted); }
.duration select { padding:5px 2px;border:0;background:transparent;color:var(--ink);font-size:12px;min-height:44px; }
.tag { display:inline-block;border:1px solid var(--line);border-radius:5px;padding:4px 7px;font-size:10px;color:var(--muted);line-height:1.2; }
.scene-panel { position:relative;min-width:0; }
.scene-top,.scene-bottom { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px; }
.scene-top { font-size:12px;padding:0 12px; }
.scene-top strong { font-weight:550; }
.scene-top>span { font-size:11px;color:var(--muted); }
.scene-bottom { font-size:11px;color:var(--muted);padding:0 12px;line-height:1.6; }
.scene-bottom .tag { margin-left:5px; }
.route-art { display:block;width:100%;height:auto;max-height:390px;overflow:visible;pointer-events:none; }
.mountain-scene { margin:0;min-width:0; }
.mountain-mobile-caption { display:none; }
.terrain-top { stop-color:var(--terrain-top); }
.terrain-bottom { stop-color:var(--terrain-bottom); }
.mountain-distant { fill:var(--ridge-far); }
.mountain-back { fill:var(--ridge-back); }
.mountain-face { fill:var(--terrain-face); }
.mountain-snow { fill:var(--snow); }
.mountain-contours { fill:none;stroke:var(--contour);stroke-width:1;opacity:.42;stroke-linecap:round; }
.mountain-path-bed { fill:none;stroke:var(--snow);stroke-width:10;stroke-linecap:round;opacity:.65; }
.mountain-art .route-segment { fill:none;stroke:var(--trail-muted);stroke-width:2;stroke-dasharray:2 6;stroke-linecap:round; }
.mountain-art .route-segment.earned { stroke:var(--trail-paint);stroke-width:4;stroke-dasharray:none; }
.mountain-art .marker-core { fill:var(--paper);stroke:var(--trail-muted);stroke-width:1.5; }
.mountain-art .earned .marker-core { fill:#5362c9;stroke:var(--snow);stroke-width:2; }
.mountain-art .marker-symbol { fill:var(--ink);font:600 13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.mountain-art .earned .marker-symbol { fill:#fff; }
.mountain-art .saved-ring { fill:none;stroke:var(--place);stroke-width:2;visibility:hidden; }
.mountain-art .current .saved-ring { visibility:visible; }
.mountain-art .current .marker-core { stroke:var(--place);stroke-width:2.5; }
.selection-ring { fill:none;stroke:var(--muted);stroke-dasharray:2 4;stroke-width:1.5;visibility:hidden; }
.highlighted .selection-ring { visibility:visible; }
.position-label rect { fill:var(--paper);stroke:var(--line); }
.position-label path { stroke:var(--place);stroke-width:1.5; }
.position-label text { fill:var(--ink);font-size:18px;font-weight:550; }
.summit-pole { fill:none;stroke:var(--muted);stroke-width:1.5; }
.summit-flag { fill:var(--raised);stroke:var(--muted);stroke-width:1; }
.summit-earned .summit-flag { fill:var(--peach);stroke:var(--ink); }
.summit-label { fill:var(--muted);font-size:18px;font-weight:500; }
.summit-earned .summit-label { fill:var(--ink); }
.mountain-caption text { fill:var(--muted);font-size:16px; }
.expedition-marker { pointer-events:none; }
.progress-dot { fill:var(--place);stroke:var(--paper);stroke-width:3; }
.expedition-marker[data-station="summit"] .progress-dot { fill:var(--peach);stroke:var(--ink); }
.tent-line { fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round; }
.expedition-camp { transform:scale(1.15); }
.tent-roof { fill:var(--place);stroke:var(--ink);stroke-width:2;stroke-linejoin:round; }
.tent-door { fill:var(--paper);stroke:var(--ink);stroke-width:1; }
.expedition-camp,.expedition-marker[data-station="camp"]:not(.travelling) .progress-dot { display:none; }
.expedition-marker[data-station="camp"]:not(.travelling) .expedition-camp { display:block; }
.summit-halo { fill:none;stroke:var(--peach);stroke-width:3;opacity:0;pointer-events:none; }
.summit-celebrating .summit-halo { transform-box:fill-box;transform-origin:center;animation:summit-halo 900ms ease-out 1; }
.summit-celebrating .summit-flag { transform-box:fill-box;transform-origin:left bottom;animation:summit-reveal 650ms ease-out 1; }
@keyframes summit-halo { 0% { opacity:0;transform:scale(.6); } 25% { opacity:.8; } 100% { opacity:0;transform:scale(1.8); } }
@keyframes summit-reveal { from { transform:scaleX(.15); } to { transform:scaleX(1); } }
.still .summit-celebrating * { animation:none!important; }
.lower { margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.14fr 1fr;gap:48px; }
.section-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }
.section-heading>span { font-size:11px;color:var(--muted); }
.step-row,.record-button { position:relative;width:100%;display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:var(--ink);transition:background 180ms,border-color 180ms; }
.step-row .step-name { flex:1;min-width:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.step-number { display:flex;align-items:center;justify-content:center;flex-shrink:0;width:21px;height:21px;border:1px solid var(--strong-line);border-radius:50%;font-size:10px;color:var(--muted); }
.done .step-number { border-color:#9c9ed5;color:var(--ink);background:#8589eb15; }
.step-row small { color:var(--muted);font-size:10px; }
.step-row.previewed,.step-row[aria-pressed="true"],.record-button.previewed,.record-button[aria-pressed="true"],.step-row:focus-visible,.record-button:focus-visible { background:var(--selection);border-color:var(--strong-line); }
.selected-detail { border-top:1px solid var(--line);padding-top:18px;height:180px;overflow-y:auto;overscroll-behavior:contain; }
.selected-detail h3 { margin:8px 0;font-size:14px;line-height:1.45;overflow-wrap:anywhere; }
.record-detail { font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere; }
.history-line { display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.6;margin-top:10px;color:var(--muted); }
.history-line strong { font-weight:500;color:var(--ink);text-align:right;overflow-wrap:anywhere; }
.journey-layout { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:start; }
.journey-layout .scene-panel { padding:20px 12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius); }
.journey-layout .route-art { max-height:420px;margin:14px 0; }
.route-legend { display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--muted);padding:18px 12px 0; }
.scene-panel>.hint { padding:0 12px; }
.records .selected-detail { margin-top:18px;height:190px; }
.record-button { margin-bottom:4px;min-height:66px;padding:11px 12px;font-size:13px;line-height:1.5; }
.record-button>span:last-child { min-width:0;overflow-wrap:anywhere; }
.record-button small { display:block;font-size:10px;color:var(--muted);margin-top:4px; }
.record-index { font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px;flex-shrink:0;min-width:20px; }
.focus-return { display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:0 0 12px;margin-bottom:22px;border-bottom:1px solid var(--line);font-size:12px; }
#return-clock { font-variant-numeric:tabular-nums; }
.landing { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);align-items:center;gap:40px;min-height:475px;padding-top:12px; }
.hero-copy h1 { font-size:94px;font-weight:550;letter-spacing:-6px;line-height:.98;margin:23px 0 27px; }
.hero-trail { font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.2em;font-weight:400;letter-spacing:-8px; }
.hero-period { color:var(--violet); }
.hero-lead { font-size:16px;line-height:1.75;color:var(--muted); }
.hero-cta { margin-top:28px;gap:42px;min-width:184px; }
.hero-copy .hint { max-width:290px; }
.hero-journey { align-self:center;position:relative;padding:20px 0; }
.hero-art-heading { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:0 20px; }
.hero-journey .route-art { max-height:360px; }
.hero-saved { position:relative;display:flex;align-items:flex-start;gap:14px;padding:18px 22px;margin:-10px 30px 0;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow); }
.hero-saved .muted { font-size:10px; }
.hero-saved p { margin-top:6px;font-size:13px;line-height:1.6;overflow-wrap:anywhere; }
.saved-dot { margin-top:4px;flex-shrink:0;width:11px;height:11px;border-radius:50%;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--violet);background:var(--violet); }
.landing-foot { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:32px;padding:23px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted); }
.landing-foot b { color:var(--ink);font-size:10px;font-weight:500;margin-right:12px; }
.focus-surround { position:fixed;inset:118px 0 0;overflow:hidden;z-index:-1;pointer-events:none; }
.focus-surround i { position:absolute;width:65%;height:80%;border-radius:45%;filter:blur(52px);opacity:.45;animation:ambient-drift 9s ease-in-out infinite alternate; }
.focus-surround i:nth-child(1) { left:-15%;top:4%;background:radial-gradient(ellipse,var(--teal),#4167ec00 68%); }
.focus-surround i:nth-child(2) { right:-10%;top:-10%;background:radial-gradient(ellipse,var(--violet),#7849df00 68%);animation-delay:-10s; }
.focus-surround i:nth-child(3) { right:8%;bottom:-35%;background:radial-gradient(ellipse,var(--peach),#f7b49d00 68%);animation-delay:-20s; }
@keyframes ambient-drift { from { transform:translate3d(-9%,-5%,0) rotate(-8deg); } to { transform:translate3d(14%,10%,0) rotate(9deg); } }
.still .focus-surround i { animation-play-state:paused; }
.focus-topline { display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:730px;margin:0 auto 18px; }
.focus-layout { max-width:800px;margin:auto;padding:32px 46px 26px;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--blue);border-radius:22px;box-shadow:var(--shadow),0 -6px 32px #4167ec0a;text-align:center; }
:root[data-theme="dark"] .focus-layout { background:linear-gradient(145deg,#252c3d,#1c2130 72%);border-color:#586482;box-shadow:0 24px 70px #0005,inset 0 1px 0 #ffffff0c; }
:root[data-theme="dark"] .focus-surround i { opacity:.4;filter:blur(44px);animation-name:focus-drift;animation-duration:10s; }
:root[data-theme="dark"] .focus-surround i:nth-child(1) { background:radial-gradient(ellipse,#5274ff,transparent 68%); }
:root[data-theme="dark"] .focus-surround i:nth-child(2) { background:radial-gradient(ellipse,#9467f5,transparent 68%);animation-delay:-6s; }
:root[data-theme="dark"] .focus-surround i:nth-child(3) { background:radial-gradient(ellipse,#485bb9,transparent 68%);animation-delay:-11s; }
@keyframes focus-drift { from { transform:translate3d(-14%,-8%,0); } to { transform:translate3d(18%,12%,0); } }
.focus-layout .goal-label { justify-content:center;margin-bottom:10px; }
.focus-layout .step-label { margin-bottom:16px; }
.focus-copy { max-height:210px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 8px 8px; }
.focus-layout h2 { font-size:25px;line-height:1.4; }
details summary { font-size:12px;color:var(--muted);cursor:pointer;line-height:1.6; }
.focus-details { margin-top:16px; }
.focus-details .original-step,.focus-details .saved-context { text-align:left; }
.focus-clock { font-size:62px;letter-spacing:-3px;line-height:1;font-variant-numeric:tabular-nums;width:6ch;margin:25px auto 0; }
.timer-label { font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px; }
.focus-layout .work-actions { justify-content:center;margin-top:22px;gap:12px; }
.focus-layout .hint { font-size:10px; }
.focus-footnote { text-align:center;color:var(--muted);font-size:11px;margin:18px auto; }
.expiry { display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px; }
.expiry .button { min-height:44px;padding:8px 14px; }
.pause-area { max-width:640px;margin:0 auto;padding:22px 0; }
.pause-marker { display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--selection);border:1px solid var(--line);border-radius:12px;font-size:18px;margin-bottom:18px; }
.pause-area>h1 { margin-bottom:12px; }
.pause-area>.muted { font-size:14px;line-height:1.6; }
.pause-task { padding:20px 0;margin:16px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.6;overflow-wrap:anywhere; }
.handoff-heading .page-heading { margin-bottom:16px; }
.pause-area.pause-capture { padding-top:0; }
.pause-capture .pause-task { padding:0 0 12px;margin:0 0 16px; }
.pause-capture .pause-task .eyebrow { display:block;font-size:10px;margin-bottom:4px; }
.pause-capture .work-actions { margin-top:16px; }
.pause-capture .remove-link { min-height:44px;display:flex;align-items:center;gap:10px; }
.pause-capture summary { min-height:44px;align-content:center; }
form label { display:block;font-size:13px;font-weight:500;margin-bottom:9px; }
textarea,input { display:block;width:100%;background:var(--paper);border:1px solid var(--strong-line);border-radius:8px;padding:12px;line-height:1.6;font-size:14px; }
textarea { resize:vertical;min-height:95px; }
#pause-form details { margin-top:18px; }
#pause-form details label { margin-top:12px; }
#real-pause-form details { margin-top:18px; }
#real-pause-form details label { margin-top:16px; }
#real-pause-form .remove-link { display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5; }
.remove-link input { width:20px;min-height:20px;flex-shrink:0; }
.work-link { max-width:100%;margin-top:12px;text-align:left; }
.work-link span { min-width:0;overflow-wrap:anywhere; }
.saved-at { overflow-wrap:anywhere; }
.saved-place-copy { margin-top:8px;text-align:left; }
.saved-place-copy>.text-button { color:var(--ink);text-decoration:underline;text-decoration-color:var(--strong-line);text-underline-offset:4px; }
.copy-status { display:block;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere; }
.copy-fallback { margin-top:12px; }
.copy-fallback label { display:block;margin-bottom:8px;font-size:12px;font-weight:550; }
.copy-fallback textarea { min-height:160px;max-width:100%;font-size:12px; }
.copy-fallback .hint { margin-top:8px; }
.hero-discovery { margin-top:14px; }
.hero-discovery>.text-button { color:var(--ink);text-decoration:underline;text-decoration-color:var(--strong-line);text-underline-offset:4px; }
.hero-discovery .hint { margin-top:2px; }
.end-block-control { margin-top:14px; }
.finished-action { margin-top:18px; }
.finished-action .work-link { color:var(--ink); }
.finished-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;max-width:none; }
.finished-grid>.empty { grid-column:1/-1; }
.archive-controls { display:flex;align-items:center;gap:16px;margin:18px 0;font-size:12px;color:var(--muted); }
.finished-card { --muted:#d5daea;position:relative;isolation:isolate;overflow:visible;min-width:0;min-height:200px;padding:18px;border-radius:16px;color:#fff;background:radial-gradient(ellipse at 110% 0,#e0a8ad88,transparent 55%),linear-gradient(125deg,#203f66,#3d367a 55%,#594477);box-shadow:var(--shadow); }
.finished-card>:not(.finished-art) { position:relative;z-index:1; }
.finished-art { position:absolute;inset:auto 0 0 auto;width:23%;height:92px;overflow:hidden;border-radius:0 0 16px 0;pointer-events:none;opacity:.65; }
.finished-outline { position:absolute;right:0;bottom:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.75;pointer-events:none; }
.completed-stamp { display:block;font-size:11px;line-height:1.4;margin-bottom:8px; }
.finished-card .tag { color:#fff;border-color:#ffffff5c; }
.finished-card h2 { font-size:21px;line-height:1.25;margin:0 0 8px; }
.finished-card p { font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:5px 0; }
.finished-card+.finished-card { margin-top:0; }
.finished-card details { margin:8px 0; }
.finished-card summary { color:#fff; }
.finished-card details p { overflow-wrap:anywhere;margin:10px 0; }
.finished-card>.button { color:#242732;background:#fff;max-width:100%;min-height:44px; }
.finished-card>.button:disabled { background:#e4e5ed;color:#4b5060; }
.finished-card details[open] { background:#18243f80;border-radius:8px;padding:10px; }
.finished-card details p { white-space:pre-wrap; }
.finished-card .finished-help { margin-top:8px;font-size:11px; }
#review-status { font-size:12px;line-height:1.6;overflow-wrap:anywhere; }
dialog { max-width:480px;width:calc(100% - 40px);max-height:calc(100% - 48px);padding:27px 30px;border:1px solid var(--line);border-radius:22px;color:var(--ink);background:var(--paper);box-shadow:0 32px 100px #0003; }
dialog::backdrop { background:#12172566;backdrop-filter:blur(7px); }
.dialog-heading { display:flex;justify-content:space-between;align-items:center;margin-bottom:18px; }
.goal-token { display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#75d7dc,#7b81e7 45%,#c09ae1 75%,#f7b49d);color:#202b54;font-size:30px;box-shadow:inset 0 0 0 1px #ffffff80,0 8px 18px #55548f18; }
dialog>.muted { font-size:12px;line-height:1.7; }
dialog h2 { font-size:29px;margin:6px 0 12px; }
.review-goal { font-size:14px;margin-bottom:18px; }
.review-summary { display:flex;align-items:center;gap:14px;padding:16px;background:var(--selection);border:1px solid var(--line);border-radius:12px;margin-bottom:18px; }
.review-summary strong { display:block;font-size:13px;margin-bottom:5px; }
.review-summary span:not(.summary-check) { display:block;font-size:11px;line-height:1.6;color:var(--muted); }
.summary-check { font-size:24px; }
.dialog-actions { display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px; }
.dialog-actions .primary { flex-basis:100%; }
.dialog-actions>.button:not(.primary) { border:0;background:transparent;padding:10px 0; }
dialog>small { display:block;font-size:10px;color:var(--muted);margin-top:20px; }
#add-form { margin-top:18px; }
#add-form .button { margin-top:10px; }
.notice:not(:empty) { position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:13px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 8px 36px #26386318;font-size:12px;line-height:1.5;width:max-content; }
.notice .tick { width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--selection);border-radius:50%; }
.completion-notice:not(:empty) { border-color:var(--strong-line);background:var(--selection),var(--paper); }
#reward { max-width:460px;overflow:visible; }
#reward::backdrop { background:#12172540;backdrop-filter:blur(1px); }
#reward h2 { font-size:27px;line-height:1.3; }
#reward .review-goal { overflow-wrap:anywhere;max-height:110px;overflow:auto; }
#reward-summit .mountain-art { max-height:175px; }
#reward-summit .mountain-mobile-caption { display:none; }
#reward-summit .mountain-caption { display:none; }
#reward-summit .summit-label { display:block;font-size:23px; }
#reward .goal-token { background:linear-gradient(135deg,var(--peach),#eecfdc); }
#reward>.button { margin-top:20px; }
.confetti { position:fixed;inset:0;pointer-events:none;overflow:hidden; }
.confetti i { position:absolute;left:var(--x);top:var(--y);width:7px;height:15px;border-radius:2px;animation:confetti-pop 1.4s ease-out both; }
@keyframes confetti-pop { 0% { opacity:0;transform:translateY(0) rotate(0); } 15% { opacity:1; } 100% { opacity:0;transform:translate(var(--drift),-260px) rotate(var(--turn)); } }
.empty { max-width:500px;margin:70px auto;text-align:center; }
.empty-mark { font-size:34px;margin-bottom:18px; }
.empty p { color:var(--muted);font-size:14px;line-height:1.8;margin:18px 0; }
.footer { position:relative;z-index:1;max-width:1240px;padding:24px 40px;margin:30px auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);line-height:1.6; }
.storage-status { max-width:1160px;margin:20px auto;padding:16px 22px;border:1px solid var(--strong-line);border-radius:12px;background:var(--paper);font-size:13px;line-height:1.7;overflow-wrap:anywhere; }
.storage-status .button { margin:8px 12px 0 0; }
#goal-form>label { margin-top:20px; }
#goal-form>h3 { margin-top:24px; }
.action-draft { margin:18px 0;padding-bottom:12px;border-bottom:1px solid var(--line); }
.draft-controls { display:flex;flex-wrap:wrap;gap:16px; }
.goal-label,.finished-card h2 { overflow-wrap:anywhere; }
@media(max-width:1024px) {
  .header { padding-inline:28px; } main { padding-inline:28px; }
  .workspace { gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  .action-area { padding:24px; } h2 { font-size:23px; }
  .hero-copy h1 { font-size:80px; } .journey-layout { gap:28px; }
}
@media(max-width:700px) {
  .proofbar { padding:8px 20px;gap:4px; } .proof-controls { width:100%;justify-content:space-between;gap:4px; }
  .proof-controls select { flex:1;max-width:155px; } .proof-controls .text-button { font-size:10px; }
  .header { padding:10px 22px;gap:6px 12px;min-height:100px; }
  .brand { font-size:24px; } .brand svg { width:25px; }
  nav { order:3;justify-content:space-between;width:100%;gap:14px; } nav button { min-height:44px;font-size:12px; }
  .theme-control button { padding:6px 9px; }
  main { padding:0 22px;margin-top:20px; }
  h1 { font-size:26px;letter-spacing:-1px; } h2 { font-size:22px;line-height:1.45; }
  .page-heading { align-items:flex-start;gap:12px;margin-bottom:20px; }
  .date { display:none; } .page-heading p { font-size:12px; }
  .workspace,.lower,.journey-layout,.landing { grid-template-columns:minmax(0,1fr);gap:24px; }
  .action-area { padding:23px 22px 20px; } .stage-top { margin-bottom:23px; }
  .goal-label { font-size:12px; } .stage-symbol { font-size:25px; }
  .original-step { font-size:11px; } .saved-context { margin-top:18px; }
  .saved-context p { font-size:12px; } .saved-context strong { font-size:10px; }
  .work-actions { gap:8px 14px; margin-top:22px; } .button { padding:12px 15px;font-size:12px; }
  .work-actions .text-button { font-size:11px; } .duration { font-size:10px; }
  .action-area .hint { font-size:10px; } .scene-panel { margin-top:10px; }
  .scene-top,.scene-bottom { padding:0 2px; } .scene-top>span { font-size:10px; }
  .scene-bottom { font-size:10px; } .route-art { max-height:none; }
  .mountain-scene .position-label,.mountain-scene .summit-label,.mountain-scene .mountain-caption { display:none; }
  .mountain-mobile-caption { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;margin:0 4px 18px;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
  .mountain-place-label { font-weight:550;color:var(--ink); }
  .mountain-count-label { color:var(--muted);text-align:right; }
  .mountain-destination-label { grid-column:1/-1;color:var(--muted); }
  .lower { margin-top:20px;padding-top:20px; } .section-heading>span { font-size:10px; }
  .step-row { padding:10px 8px;gap:9px; } .step-row small { font-size:9px; }
  .journey-layout .scene-panel { padding:19px 16px; } .journey-layout .route-art { margin:8px 0; }
  .route-legend { gap:10px;font-size:9px;padding-inline:0; } .scene-panel>.hint { padding-inline:0; }
  .records .record-button { min-height:68px; } .selected-detail { height:180px; }
  .focus-return { font-size:11px;gap:0 16px;margin-bottom:18px; }
  .landing { padding:8px 0 0;gap:20px; }
  .hero-copy h1 { font-size:74px;letter-spacing:-4.5px;margin:20px 0 22px; }
  .hero-trail { letter-spacing:-6px; } .hero-lead { font-size:14px;line-height:1.75; }
  .hero-cta { margin-top:22px;min-width:184px; } .hero-copy .hint { max-width:none; }
  .hero-journey { padding:8px 0 0; } .hero-art-heading { padding:0;font-size:10px; }
  .hero-art-heading .eyebrow { font-size:9px; } .hero-journey .route-art { max-height:none; }
  .hero-saved { margin:0;padding:16px 18px; } .hero-saved p { font-size:12px; }
  .landing-foot { margin-top:24px;gap:16px;flex-direction:column;align-items:flex-start;font-size:11px; }
  .focus-topline { gap:10px;margin-bottom:14px; } .focus-topline .eyebrow { font-size:9px;letter-spacing:.03em; }
  .focus-surround { inset:170px 0 0; } .focus-surround i { width:110%;height:70%;opacity:.4;filter:blur(28px); }
  .focus-layout { padding:24px 18px 20px;border-radius:18px; }
  .focus-layout h2 { font-size:21px; } .focus-copy { max-height:225px;padding-inline:3px; }
  .focus-clock { font-size:56px;margin-top:25px; } .timer-label { font-size:10px; }
  .focus-layout .work-actions { gap:8px; } .focus-layout .hint { font-size:9px; }
  .focus-footnote { font-size:10px; }
  .pause-area { padding-top:8px; } .pause-task { font-size:16px; }
  .finished-grid { grid-template-columns:minmax(0,1fr); }
  .finished-card { padding:16px;min-height:200px; } .finished-card h2 { font-size:21px; }
  .finished-card p { font-size:11px; }
  dialog { padding:24px;width:calc(100% - 36px);border-radius:18px; } dialog h2 { font-size:27px; }
  .dialog-actions { gap:6px 18px; } .dialog-actions .text-button { font-size:12px; }
  .notice:not(:empty) { padding:12px 14px;gap:10px;font-size:11px;bottom:14px; }
  .notice .text-button { font-size:11px; }
  .footer { padding:20px 22px;margin-top:24px;flex-direction:column;gap:2px;font-size:9px; }
}
@media(max-height:650px) { .focus-copy { max-height:160px; } .focus-layout { padding-block:18px; } .focus-clock { margin-top:16px;font-size:50px; } }
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
}
#planner { margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:20px; }
#planner input,#planner textarea { width:100%;box-sizing:border-box;min-width:0; }
#planner label { display:block;margin:16px 0 6px; }
#planner ol { padding-left:24px; }
#planner li { margin:12px 0;overflow-wrap:anywhere; }
#planner .work-actions { flex-wrap:wrap; }
#planner button,#planner summary { min-height:44px; }
#planner summary { cursor:pointer;align-content:center; }
#planner textarea { min-height:100px; }
#planning-context { margin-bottom:20px; }
#planning-context summary { min-height:44px;align-content:center; }
.recording { border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px; }
#planner { padding:18px;border:1px solid var(--strong-line);border-radius:12px;background:var(--paper); }
#planner { border-top-color:var(--violet);background:radial-gradient(ellipse at top right,#7163dc0b,transparent 55%),var(--paper);box-shadow:inset 0 1px #6b80dc44; }
:root[data-theme="dark"] #planner { background:radial-gradient(ellipse at top right,#698ccc15,transparent 55%),#202636;border-color:#627098;border-top-color:#9b8fe8; }
.planner-accent { color:var(--violet);font-size:24px; }
#plan-proposal h3:has(+ ul:empty),#plan-proposal ul:empty { display:none; }
.planner-request { display:flex;align-items:center;gap:10px; }
.planner-loading { display:block;width:48px;height:32px;overflow:visible;flex:0 0 48px; }
.planner-loading path { fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.plan-path-base { stroke:var(--blue);opacity:.22; }
.plan-path-sweep { stroke:url(#plan-path-color);stroke-dasharray:28 72;animation:plan-path 2.6s linear infinite; }
@keyframes plan-path { to { stroke-dashoffset:-100; } }
@media(prefers-reduced-motion:reduce){.plan-path-sweep { animation:none;stroke-dasharray:none; }}
.finished-card { --muted:#4d586c;--priority-accent:var(--blue);color:#253148;--card-start:#edf2ff;--card-mid:#eeeaff;--card-end:#f4f2ff;background:linear-gradient(125deg,var(--card-start),var(--card-mid) 55%,var(--card-end));padding-bottom:48px;border:1px solid var(--line);border-top:2px solid var(--priority-accent); }
.finished-card[data-priority="low"] { --priority-accent:#487d92;--card-glow:transparent; }
.finished-card[data-priority="normal"] { --priority-accent:var(--blue);--card-glow:transparent; }
.finished-card[data-priority="important"] { --priority-accent:var(--violet);--card-glow:transparent; }
:root[data-theme="dark"] .finished-card { color:#edf0f7;--muted:#c7cede;--card-start:#202b45;--card-mid:#2d2949;--card-end:#262938; }
.finished-card .finished-art { width:60px;height:32px;right:18px;bottom:8px;color:var(--priority-accent);opacity:.8; }
:root[data-theme="dark"] .finished-card .finished-art { color:#9baaff; }
.finished-card .archive-title { text-decoration-color:currentColor; }
.finished-card .archive-title:hover { text-decoration-thickness:2px; }
.finished-card>.button,.finished-card>.button:disabled { background:transparent;color:inherit;border:1px solid var(--strong-line);font-size:12px;padding:8px 12px; }
.finished-card>.button:disabled { opacity:.6; }
.finished-card .tag,.finished-card summary { color:inherit;border-color:currentColor; }
.stage-symbol { display:none; }
.theme-toggle { width:46px;height:46px;display:grid;place-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink); }
.theme-toggle svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.theme-moon,:root[data-theme="dark"] .theme-sun { display:none; }
:root[data-theme="dark"] .theme-moon { display:block; }
.focus-surround i,:root[data-theme="dark"] .focus-surround i { animation-name:focus-drift;animation-duration:28s; }
.focus-surround i:nth-child(1) { left:-24%;top:0;background:radial-gradient(ellipse,var(--blue),transparent 68%);opacity:.24; }
.focus-surround i:nth-child(2) { right:-18%;top:18%;background:radial-gradient(ellipse,var(--violet),transparent 68%);opacity:.2;animation-delay:-12s; }
.focus-surround i:nth-child(3) { right:12%;bottom:-50%;background:radial-gradient(ellipse,#568fae,transparent 68%);opacity:.18;animation-delay:-23s; }
:root[data-theme="dark"] .focus-surround i { opacity:.3; }
:root[data-theme="dark"] .focus-surround i:nth-child(1) { background:radial-gradient(ellipse,var(--blue),transparent 68%); }
:root[data-theme="dark"] .focus-surround i:nth-child(2) { background:radial-gradient(ellipse,var(--violet),transparent 68%); }
:root[data-theme="dark"] .focus-surround i:nth-child(3) { background:radial-gradient(ellipse,#3c668e,transparent 68%); }
#planner>h2 { font-size:20px;margin:0 0 8px; }
#planner>p { font-size:14px;line-height:1.5;margin:6px 0; }
#planner>p.hint { font-size:12px;color:var(--muted); }
#planner>details>summary { font-weight:600;color:var(--ink); }
#planner .planning-options { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
#planner .planning-options>div { min-width:0; }
#planner .planner-privacy { margin-top:12px; }
#manual-plan-heading { font-size:20px;margin:24px 0 8px;scroll-margin-top:24px; }
@media(max-width:600px){#planner .planning-options { grid-template-columns:1fr;gap:0; }}
.estimated-journey { border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px;overflow-wrap:anywhere; }
.estimated-journey li { margin-bottom:10px; }
.capture-actions { border-top:1px solid var(--line);padding-top:16px; }
.capture-actions .button { background:transparent;font-size:12px;color:var(--muted); }
.focus-layout .capture-actions { gap:6px 18px; }
.focus-layout .capture-actions .button { border:0;padding:8px 2px;text-decoration:underline;text-underline-offset:4px; }
.capture-confirmation { padding:14px 18px;border-left:2px solid var(--blue);background:var(--paper);font-size:13px;line-height:1.6;overflow-wrap:anywhere; }
#capture-step-form label { display:block;margin:16px 0 8px; }
#capture-step-form input { width:100%;min-width:0; }
.later-goals { margin-top:30px;border-top:1px solid var(--line);padding-top:24px; }
.later-goals h2 { font-size:21px; }
.later-goals small { font-size:12px;font-weight:400;color:var(--muted); }
.later-goals ul { list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px; }
.later-goals li { min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow-wrap:anywhere; }
.later-goals li p { font-size:13px;line-height:1.6; }
.later-goals .work-actions { margin-top:14px; }
.capture-example { padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper); }
.capture-example li { padding:12px 0;line-height:1.6; }