.git-mark[data-v-19c0684b]{display:block}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--bg-elev:#fffdf8;--text:#1c1917;--muted:#5f5a55;--line:#e2dbd0;--accent:#f05033;--accent-text:#fff;--good:#146b32;--good-bg:#e5f5ea;--bad:#8d2424;--bad-bg:#fdecec;--lane:#efeae2;--shadow:0 10px 30px #1c24210f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161311;--bg-elev:#241c19;--text:#f6f1ec;--muted:#c4b8b0;--line:#3d322e;--accent:#f05033;--accent-text:#fff;--good:#8ed7a4;--good-bg:#1c2a22;--bad:#f0a8a8;--bad-bg:#3a221e;--lane:#2c2420;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html,body,#app{min-height:100%}#app{flex-direction:column;min-height:100dvh;display:flex}body{background:var(--bg);color:var(--text);margin:0;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;font-size:1.125rem;line-height:1.55}button,input,textarea{font:inherit;color:inherit}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;font-size:clamp(2.2rem,4vw,3.3rem);font-weight:700;line-height:1.1}.site-title{letter-spacing:-.03em;font-family:Outfit,"Source Sans 3",sans-serif;font-size:clamp(2.8rem,6vw,4.25rem);font-weight:600;line-height:1.05}.landing{gap:1.75rem;width:100%}.landing-intro{gap:.55rem;display:grid}.landing-intro .eyebrow,.landing-intro .site-title,.landing-intro .welcome,.landing-intro p{margin:0}.landing-intro .site-title{margin-top:.15rem}.landing-intro .welcome{margin-top:.35rem}h2{letter-spacing:-.02em;font-size:1.55rem;font-weight:700;line-height:1.2}h3{margin-bottom:.4rem;font-size:1.05rem}.app-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:2;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex;position:sticky;top:0}.brand{min-width:0;color:var(--text);letter-spacing:-.03em;align-items:center;gap:.55rem;font-family:Outfit,"Source Sans 3",sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-mark{flex:none;width:1.5rem;height:1.5rem}.landing-mark{width:6.5rem;height:6.5rem}.header-menu{display:contents}.header-nav{align-items:center;gap:.5rem;margin-right:auto;display:flex}.prefs{flex:none;position:relative}.prefs-toggle[aria-expanded=true]{background:var(--lane)}.prefs-panel{border:1px solid var(--line);background:var(--bg);width:17.5rem;box-shadow:var(--shadow);border-radius:20px;padding:.5rem;display:none;position:absolute;top:calc(100% + .6rem);right:0}.prefs-panel.is-open{animation:.14s ease-out menu-in;display:block}.menu-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:.35rem 0 .45rem;padding:0 .6rem;font-size:.75rem;font-weight:700}.header-tools{border:1px solid var(--line);background:var(--bg-elev);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.tool-row,.header-tools .icon-button{width:100%;height:auto;min-height:3.25rem;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .75rem .4rem .9rem;font-weight:600;display:flex}.header-tools>*+*{border-top:1px solid var(--line)}.header-tools .icon-button:hover{background:var(--lane)}.menu-label{order:-1}.header-tools .icon-only svg{color:var(--muted);margin-right:.35rem}.lang-switch{border:1px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;height:2.5rem;padding:.2rem;display:flex}.lang-switch button{min-width:2.75rem;height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .45rem;font-size:.8rem;font-weight:700}.lang-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.header-nav a,.header-nav a:visited{color:var(--muted);border-radius:999px;padding:.3rem .7rem;font-weight:600;text-decoration:none}.header-nav a.router-link-active,.header-nav a.router-link-active:visited{color:var(--accent-text);background:var(--accent)}main{width:min(52rem,100% - 2rem);margin:0 auto;padding:2.5rem 0 4rem}main:has(.landing){flex-direction:column;flex:1;justify-content:safe center;padding-top:1.5rem;padding-bottom:2rem;display:flex}.stack{gap:1rem;display:grid}.panel,.card,.lane,.question{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px}.panel{box-shadow:var(--shadow);padding:1.1rem 1.2rem}.background-panel{gap:0;padding:0;display:grid;overflow:hidden}.background-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.background-head h2,.background-head .hint{margin:0}.background-head .hint{margin-top:.2rem}.background-body{border-top:1px solid var(--line);padding:1rem 1.2rem .15rem}.background-panel[data-open=false]{background:color-mix(in srgb, var(--bg-elev) 72%, var(--bg))}.lesson{display:grid}.lesson-head{gap:.6rem;margin-bottom:2rem;display:grid}.lesson-head>*{margin:0}.lesson-section{border-top:1px solid var(--line);gap:1.25rem;margin-top:3rem;padding-top:2.25rem}.lesson-section>h2{align-items:center;gap:.65rem;margin-bottom:.25rem;display:flex}.lesson-section>h2:before{content:"";background:var(--accent);border-radius:999px;flex:none;width:.35rem;height:1.1em}.lesson .stack>:is(p,h2,h3),.lesson .lane>:is(h3,p),.lesson .question>*,.lesson .commands p{margin:0}.lesson .lane>h3+p{margin-top:.4rem}.lesson .question{gap:.85rem;display:grid}.lesson .command .hint{margin-top:.25rem}.lesson>.note{margin-top:2rem}.lesson-section{scroll-margin-top:6rem}.lesson>.lesson-reset{margin-top:2rem}.reset-confirm{gap:.75rem;display:grid}.reset-confirm p{margin:0}.button.danger{background:var(--bad);border-color:var(--bad);color:var(--bg)}.lesson>.pager{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.eyebrow{color:var(--accent);letter-spacing:0;font-size:1rem;font-weight:600}.welcome{font-size:1.5rem;line-height:1.35}.muted{color:var(--muted)}.term{color:var(--accent);font-weight:700}.actions,.choice-list,.tool-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.actions h2{margin:0}.button,.choice,.icon-button{border:1px solid var(--line);background:var(--bg-elev);color:var(--text);cursor:pointer;border-radius:999px;padding:.65rem 1rem;text-decoration:none}.icon-only{place-items:center;width:2.75rem;height:2.75rem;padding:0;display:inline-grid}.icon-only svg{width:1.35rem;height:1.35rem}.icon-only .mark{fill:currentColor}.icon-only .line-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.menu-toggle,.menu-only,.menu-scrim{display:none}.button.primary,.choice.primary,.icon-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.quiet{background:0 0}.choice,.drop-target,.card{text-align:left}.choice{border-radius:14px;width:100%}.choice.good,.card.good,.note.good{background:var(--good-bg);border-color:var(--good)}.choice.bad,.note.bad{background:var(--bad-bg);border-color:var(--bad)}.note{border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem}.lanes{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.lane{background:var(--lane);min-height:9rem;padding:.9rem}.lane.over{outline:2px solid var(--accent)}.card{cursor:grab;margin-top:.55rem;padding:.75rem .85rem}.card strong,.card span{display:block}.card span,.hint{color:var(--muted);font-size:.95rem}.field{gap:.35rem;display:grid}input,textarea{border:1px solid var(--line);background:var(--bg);border-radius:12px;width:100%;padding:.7rem .8rem}textarea{resize:vertical;min-height:6.5rem}.lesson-list{gap:.75rem;padding:0;list-style:none;display:grid}.lesson-list a{color:inherit;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;text-decoration:none;display:flex}.lesson-list a>span:first-child{flex-direction:column;gap:.25rem;display:flex}.lesson-list a:hover{border-color:var(--accent)}.check{background:var(--good);width:1.85rem;height:1.85rem;color:var(--bg);border-radius:999px;flex:none;place-items:center;display:grid}.check svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.command-drawer{display:grid}.command-drawer>.button{justify-self:start;align-items:center;gap:.4rem;display:inline-flex}.drawer-chevron{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem;transition:transform .26s cubic-bezier(.2,0,0,1)}.command-drawer>.button[aria-expanded=true] .drawer-chevron{transform:rotate(180deg)}.commands-reveal{display:grid}.commands-reveal>.commands{margin-top:.75rem}@media (prefers-reduced-motion:reduce){.drawer-chevron{transition:none}}.commands{gap:.7rem;display:grid}.command{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.command code{font-family:ui-monospace,Consolas,monospace;font-size:.92rem}.pager{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.7}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.header-menu.is-open,.prefs-panel.is-open{animation:none}}@media (width<=720px){.lanes,.command,.lesson-list a,.pager{display:grid}.app-header{padding:.65rem 1rem}.menu-toggle{margin-left:auto;display:inline-grid}.menu-toggle[aria-expanded=true]{background:var(--lane)}.header-menu{z-index:1;border-bottom:1px solid var(--line);background:var(--bg);max-height:calc(100dvh - 100%);box-shadow:var(--shadow);flex-direction:column;gap:.35rem;padding:.75rem 1rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.header-menu.is-open{animation:.16s ease-out menu-in;display:flex}.menu-scrim{background:#0000008c;height:100dvh;display:block;position:absolute;top:100%;left:0;right:0}.header-nav{flex-direction:column;align-items:stretch;gap:.25rem;margin:0}.header-nav a,.header-nav a:visited{min-height:3.25rem;color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;padding:0 .9rem 0 1rem;font-size:1.05rem;display:flex}.header-nav a:not(.router-link-active):hover{background:var(--lane)}.header-nav .line-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.6;width:1.15rem;height:1.15rem;display:block}.prefs{position:static}.prefs-toggle{display:none}.prefs-panel{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:static}.prefs-panel.is-open{animation:none}.menu-heading{margin:.9rem 0 .45rem;padding:0 1rem}.header-tools{border-radius:16px}.tool-row,.header-tools .icon-button{min-height:3.5rem;padding-left:1rem}}:root[data-theme=light]{--lane-main:#e8452a;--lane-branch:#7c3aed;--remote:#0969da;--remote-bg:#edf4fd;--remote-line:#c3d9f5;--theirs:#0969da;--theirs-bg:#e6f0fc}:root[data-theme=dark]{--lane-main:#f26b4f;--lane-branch:#b395ff;--remote:#6cb0ff;--remote-bg:#172230;--remote-line:#29405a;--theirs:#6cb0ff;--theirs-bg:#16263a}.practice{gap:1.25rem;display:grid}.practice>p,.practice .step-body>p{margin:0}.places{gap:0;display:grid}.place{border:1px solid var(--line);background:var(--bg-elev);border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.place-remote{background:var(--remote-bg);border-color:var(--remote-line)}.place.droppable{border-style:dashed;border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.place.over{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.place-head{border-bottom:1px solid var(--line);align-items:center;gap:.7rem;padding:.75rem 1rem;display:flex}.place-remote .place-head{border-bottom-color:var(--remote-line)}.place-icon{background:color-mix(in srgb, var(--text) 8%, transparent);width:2.1rem;height:2.1rem;color:var(--text);border-radius:10px;flex:none;place-items:center;display:grid}.place-remote .place-icon{background:color-mix(in srgb, var(--remote) 18%, transparent);color:var(--remote)}.place-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.place-title{flex:1;min-width:0;line-height:1.25;display:grid}.place-title .hint{font-size:.85rem}.place-body{gap:.9rem;padding:.9rem 1rem 1rem;display:grid}.file-line{border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:.1rem;padding:.6rem .8rem;display:grid}.place-remote .file-line{border-color:var(--remote-line)}.file-line .hint{font-size:.8rem}.file-line.flash{animation:1.4s ease-out flash-good}.drop-zone{border:1.5px dashed color-mix(in srgb, var(--accent) 55%, var(--line));color:var(--muted);text-align:center;border-radius:10px;margin:0;padding:.65rem;font-size:.95rem}.transfer{color:var(--muted);justify-items:center;padding:.2rem 0;display:grid}.transfer-line{background:var(--line);width:2px;height:1.1rem;position:relative;overflow:hidden}.transfer-label{border:1px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.85rem;display:inline-flex}.transfer-label svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.transfer-label code{font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.transfer.active{color:var(--good)}.transfer.active .transfer-line{background:var(--good)}.transfer.active .transfer-label{border-color:var(--good);background:var(--good-bg)}.transfer-packet{background:var(--good);opacity:0;border-radius:999px;width:6px;height:6px;position:absolute;left:-2px}.transfer.active.transfer-down .transfer-packet{animation:.9s ease-in-out 2 packet-down}.transfer.active.transfer-up .transfer-packet{animation:.9s ease-in-out 2 packet-up}.graph{--row:4.1rem;grid-template-columns:max-content 1fr;grid-template-rows:repeat(var(--rows), var(--row));column-gap:.75rem;display:grid;position:relative}.graph-lines{grid-area:1/2/-1;width:100%;height:100%;overflow:visible}.graph-line{fill:none;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.line-main{stroke:var(--lane-main)}.line-branch{stroke:var(--lane-branch);animation:.6s ease-out draw-in}.graph-link{stroke-dasharray:6 5;animation:.6s ease-out draw-in}.link-merge{stroke:var(--lane-main)}.link-pr{stroke:var(--good)}.link-bad{stroke:var(--bad)}.graph-label{grid-column:1;align-items:center;display:flex}.branch-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .45rem;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;font-weight:600;display:inline-flex}.branch-pill svg{fill:none;stroke:currentColor;stroke-width:2px;width:.95rem;height:.95rem}.pill-main{color:var(--lane-main);background:color-mix(in srgb, var(--lane-main) 14%, transparent)}.pill-branch{color:var(--lane-branch);background:color-mix(in srgb, var(--lane-branch) 16%, transparent);animation:.35s ease-out pop-in}.graph-track{z-index:1;border-radius:12px;outline:none;grid-column:2;transition:background .15s;position:relative}.graph-track.droppable{cursor:pointer;background:color-mix(in srgb, var(--text) 3%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--text) 14%, transparent);animation:1.8s ease-in-out infinite lane-pulse}.graph-track.droppable:hover,.graph-track.droppable:focus-visible,.graph-track.over{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 2px var(--accent);animation:none}.dot{border:3px solid var(--bg-elev);border-radius:999px;width:1.05rem;height:1.05rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.place-remote .dot{border-color:var(--remote-bg)}.dot-main{background:var(--lane-main)}.dot-branch{background:var(--lane-branch)}.dot-new{box-shadow:0 0 0 4px color-mix(in srgb, currentColor 0%, transparent);animation:.45s cubic-bezier(.3,1.6,.6,1) pop-in}.dot-main.dot-new{box-shadow:0 0 0 5px color-mix(in srgb, var(--lane-main) 25%, transparent)}.dot-branch.dot-new{box-shadow:0 0 0 5px color-mix(in srgb, var(--lane-branch) 25%, transparent)}.dot-ghost{background:var(--bg-elev);border:2px dashed var(--muted)}.dot-bad{background:var(--bad);box-shadow:0 0 0 5px color-mix(in srgb, var(--bad) 25%, transparent);animation:.4s ease-in-out shake}.dot-merge{box-shadow:0 0 0 3px var(--bg-elev), 0 0 0 5px var(--lane-main);animation:.45s cubic-bezier(.3,1.6,.6,1) pop-in}.dot-label{color:var(--muted);white-space:nowrap;font-size:.72rem;line-height:1.2;position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%)}.track-main .dot-label,.dot.flip .dot-label{top:auto;bottom:calc(100% + .25rem)}.track-main .dot.flip .dot-label,.dot-merge.flip .dot-label{top:calc(100% + .25rem);bottom:auto}.dot-bad .dot-label{color:var(--bad);font-weight:600}.dot-new .dot-label,.dot-merge .dot-label{color:var(--text);font-weight:600}.drop-hint,.lane-badge{white-space:nowrap;font-size:.75rem;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.drop-hint{background:var(--bg-elev);color:var(--muted);border-radius:6px;padding:0 .35rem}.lane-badge{background:var(--bad-bg);color:var(--bad);border-radius:999px;padding:.1rem .5rem;font-weight:600}.graph-legend{color:var(--muted);flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.graph-legend li{align-items:center;gap:.4rem;display:inline-flex}.swatch{border-radius:999px;width:.7rem;height:.7rem}.swatch-main{background:var(--lane-main)}.swatch-branch{background:var(--lane-branch)}.step{border:1px solid var(--line);border-radius:16px;gap:.85rem;padding:1rem 1.1rem 1.1rem;transition:opacity .2s;display:grid}.step-active{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));box-shadow:var(--shadow);animation:.35s ease-out step-in}.step.collapsed{box-shadow:none;border-style:dashed;padding:.6rem 1.1rem}.step.collapsed .step-head h3{color:var(--muted);font-size:.95rem}.step.collapsed .step-num{width:1.5rem;height:1.5rem}.step-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:50%;color:var(--good);margin-left:auto;font-size:.9rem;overflow:hidden}.drag-instruction{border:1.5px dashed color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.9rem;padding:.8rem;display:flex}.drag-instruction p{flex:1;align-items:center;gap:.5rem;min-width:14rem;margin:0;display:flex}.drag-instruction svg{fill:none;width:1.4rem;height:1.4rem;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;animation:1.4s ease-in-out infinite nudge-up}.drag-instruction svg.nudge-down{animation-name:nudge-down}.drag-instruction svg.nudge-tap{animation-name:tap-pulse}.drag-instruction svg.nudge-type{animation:none}.step-head{align-items:center;gap:.7rem;display:flex}.step-head h3{margin:0;font-size:1.05rem}.step-num{border:1.5px solid var(--line);width:1.8rem;height:1.8rem;color:var(--muted);border-radius:999px;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid}.step-active .step-num{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.step-done .step-num{border-color:var(--good);background:var(--good);color:var(--bg)}.step-num svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.step-body{gap:.8rem;display:grid}.chip-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.chip{border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:.6rem;padding:.5rem .6rem .5rem .55rem;transition:transform .15s,border-color .15s;display:inline-flex}.chip:hover{border-color:var(--accent);transform:translateY(-2px)}.chip:active{cursor:grabbing}.chip-icon{background:color-mix(in srgb, var(--accent) 16%, transparent);width:1.9rem;height:1.9rem;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.chip-branch .chip-icon{background:color-mix(in srgb, var(--lane-branch) 16%, transparent);color:var(--lane-branch)}.chip-file .chip-icon{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text)}.chip-icon svg,.chip-grip svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.chip-grip{color:var(--muted)}.chip-grip svg{fill:currentColor;stroke:none}.chip-text{line-height:1.25;display:grid}.chip-text>span{color:var(--muted);font-size:.85rem}.chip.placed{cursor:default;box-shadow:none}.chip.placed:hover{border-color:var(--line);transform:none}.chip.placed .chip-grip{display:none}.commit-board{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.zone{border:1px solid var(--line);background:var(--bg);border-radius:12px;align-content:start;gap:.6rem;min-height:9rem;padding:.8rem;display:grid}.zone h4{color:var(--muted);margin:0;font-size:.9rem}.zone.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.zone.snapshot{border:2px dashed color-mix(in srgb, var(--accent) 55%, var(--line));position:relative}.zone.snapshot.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.zone.snapshot.sealed{border-style:solid;border-color:var(--good);background:var(--good-bg)}.file-item{gap:.45rem;display:grid}.file-item .chip{width:100%}.button.small{justify-self:start;padding:.35rem .85rem;font-size:.9rem}.diff{font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.diff del{color:var(--bad)}.diff ins{color:var(--good);text-decoration:none}.commit-input{border:1px solid var(--line);background:var(--bg);border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.commit-input code{background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--muted);white-space:nowrap;align-items:center;padding:0 .7rem;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;display:flex}.commit-input input{border:0;border-radius:0}.gh-card{border:1px solid var(--line);background:var(--bg-elev);border-radius:16px;overflow:hidden}.gh-head{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--remote) 7%, var(--bg-elev));gap:.5rem;padding:.9rem 1rem;display:grid}.gh-title{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.gh-title strong{font-size:1.05rem}.gh-title svg{fill:none;width:1.2rem;height:1.2rem;stroke:var(--good);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.gh-body{gap:1rem;padding:1rem;display:grid}.state-badge{background:color-mix(in srgb, var(--muted) 18%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.state-badge.open{background:var(--good);color:var(--bg);animation:.35s ease-out pop-in}.state-badge.bad{background:var(--bad-bg);color:var(--bad)}.compare{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.avatars{flex-wrap:wrap;gap:.6rem;display:flex}.avatar-choice{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .35rem;display:inline-flex}.avatar-choice[aria-pressed=true]{border-color:var(--good);background:var(--good-bg)}.avatar{background:var(--theirs);color:#fff;border-radius:999px;flex:none;place-items:center;width:1.9rem;height:1.9rem;font-size:.85rem;font-weight:700;display:grid}.avatar.muted-avatar{background:color-mix(in srgb, var(--muted) 45%, transparent)}.avatar.you{background:var(--accent)}.targets{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.target{border:2px dashed var(--line);background:var(--bg);text-align:left;cursor:pointer;min-height:8rem;color:var(--text);border-radius:14px;align-content:start;gap:.55rem;padding:.9rem;transition:border-color .15s,background .15s;display:grid}.target-head{align-items:center;gap:.5rem;font-weight:700;display:flex}.target-head svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.target:hover,.target.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.target.chosen{border-style:solid;border-color:var(--good);background:var(--good-bg)}.target.danger.chosen{border-color:var(--bad);background:var(--bad-bg)}.target .hint{font-size:.85rem}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.timeline>li{align-items:flex-start;gap:.7rem;padding:0 0 1rem;display:flex;position:relative}.timeline>li:before{content:"";background:var(--line);width:2px;position:absolute;top:1.9rem;bottom:0;left:calc(.95rem - 1px)}.timeline>li:last-child{padding-bottom:0}.timeline>li:last-child:before{display:none}.timeline-commit{font-size:.95rem;align-items:center!important}.timeline-commit .commit-mark{flex:none;place-items:center;width:1.9rem;height:1.9rem;display:grid}.timeline-commit .commit-mark span{background:var(--lane-branch);width:.8rem;height:.8rem;box-shadow:0 0 0 3px var(--bg-elev);border-radius:999px}.timeline-commit.fresh{animation:.45s ease-out pop-in}.timeline-commit .state-badge{margin-left:auto}.comment{border:1px solid var(--theirs);border-radius:12px;flex:1;overflow:hidden}.comment-head{background:var(--theirs-bg);color:var(--muted);padding:.4rem .75rem;font-size:.85rem}.comment-head strong{color:var(--text)}.comment p{margin:0;padding:.6rem .75rem}.timeline-slot{border:2px dashed color-mix(in srgb, var(--accent) 55%, var(--line));color:var(--muted);text-align:center;cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:.7rem;font-size:.9rem}.timeline-slot:hover,.timeline-slot.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text)}.side-target{border:2px dashed var(--line);color:var(--muted);text-align:left;cursor:pointer;background:0 0;border-radius:12px;justify-items:start;gap:.2rem;padding:.8rem;display:grid}.side-target:hover,.side-target.over{border-color:var(--bad);color:var(--text)}.editor{border:1px solid var(--line);background:var(--bg);border-radius:14px;font-family:ui-monospace,Consolas,monospace;font-size:.88rem;overflow:hidden}.editor-bar{border-bottom:1px solid var(--line);background:var(--bg-elev);align-items:center;gap:.6rem;padding:.55rem .9rem;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;font-size:.9rem;display:flex}.editor-bar .dots{gap:.3rem;display:inline-flex}.editor-bar .dots span{background:var(--line);border-radius:999px;width:.6rem;height:.6rem}.editor-bar .state-badge{margin-left:auto}.editor-lines{padding:.6rem 0;display:grid}.editor-line{white-space:pre-wrap;gap:.9rem;padding:.15rem .9rem;display:flex}.editor-line .ln{text-align:right;width:1.2rem;color:var(--muted);opacity:.6;-webkit-user-select:none;user-select:none;flex:none}.editor-line.marker{color:var(--muted)}.editor-line.ours{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.editor-line.theirs{background:var(--theirs-bg);box-shadow:inset 3px 0 0 var(--theirs)}.editor-line.resolved{background:var(--good-bg);box-shadow:inset 3px 0 0 var(--good);animation:1.2s ease-out flash-good}.editor-line .tag{color:var(--muted);margin-left:auto;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;font-size:.75rem}.resolve-options{gap:.6rem;display:grid}.resolve-option{text-align:left;gap:.15rem;display:grid}.resolve-option .tag{font-size:.8rem;font-weight:700}.resolve-option.ours .tag{color:var(--accent)}.resolve-option.theirs .tag{color:var(--theirs)}.resolve-option.both .tag{color:var(--good)}.shake{animation:.4s ease-in-out shake}@keyframes pop-in{0%{opacity:0;scale:.4}}@keyframes step-in{0%{opacity:0;translate:0 8px}}@keyframes nudge-up{50%{translate:0 -4px}}@keyframes nudge-down{50%{translate:0 4px}}@keyframes tap-pulse{50%{scale:.85}}@keyframes lane-pulse{50%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 60%, transparent)}}@keyframes draw-in{0%{opacity:0}}@keyframes shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}@keyframes flash-good{0%{background:var(--good-bg);border-color:var(--good)}}@keyframes packet-down{0%{opacity:1;top:-6px}to{opacity:1;top:100%}}@keyframes packet-up{0%{opacity:1;top:100%}to{opacity:1;top:-6px}}@media (width<=720px){.commit-board,.targets{grid-template-columns:1fr}.graph{--row:4.6rem;grid-template-columns:1fr}.graph-lines,.graph-track,.graph-label{grid-column:1}.graph-label{z-index:2;pointer-events:none;align-items:flex-start}.branch-pill{background-color:var(--bg-elev);box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 30%, transparent);font-size:.72rem}.place-remote .branch-pill{background-color:var(--remote-bg)}.drop-hint{display:none}}@media (prefers-reduced-motion:reduce){.practice *,.practice :before{transition:none!important;animation:none!important}}