.au-canvas,.page-canvas{--ui-gap:16px;--ui-ease:cubic-bezier(.4,0,.2,1);--ui-radius-card:14px;--ui-radius-tile:11px;--ui-radius-control:10px;--ui-radius-control-sm:7px;--ui-pad-card:20px 22px;--ui-pad-card-compact:16px 18px 14px;--ui-pad-list:16px 18px 12px;--ui-fs-fine:11.5px;--ui-fs-meta:12px;--ui-fs-body:13px;--ui-fs-row:14px;--ui-fs-title:14px;--ui-fs-name:15px;--ui-fs-hero:24px;--ui-fs-h1:26px;--ui-lift:0 3px 10px var(--shadow);--ui-pop:0 12px 32px -8px var(--shadow),0 1px 2px var(--shadow);--ui-soft:linear-gradient(160deg,var(--hover),var(--panel) 60%);--ui-live:linear-gradient(160deg,var(--accentSoft),var(--panel) 65%);--ui-live-bd:color-mix(in srgb,var(--accent) 40%,var(--bd));--ui-cool:linear-gradient(160deg,var(--coolSoft),var(--panel) 65%);--ui-cool-bd:color-mix(in srgb,var(--cool) 40%,var(--bd));--ui-heat-0:#e6ece8;--ui-heat-1:#cbe7da;--ui-heat-2:#8fccae;--ui-heat-3:#3f9e78;--ui-heat-4:#056b4e}.page-canvas{box-sizing:border-box;width:100%;max-width:1072px;margin:0 auto;padding:34px 24px 72px;font-family:var(--font-body),sans-serif;font-size:var(--ui-fs-body);line-height:1.5;color:var(--text)}[data-theme=dark] .page-canvas{--ui-heat-0:#232c27;--ui-heat-1:#1e4a38;--ui-heat-2:#2c7a55;--ui-heat-3:#41ad77;--ui-heat-4:#76d9a4}.pg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:58px;margin:0 0 var(--ui-gap);padding:0 2px}.pg-head-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.pg-head h1{margin:0;font-family:var(--font-heading),Georgia,serif;font-size:var(--ui-fs-h1);line-height:1.2;font-weight:600;letter-spacing:-.025em;color:var(--text)}.pg-lead{margin:0;font-size:var(--ui-fs-body);line-height:1.5;color:var(--text2)}.pg-head-aside{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-bottom:2px}.pg-back{display:inline-flex;align-items:center;gap:6px;min-height:24px;margin-left:-6px;padding:0 8px 0 4px;border-radius:6px;font-size:var(--ui-fs-meta);color:var(--text2);transition:background-color .15s,color .15s}.pg-back:hover{background:var(--hover);color:var(--text);text-decoration:none}.pg-back-icon{width:14px;height:14px;flex-shrink:0}.pg-mono{font-family:var(--font-mono),"JetBrains Mono",monospace;font-variant-numeric:tabular-nums}.pg-muted{color:var(--text2)}.pg-eyebrow,.pg-quiet{color:var(--text3)}.pg-eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pg-eyebrow svg{width:13px;height:13px}.pg-card-head{justify-content:space-between;gap:12px;margin-bottom:6px}.pg-card-head,.pg-card-head h2{display:flex;align-items:center}.pg-card-head h2{gap:8px;margin:0;font-size:var(--ui-fs-title);font-weight:600;letter-spacing:-.006em;color:var(--text)}.pg-card-head h2 svg{width:15px;height:15px;color:var(--text3)}.pg-card-head>span{font-size:var(--ui-fs-meta);color:var(--text3)}.pg-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border:1px solid var(--accent);border-radius:var(--ui-radius-control);background:var(--accent);color:var(--onAccent);font:inherit;font-size:var(--ui-fs-body);font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,transform .15s var(--ui-ease)}.pg-button svg{width:15px;height:15px;fill:none}.pg-button svg.is-fill{fill:currentColor}.pg-button:hover{background:var(--accentLine);border-color:var(--accentLine)}.pg-button:active{transform:translateY(1px)}.pg-button:disabled{opacity:.5;cursor:default;transform:none}.pg-button.is-ghost{border-color:var(--bd);background:var(--panel);color:var(--text2);font-weight:500}.pg-button.is-ghost:hover{border-color:var(--bd2);background:var(--hover);color:var(--text)}.pg-button.is-large{height:42px;padding:0 20px;border-radius:var(--ui-radius-tile);font-size:var(--ui-fs-row)}.pg-button.is-large svg{width:16px;height:16px}.pg-button.is-small{height:34px;padding:0 12px}.pg-button.is-danger{border-color:color-mix(in srgb,var(--danger) 40%,var(--bd));background:var(--panel);color:var(--danger);font-weight:500}.pg-button.is-danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--panel));color:var(--danger)}.pg-link{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--accentLine);font:inherit;font-size:12.5px;font-weight:500;text-decoration:none;cursor:pointer}.pg-link svg{width:14px;height:14px}.pg-link:hover{text-decoration:underline}.pg-segment{display:flex;gap:2px;padding:3px;border:1px solid var(--bd);border-radius:var(--ui-radius-control);background:var(--panel)}.pg-segment button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border:0;border-radius:var(--ui-radius-control-sm);background:transparent;color:var(--text2);font:inherit;font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .14s,color .14s}.pg-segment button svg{width:14px;height:14px;flex-shrink:0}.pg-segment button:hover{color:var(--text)}.pg-segment button[aria-pressed=true],.pg-segment button[aria-selected=true]{background:var(--hover);color:var(--text);box-shadow:inset 0 0 0 1px var(--bd)}.pg-count{justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--hover);color:var(--text2);font-family:var(--font-mono),monospace;font-size:10.5px;font-weight:600}.pg-count,.pg-week{display:inline-flex;align-items:center}.pg-week{gap:3px;flex-shrink:0}.pg-week i{display:block;width:11px;height:11px;border-radius:3px;background:var(--ui-heat-0);transition:transform .15s var(--ui-ease)}.pg-week i[data-level="1"]{background:var(--ui-heat-1)}.pg-week i[data-level="2"]{background:var(--ui-heat-2)}.pg-week i[data-level="3"]{background:var(--ui-heat-3)}.pg-week i[data-level="4"]{background:var(--ui-heat-4)}.pg-week i:hover{transform:scale(1.25)}.page-canvas :is(button,a,select,input,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.au-canvas :is(button,a,select,input,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:760px){.page-canvas{padding:24px 16px 96px}.pg-head{flex-direction:column;align-items:flex-start;min-height:0}}