.demo-lanes .dl-card{display:flex;flex-direction:column;gap:12px}.dl-empty{margin:0;color:var(--ink-muted);font-size:14.5px;line-height:1.5}.dl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dl-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;grid-template-areas:"sw name ft" "btns btns btns";align-items:center;gap:8px 10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--lane, var(--accent)) 30%,var(--line));border-radius:var(--r-md);background:var(--surface-2)}.dl-sw{grid-area:sw;width:12px;height:12px;border-radius:50%;background:var(--lane, var(--accent));box-shadow:0 0 10px var(--lane, var(--accent))}.dl-name{grid-area:name;min-width:0;width:100%;font:700 16px/1.2 var(--f-ui);color:var(--ink);background:transparent;border:1px solid transparent;border-radius:10px;padding:7px 8px}.dl-name:hover{border-color:var(--line-strong)}.dl-name:focus{outline:none;border-color:var(--accent);background:var(--surface)}.dl-ft{grid-area:ft;font:600 14px/1 var(--f-ui);color:var(--lane, var(--accent-soft));white-space:nowrap}.dl-btns{grid-area:btns;display:flex;gap:8px;justify-content:flex-end}.btn.sm{min-height:36px;padding:0 14px;font-size:13px}.dl-del{color:var(--bad)}.dl-add{display:grid;grid-template-columns:1fr;gap:6px;padding-top:6px;border-top:1px solid var(--line)}.dl-lbl{font:700 11px/1.2 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft);margin-top:6px}.dl-lbl i{text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink-faint)}.dl-in{width:100%;min-width:0;font:400 16px/1.3 var(--f-ui);color:var(--ink);background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:12px;padding:11px 12px}.dl-in:focus{outline:none;border-color:var(--accent)}.dl-add .btn{margin-top:8px;justify-self:start}.dl-msg{margin:0;min-height:1em;font-size:14px}.dl-msg.good{color:var(--good)}.dl-msg.bad{color:var(--bad)}.dl-tip{margin:0;font-size:13.5px;color:var(--ink-muted);line-height:1.5}.dl-tip a{color:var(--accent);text-decoration:underline}@media(min-width:720px){.dl-row{grid-template-columns:14px minmax(0,1fr) auto auto;grid-template-areas:"sw name ft btns"}.dl-add{grid-template-columns:1fr 1fr auto;align-items:end;column-gap:12px}.dl-add .dl-lbl:nth-of-type(1){grid-column:1;grid-row:1}.dl-add #dl-new-name{grid-column:1;grid-row:2}.dl-add .dl-lbl:nth-of-type(2){grid-column:2;grid-row:1}.dl-add #dl-new-aim{grid-column:2;grid-row:2}.dl-add .btn{grid-column:3;grid-row:2;margin-top:0}}@media(min-aspect-ratio:4/5){.hero-art:not([style*=background-image]){background-image:url(../assets/art-olympus-night-wide.webp)}html[data-theme=d5] .hero-art:not([style*=background-image]){background-image:url(../assets/art-olympus-dawn-wide.webp)}}[data-offscreen]{animation-play-state:paused!important}@media(min-width:1000px){:root{--rail:92px;--desk-w:1180px;--desk-l:calc(var(--rail) + 18px + 38px);--desk-r:44px}.top{padding-inline:28px}.dock{inset:50% auto auto 18px;transform:translateY(-50%);width:var(--rail);height:auto;flex-direction:column;gap:4px;padding:8px;border-radius:30px}.dock-item{flex:none;height:76px;gap:6px}.dock-item .oi{width:27px;height:27px}.dock-item span{font-size:10px}.dock-item:hover{color:var(--ink)}.dock-glow{inset:0 8px auto;width:auto;height:76px;border-radius:22px;transition:transform .6s var(--ease-spring),height .45s var(--ease-out)}#view>:not(.hero){width:min(100% - var(--desk-l) - var(--desk-r),var(--desk-w));margin-left:max(var(--desk-l),calc((100% - var(--desk-w)) / 2));margin-right:auto}#view>.backlink{margin-left:max(var(--desk-l),calc((100% - var(--desk-w)) / 2))}.hero-content{width:min(100% - 2 * var(--desk-l),900px);margin-inline:auto;padding-bottom:64px}.hero-cue{bottom:22px}.ph-title{font-size:46px}.ph-icn{width:50px;height:50px;border-radius:16px}.ph-icn .oi{width:26px;height:26px}.ph-sub{font-size:15px;max-width:860px}.sec-title{font-size:16px}.card{padding:22px}.sr-card{width:150px}.lane-grid{grid-template-columns:1fr 1fr;gap:20px}.lane-card{height:310px}.ladder-grid{grid-template-columns:repeat(4,1fr);gap:16px}.two-up{grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.door-grid{grid-template-columns:repeat(3,1fr);gap:16px}.door{padding:20px;min-height:132px}.pulse-grid{grid-template-columns:repeat(6,1fr)}.lane-hero{height:260px}.lane-hero h1{font-size:30px}}@media(min-width:1400px){.lane-grid{grid-template-columns:repeat(3,1fr)}.lane-card{height:330px}.lane-hero{height:300px}}body.has-banner .hero{min-height:calc(100vh - var(--banner-h,0px));min-height:calc(100svh - var(--banner-h,0px))}.hero[data-offscreen] *,.lane-hero[data-offscreen] *{animation-play-state:paused!important}