@layer tokens,base,components,page;@layer components{.steps{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none;flex:0 1 auto;min-width:0}.steps::-webkit-scrollbar{display:none}.step{position:relative;appearance:none;border:0;background:none;font:500 13px/1 var(--sans);color:var(--faint);padding:10px 12px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:color .25s,background .25s}.step .n{font:500 11px/1 var(--mono);margin-right:7px}.step:hover{color:var(--ink)}.step.done{color:var(--muted)}.step.active{color:var(--ink);background:var(--well)}.step .prog{position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:var(--teal);transform-origin:left;transform:scaleX(0)}.step.active .prog{transform:scaleX(1)}.stage.playing .step.active .prog{animation:prog var(--dur, 3s) linear both}@keyframes prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stage-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:580px}.doc-wrap{position:relative;padding:40px clamp(16px,4vw,56px) 48px;min-width:0}.wordbar{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:12px;height:0;opacity:0;overflow:hidden;font:500 12px/1 var(--sans);color:var(--muted);transition:height .5s var(--ease),opacity .4s,margin .5s var(--ease),max-width .6s var(--ease)}.wordbar .wb-app{width:22px;height:22px;border-radius:4px;background:var(--slate);color:var(--sheet);display:grid;place-items:center;font:700 12px/1 var(--sans);flex:none}.wordbar .wb-tabs{display:flex;gap:14px}.wordbar .wb-tabs b{color:var(--ink);font-weight:600;border-bottom:2px solid var(--slate);padding-bottom:3px}.wordbar .wb-track{margin-left:auto;font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--red);border:1px solid var(--red);border-radius:4px;padding:5px 7px;white-space:nowrap}.on-6 .wordbar{height:40px;opacity:1;margin-bottom:14px;max-width:900px}.doc{position:relative;max-width:640px;margin-inline:auto;background:var(--sheet) var(--grain);box-shadow:var(--sheet-shadow);border-radius:2px;padding:52px 56px 60px 76px;font:400 15px/1.7 var(--doc);color:var(--ink);overflow:hidden;transition:max-width .6s var(--ease),padding .6s var(--ease)}.on-6 .doc{max-width:900px;padding-right:250px}.doc-kicker{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 18px}.doc-title{font:600 15px/1.3 var(--doc);letter-spacing:.16em;text-transform:uppercase;text-align:center;margin:0 0 6px}.doc-parties{text-align:center;font-size:14px;color:var(--muted);margin:0 0 30px}.doc-parties b{color:var(--ink);font-weight:600}.cl{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);padding:7px 0}.cl>p{margin:0}.cl .no{font:600 14px/1.7 var(--doc);color:var(--faint);transition:color .5s}.cl b{font-weight:600}.on-1 .cl .no{color:var(--ink)}.cl:before{content:"";position:absolute;left:-46px;top:12px;bottom:12px;width:3px;border-radius:3px;background:transparent;transition:background .5s}.on-2 .cl[data-risk=high]:before{background:var(--red)}.on-2 .cl[data-risk=medium]:before{background:var(--amber)}.on-2 .cl[data-risk=low]:before{background:var(--slate)}.cl.chg:after{content:"";position:absolute;left:-26px;top:10px;bottom:10px;width:1px;background:var(--ink);opacity:0;transition:opacity .4s}.on-5 .cl.chg:after{opacity:.55}.scan{position:absolute;left:0;right:0;top:0;height:90px;transform:translateY(-100%);background:linear-gradient(to bottom,transparent,var(--teal-wash) 85%,var(--teal) 85%,var(--teal) calc(85% + 1.5px),transparent calc(85% + 1.5px));opacity:0;pointer-events:none;z-index:0}.doc>*:not(.scan){position:relative;z-index:1}.stage.playing[data-step="1"] .scan{animation:scan 1.6s cubic-bezier(.45,0,.25,1) .15s both}@keyframes scan{0%{transform:translateY(-100%);opacity:1}92%{opacity:1}to{transform:translateY(var(--doc-h, 700px));opacity:0}}.pb{display:none;margin-left:8px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--red);background:var(--red-wash);padding:4px 7px;border-radius:4px;white-space:nowrap;vertical-align:2px}.pb.minor{color:var(--amber);background:var(--amber-wash)}.on-3 .pb{display:inline-block;animation:pop .45s var(--ease) both}@keyframes pop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}mark.ig,.rl del{background:transparent;color:inherit;text-decoration:none;transition:background .45s,box-shadow .45s,color .45s;border-radius:2px}.on-4 mark.ig,.on-4 .rl del.ig{background:var(--amber-wash);box-shadow:inset 0 -1.5px 0 var(--amber)}.on-5 .rl del,.on-5 .rl del.ig{color:var(--red);background:transparent;box-shadow:none;text-decoration:line-through;text-decoration-thickness:1.5px}.rl ins{display:none;text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:1.5px;text-underline-offset:3px;color:var(--teal);margin-left:3px}.on-5 .rl ins{display:inline;animation:insIn .6s ease .15s both}@keyframes insIn{0%{opacity:0;background:var(--teal-wash)}to{opacity:1;background:transparent}}.balloon{display:none;position:absolute;right:-226px;top:6px;width:196px;font:400 12px/1.45 var(--sans);background:var(--sheet);border:1px solid var(--red);border-radius:3px;padding:8px 10px;color:var(--muted)}.balloon:before{content:"";position:absolute;left:-28px;top:14px;width:28px;border-top:1px dashed var(--red)}.balloon b{display:block;font:500 10.5px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--red);margin-bottom:2px}.on-6 .balloon{display:block;animation:pop .5s var(--ease) .35s both}.panel{border-left:1px solid var(--rule);background:var(--sheet);padding:26px 24px;min-width:0}.pane{display:none}.stage[data-step="1"] .pane[data-pane="1"],.stage[data-step="2"] .pane[data-pane="2"],.stage[data-step="3"] .pane[data-pane="3"],.stage[data-step="4"] .pane[data-pane="4"],.stage[data-step="5"] .pane[data-pane="5"],.stage[data-step="6"] .pane[data-pane="6"]{display:block}.pane h4{font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 6px;display:flex;align-items:center;gap:9px}.pane h4:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 var(--teal-soft)}.stage.playing .pane h4:before{animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--teal-soft)}to{box-shadow:0 0 0 8px transparent}}.pane .sub{margin:0 0 16px;font-size:13.5px;color:var(--muted)}.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--rule);font-size:14px}.kv span:first-child{color:var(--muted)}.kv span:last-child{font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.find{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:3px 10px;align-items:baseline;padding:12px 0;border-top:1px solid var(--rule);font-size:14px}.find .cn{font:500 12px/1.4 var(--mono);color:var(--faint)}.find .t{font-weight:600;min-width:0}.find .d{grid-column:2 / 4;color:var(--muted);font-size:13.5px;line-height:1.5}.find .d s{color:var(--red);text-decoration-thickness:1px}.find .d u{color:var(--teal);text-decoration-color:var(--teal);text-underline-offset:2px}.sev{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;border-radius:4px;white-space:nowrap}.sev.high,.sev.major{color:var(--red);background:var(--red-wash)}.sev.medium,.sev.minor{color:var(--amber);background:var(--amber-wash)}.sev.low{color:var(--slate);background:var(--slate-wash)}.pane>*{animation:rowIn .45s var(--ease) both}.pane>*:nth-child(2){animation-delay:.08s}.pane>*:nth-child(3){animation-delay:.2s}.pane>*:nth-child(4){animation-delay:.35s}.pane>*:nth-child(5){animation-delay:.5s}.pane>*:nth-child(6){animation-delay:.65s}.pane>*:nth-child(7){animation-delay:.8s}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.acc{font:600 12px/1 var(--sans);border:1px solid var(--rule-strong);background:transparent;color:var(--ink);border-radius:4px;padding:6px 10px;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.acc .y{display:none}.acc.ok{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}.acc.ok .y{display:inline}.acc.ok .n{display:none}.allrow{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--rule);font-size:13.5px;color:var(--muted)}.allrow .done-t{display:none;color:var(--teal);font-weight:600}.stage.all-ok .allrow .done-t{display:inline}.stage.all-ok .allrow .todo-t{display:none}.cp{display:grid;position:relative}.cp>*{grid-area:1 / 1;min-width:0}.cp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:center;transition:opacity .6s var(--ease),transform .8s var(--ease)}.cp[data-phase="2"] .cp-pair .mine{transform:translate(52%)}.cp[data-phase="2"] .cp-pair .theirs{transform:translate(-52%)}.cp[data-phase="2"] .cp-pair,.cp[data-phase="3"] .cp-pair{opacity:0}.cp[data-phase="3"] .cp-pair{transition:none}.mini{background:var(--sheet) var(--grain);box-shadow:var(--sheet-shadow);border-radius:3px;padding:22px 24px 24px;font:400 14.5px/1.65 var(--doc);transition:transform .8s var(--ease)}.mini-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:500 10.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.mini p{margin:0 0 10px}.mini p b{font-weight:600;margin-right:8px}.cp-diff{opacity:0;transform:scale(.98);transition:opacity .6s var(--ease),transform .6s var(--ease);align-self:center;pointer-events:none}.cp[data-phase="3"] .cp-diff{opacity:1;transform:none;pointer-events:auto}.cp-diff .sum{color:var(--teal)}.cp-diff ins,.cp-diff del{transition:background .5s,color .5s;border-radius:2px}.cp-diff ins{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:1.5px;text-underline-offset:3px;color:var(--teal)}.cp-diff del{color:var(--red);text-decoration-thickness:1.5px}.cp[data-phase="3"] .cp-diff ins,.cp[data-phase="3"] .cp-diff del{animation:flash 1.2s ease both}.cp[data-phase="3"] .cp-diff .w2{animation-delay:.4s}.cp[data-phase="3"] .cp-diff .w3{animation-delay:.8s}.cp[data-phase="3"] .cp-diff .w4{animation-delay:1.1s}@keyframes flash{0%{background:transparent}30%{background:var(--teal-wash)}to{background:transparent}}.cp-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font:500 11.5px/1.4 var(--mono);color:var(--muted)}.cp-legend span{display:inline-flex;align-items:center;gap:8px}.cp-legend i{width:18px;height:2px;background:var(--teal)}.cp-legend i.d{background:var(--red)}@media(max-width:1080px){.stage-body{grid-template-columns:minmax(0,1fr)}.panel{border-left:0;border-top:1px solid var(--rule);min-height:300px}.on-6 .doc{padding-right:56px;max-width:640px}.balloon{display:none!important}}@media(max-width:760px){.steps{margin-left:0;width:100%}.doc{padding:34px 22px 40px 40px;font-size:14px}.on-6 .doc{padding:34px 22px 40px 40px}.cl{grid-template-columns:36px minmax(0,1fr)}.cl:before{left:-26px}.cl.chg:after{left:-14px}.cp-pair{display:none}.cp-diff{opacity:1;transform:none;pointer-events:auto}.doc-kicker{line-height:1.5}.wordbar .wb-tabs{display:none}}}