:root{font-family:var(--font-sans);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;accent-color:var(--n12);caret-color:var(--a10);scrollbar-color:var(--n6) transparent;font-size:15px}body{background:var(--canvas);line-height:1.6}::selection{background:var(--a3);color:var(--n12)}:where(b,strong,h1,h2,h3,td,th,[class*=stat],[class*=score]){font-variant-numeric:tabular-nums}:where(h1,h2,h3){text-wrap:balance}p{text-wrap:pretty}a{color:var(--n12);text-underline-offset:3px;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--n6);-webkit-text-decoration-color:var(--n6);text-decoration-color:var(--n6)}:where(button,a,summary,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1{letter-spacing:-.015em;font-size:clamp(26px,2.2vw,32px);font-weight:600;line-height:1.25}h2{letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.35}h3{font-size:16px;font-weight:600;line-height:1.45}small{font-size:12.5px}.muted{color:var(--text-muted)}.eyebrow{letter-spacing:0;text-transform:none;color:var(--text-muted);font-size:12.5px;font-weight:500}.button{border-radius:var(--r-md);letter-spacing:0;min-height:40px;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, color var(--dur-fast) ease;gap:8px;padding:9px 16px;font-size:14px;font-weight:600}button:not(:disabled):active,.button:not(:disabled):active{transform:scale(.97)}button{transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease}button:disabled,.button:disabled{opacity:.5}.button.primary{background:var(--n12);color:var(--n0);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--n0) 12%, transparent), var(--shadow-xs)}.button.secondary{background:var(--surface);color:var(--n12);border:1px solid var(--line-strong);box-shadow:var(--shadow-xs)}.button.lime{background:var(--a9);color:var(--n12);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--n0) 25%, transparent)}.button.text{color:var(--n12);font-weight:600}@media (hover:hover) and (pointer:fine){.button.primary:hover:not(:disabled){background:var(--n11)}.button.secondary:hover:not(:disabled){background:var(--n1);border-color:var(--n6)}.button.lime:hover:not(:disabled){background:var(--a10)}.button.text:hover:not(:disabled){color:var(--a11)}}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{background-color:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--n12);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;font-size:14.5px}input::placeholder,textarea::placeholder{color:var(--n9);opacity:1}@media (hover:hover) and (pointer:fine){input:not([type=checkbox]):not([type=radio]):hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled){border-color:var(--n6)}}input:not([type=checkbox]):not([type=radio]):focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--a9);box-shadow:0 0 0 3px var(--a3);outline:none}label{color:var(--n11)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.panel-note{color:var(--text-muted);font-size:12.5px}.alert{border-radius:var(--r-md);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.alert.error{background:var(--d2);border-color:var(--d3);color:var(--d12)}.alert.warning{background:var(--w2);border-color:var(--w3);color:var(--w12)}.alert.success{background:var(--s2);border-color:var(--s3);color:var(--s12)}.sidebar{background:var(--n12);color:var(--n6);border-inline-start:1px solid color-mix(in oklab, var(--n0) 6%, transparent)}.sidebar .brand-mark{background:var(--a9);color:var(--n12)}.sidebar .brand-mark span{color:var(--n12)}.workspace-label{border-bottom-color:color-mix(in oklab, var(--n0) 9%, transparent)}.workspace-label b{color:var(--n1)}.workspace-label small,.nav-eyebrow{color:var(--n8)}.workspace-avatar{background:color-mix(in oklab, var(--n0) 8%, transparent);border:1px solid color-mix(in oklab, var(--n0) 12%, transparent);color:var(--n1);font-family:var(--font-sans)}.nav-eyebrow{letter-spacing:0;font-size:12px}.sidebar nav{gap:2px}.sidebar nav button{color:var(--n6);border-radius:var(--r-md);padding:10px 12px;font-size:14px;font-weight:500}.sidebar nav button svg{color:var(--n8);transition:color var(--dur-fast) ease}@media (hover:hover) and (pointer:fine){.sidebar nav button:hover:not(:disabled){background:color-mix(in oklab, var(--n0) 6%, transparent);color:var(--n1)}}.sidebar nav button.active{background:color-mix(in oklab, var(--n0) 9%, transparent);color:var(--n0)}.sidebar nav button.active svg{color:var(--a9)}.sidebar nav button.active:before{border-radius:var(--r-full);background:var(--a9);width:2px;height:18px;inset-inline-start:-10px}.nav-dot{background:var(--a9)}.sidebar-note{border-color:color-mix(in oklab, var(--n0) 9%, transparent);color:var(--n7);border-radius:var(--r-lg)}.sidebar-note svg{color:var(--n7)}.identity b{color:var(--n1)}.identity small{color:var(--n8)}.identity .avatar{background:color-mix(in oklab, var(--n0) 10%, transparent);color:var(--n1)}.switch-user{color:var(--n7)}@media (hover:hover) and (pointer:fine){.switch-user:hover:not(:disabled){color:var(--n1)}}.topbar{background:color-mix(in oklab, var(--canvas) 92%, transparent);border-bottom:1px solid var(--line)}.breadcrumb{color:var(--text-muted);font-size:13px}.breadcrumb b{color:var(--n12);font-weight:600}.demo-chip{background:var(--surface);border:1px solid var(--line-strong);color:var(--n10);border-radius:var(--r-full);font-size:12px}@media (prefers-reduced-motion:no-preference){.content{animation:view-in var(--dur-base) var(--ease-out) both}}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}}.hero.next-action{background:var(--n12);color:var(--n4);border-radius:var(--r-bubble);box-shadow:var(--shadow-md);border:0}.hero.next-action h2{color:var(--n0)}.hero.next-action .hero-copy p{color:var(--n6)}.hero-tag{color:var(--a9);font-weight:600}.journey-cue{display:none}.journey-stats b{color:var(--n12);font-weight:600}.journey-stats span{color:var(--text-muted)}.messages{background:var(--surface-sunken)}.message{border-radius:var(--r-bubble);box-shadow:var(--shadow-xs);font-size:15px;line-height:1.7}.message small{font-size:12px;font-weight:500}.message.customer{background:var(--surface);color:var(--n12);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 6px var(--r-lg)}.message.customer small{color:var(--text-muted)}.message.rep{background:var(--n12);color:var(--n1);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 6px}.message.rep small{color:var(--n7)}.message:target{outline:2px solid var(--a9);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.message{animation:bubble-in .26s var(--ease-out) both}.message.customer{transform-origin:100% 100%}.message.rep{transform-origin:0 100%}}@keyframes bubble-in{0%{opacity:0;transform:scale(.96)translateY(4px)}}.brand{gap:10px}.brand-mark,.brand.light .brand-mark,.sidebar .brand-mark{background:var(--a9);width:36px;height:36px;color:var(--n12);border-radius:var(--r-md) var(--r-md) var(--r-md) 3px;place-items:center;padding:0 0 2px;font-size:22px;font-weight:700;line-height:1;display:grid}.brand b{letter-spacing:-.02em;font-size:20px;font-weight:700}.brand small{letter-spacing:.16em;opacity:.7;margin-top:3px;font-size:9.5px;font-weight:500}.login-story{background:var(--n12);color:var(--n1)}.story-body h1{color:var(--n0);letter-spacing:-.03em;font-size:clamp(44px,5vw,68px);line-height:1.08}.story-body h1 em{color:var(--a9)}.story-body>p{color:var(--n7);max-width:400px;font-size:17px;line-height:1.7}.story-pills span{color:var(--n6);background:color-mix(in oklab, var(--n0) 5%, transparent);border:1px solid color-mix(in oklab, var(--n0) 10%, transparent);border-radius:var(--r-full);font-size:13px}.story-pills svg{color:var(--a9)}.story-preview{gap:10px;max-width:380px;margin-top:40px;display:grid}.story-preview .message{max-width:85%;box-shadow:none;padding:10px 14px;font-size:14px}.story-preview .message.customer{background:color-mix(in oklab, var(--n0) 7%, transparent);border-color:color-mix(in oklab, var(--n0) 10%, transparent);color:var(--n2);justify-self:start}.story-preview .message.rep{background:var(--a9);color:var(--n12);justify-self:end}.story-preview .message small{color:inherit;opacity:.65}@media (prefers-reduced-motion:no-preference){.story-preview .message:nth-child(2){animation-delay:.42s}}@media (width<=900px){.story-preview{display:none}}.login-choice{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.login-heading h1{color:var(--n12)}@media (width<=900px){.story-body h1{font-size:40px}.story-body h1 br{display:initial}.story-body h1 em{margin:0}}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60rem 32rem at 100% -10%, color-mix(in oklab, var(--a9) 9%, transparent), transparent 70%), radial-gradient(40rem 28rem at 0% 110%, color-mix(in oklab, var(--n12) 5%, transparent), transparent 70%);position:fixed;inset:0}.main{background:0 0}.topbar{-webkit-backdrop-filter:saturate(1.4)blur(10px)}.button,.mode-switch,.demo-chip,.status-badge,.story-pills span{border-radius:var(--r-full)}.button{min-height:42px;padding-inline:20px}.button.primary{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--n0) 14%, transparent), 0 1px 2px color-mix(in oklab, var(--n12) 20%, transparent), 0 6px 16px -8px color-mix(in oklab, var(--n12) 55%, transparent)}.button.lime{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--n0) 30%, transparent), var(--shadow-accent)}.button svg{transition:transform var(--dur-base) var(--ease-out)}@media (hover:hover) and (pointer:fine){.button:hover:not(:disabled) svg:last-child{transform:translate(-3px)}.button.primary:hover:not(:disabled),.button.lime:hover:not(:disabled){transform:translateY(-1px)}}.panel{border-radius:var(--r-lg);border-color:color-mix(in oklab, var(--n12) 7%, transparent);box-shadow:var(--shadow-sm)}.section-heading>svg{box-sizing:content-box;border-radius:var(--r-md);background:var(--a2);color:var(--a11);padding:9px}.session-list>button,.action-queue>button,.scenario-card,.login-choice{transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-fast) ease, background-color var(--dur-fast) ease}.session-list>button,.action-queue>button{border-radius:var(--r-md)}@media (hover:hover) and (pointer:fine){.session-list>button:hover,.action-queue>button:hover{background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-1px)}.scenario-card:hover,.login-choice:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}}.status-badge{padding-inline:10px;font-weight:600}.status-badge.approved{background:var(--s2);color:var(--s11);box-shadow:inset 0 0 0 1px var(--s3)}.status-badge.draft{background:var(--w2);color:var(--w11);box-shadow:inset 0 0 0 1px var(--w3)}.sidebar{background:radial-gradient(22rem 18rem at 100% 0%, color-mix(in oklab, var(--a9) 14%, transparent), transparent 70%), var(--n12)}.sidebar nav button{border-radius:var(--r-full);padding-inline:14px}.sidebar nav button.active{background:color-mix(in oklab, var(--n0) 10%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--n0) 10%, transparent), 0 8px 20px -10px color-mix(in oklab, var(--n0) 0%, black)}.sidebar nav button.active svg{filter:drop-shadow(0 0 6px color-mix(in oklab, var(--a9) 70%, transparent))}.sidebar nav button.active:before{display:none}.sidebar-note,.workspace-avatar,.identity .avatar{border-radius:var(--r-md)}.hero.next-action{isolation:isolate;border-radius:var(--r-xl) var(--r-xl) var(--r-xl) 10px;min-height:260px;box-shadow:var(--shadow-lg);background:radial-gradient(28rem 20rem at 0% 100%, color-mix(in oklab, var(--a9) 26%, transparent), transparent 65%), radial-gradient(30rem 16rem at 100% 0%, color-mix(in oklab, var(--n0) 7%, transparent), transparent 70%), var(--n12);grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:center;padding:36px 40px;position:relative;overflow:hidden}.hero.next-action:after{content:"";z-index:-1;border-radius:inherit;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--n0) 10%, transparent);pointer-events:none;position:absolute;inset:0}.hero.next-action h2{letter-spacing:-.02em;font-size:clamp(26px,2.4vw,34px)}.hero-tag{border-radius:var(--r-full);background:color-mix(in oklab, var(--a9) 16%, transparent);color:var(--a6);padding:5px 12px 5px 10px;font-size:13px;display:inline-flex}.hero .button{min-height:48px;padding-inline:24px;font-size:15px}.conversation-scene{align-content:center;gap:10px;display:grid}.scene-bubble{border-radius:var(--r-bubble);max-width:88%;padding:11px 15px;font-size:14.5px;line-height:1.55}.scene-bubble small{opacity:.7;margin-bottom:3px;font-size:11.5px;font-weight:600;display:block}.scene-bubble.customer{border-radius:var(--r-lg) var(--r-lg) 6px var(--r-lg);background:color-mix(in oklab, var(--n0) 9%, transparent);border:1px solid color-mix(in oklab, var(--n0) 12%, transparent);color:var(--n1);justify-self:start}.scene-bubble.turn{background:var(--a9);min-width:128px;color:var(--n12);box-shadow:var(--shadow-accent);justify-self:end}.typing-dots{gap:5px;padding:4px 0 2px;display:inline-flex}.typing-dots i{opacity:.45;background:currentColor;border-radius:50%;width:7px;height:7px}@media (prefers-reduced-motion:no-preference){.typing-dots i{animation:typing 1.2s var(--ease-in-out) infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.conversation-scene .scene-bubble{animation:bubble-in .42s var(--ease-out) both}.conversation-scene .scene-bubble.customer{transform-origin:100% 100%;animation-delay:.12s}.conversation-scene .scene-bubble.turn{transform-origin:0 100%;animation-delay:.52s}}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.conversation-scene.compact{border-radius:calc(var(--r-lg) - 6px);background:var(--surface-sunken);border:1px solid var(--line);margin:-6px -6px 18px;padding:18px}.conversation-scene.compact .scene-bubble{max-width:100%;padding:9px 13px;font-size:13.5px}.conversation-scene.compact .scene-bubble.customer{background:var(--surface);border-color:var(--line);color:var(--n12);box-shadow:var(--shadow-xs)}.conversation-scene.compact .scene-bubble.turn{min-width:108px}@media (width<=720px){.hero.next-action .conversation-scene{display:none}.hero.next-action{padding:26px 22px}}.scenario-card{border-radius:var(--r-lg);border:1px solid color-mix(in oklab, var(--n12) 7%, transparent);background:var(--surface);box-shadow:var(--shadow-sm);padding:22px}.scenario-card .eyebrow{border-radius:var(--r-full);background:var(--n3);color:var(--n11);padding:3px 10px;font-weight:600;display:inline-flex}.mode-switch{background:color-mix(in oklab, var(--n12) 5%, transparent);border:0;padding:5px}.mode-switch button{border-radius:var(--r-full)}.mode-switch button.selected{background:var(--surface);box-shadow:var(--shadow-md)}.mode-switch button.selected svg{color:var(--a10)}.journey-track{border-radius:var(--r-lg);background:var(--surface);border:1px solid color-mix(in oklab, var(--n12) 7%, transparent);box-shadow:var(--shadow-sm);align-items:center;gap:24px;margin:22px 0 28px;padding:22px 24px;display:flex}.journey-track ol{counter-reset:none;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.journey-track li{align-items:center;gap:12px;padding-inline-end:28px;display:flex;position:relative}.track-node{background:var(--n3);width:36px;height:36px;color:var(--n9);box-shadow:inset 0 0 0 1px var(--n5);border-radius:50%;flex:none;place-items:center;display:grid}.track-copy{min-width:0;display:grid}.track-copy b{color:var(--n12);font-size:14.5px}.track-copy small{color:var(--text-muted)}.track-value{letter-spacing:-.02em;color:var(--n12);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:26px;font-weight:600}.journey-track li:not(:last-child){border-inline-end:1px solid var(--line)}.track-extra{border-radius:var(--r-full);background:var(--a2);color:var(--a12);box-shadow:inset 0 0 0 1px var(--a3);flex:none;margin:0;padding:8px 14px;font-size:13px}.track-extra b{font-size:15px}@media (width<=900px){.journey-track{flex-direction:column;align-items:stretch}.journey-track ol{grid-template-columns:1fr;gap:14px}.journey-track li{padding-inline-end:0}.journey-track li:not(:last-child){border-inline-end:0;border-bottom:1px solid var(--line);padding-bottom:14px}.track-extra{align-self:flex-start}}.quiet-empty>svg{box-sizing:content-box;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 6px;background:var(--a2);color:var(--a11);box-shadow:0 0 0 8px color-mix(in oklab, var(--a2) 50%, transparent);padding:14px}.login-choice{border-radius:var(--r-lg)}.login-page{background:var(--canvas)}.a11y-menu{--a11y-edge:20px;inset-inline-end:var(--a11y-edge);bottom:var(--a11y-edge);z-index:60;position:fixed}.a11y-trigger{background:var(--n12);width:48px;height:48px;color:var(--n0);box-shadow:var(--shadow-lg);border:0;border-radius:50%;place-items:center;display:grid}.a11y-trigger[aria-expanded=true]{background:var(--a9);color:var(--n12)}.a11y-panel{width:min(290px, calc(100vw / var(--a11y-scale,1) - 2 * var(--a11y-edge)));max-height:calc(100dvh / var(--a11y-scale,1) - var(--a11y-edge) - 60px - 12px);overscroll-behavior:contain;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);transform-origin:0 100%;bottom:60px;align-content:start;gap:8px;padding:16px;display:grid;position:absolute;inset-inline-end:0;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.a11y-panel{animation:pop-in .2s var(--ease-out) both}}@keyframes pop-in{0%{opacity:0;transform:scale(.95)translateY(4px)}}.a11y-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.a11y-head b{color:var(--n12);font-size:16px}.a11y-close{background:var(--n3);width:32px;height:32px;color:var(--n11);border:0;border-radius:50%;place-items:center;display:grid}.a11y-group{gap:6px;padding:8px 0;display:grid}.a11y-group>span{color:var(--text-muted);font-size:13px}.a11y-segment{border-radius:var(--r-full);background:var(--n3);grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.a11y-segment button{border-radius:var(--r-full);color:var(--n11);background:0 0;border:0;padding:7px 4px;font-size:13px;font-weight:500}.a11y-segment button[aria-pressed=true]{background:var(--surface);color:var(--n12);box-shadow:var(--shadow-sm);font-weight:600}.a11y-switch{border-radius:var(--r-md);min-height:44px;color:var(--n12);text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:14.5px;display:flex}@media (hover:hover) and (pointer:fine){.a11y-switch:hover{background:var(--n2)}}.a11y-switch i{border-radius:var(--r-full);background:var(--n5);width:38px;height:22px;transition:background-color var(--dur-fast) ease;position:relative}.a11y-switch i:after{content:"";background:var(--n0);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out);top:3px;border-radius:50%;position:absolute;inset-inline-start:3px}.a11y-switch[aria-checked=true] i{background:var(--n12)}.a11y-switch[aria-checked=true] i:after{transform:translate(-16px)}.a11y-reset{justify-self:start;min-height:32px;padding-inline:4px;font-size:13px}@media (width<=720px){.a11y-menu{--a11y-edge:14px}}html[data-text-scale="1"]{--a11y-scale:1.12}html[data-text-scale="2"]{--a11y-scale:1.25}html[data-text-scale="1"] body,html[data-text-scale="2"] body{zoom:var(--a11y-scale)}html.a11y-contrast{--canvas:var(--n0);--text:var(--n12);--text-muted:var(--n11);--line:var(--n8);--line-strong:var(--n10);--n9:var(--n11);--n8:var(--n10)}html.a11y-contrast body:before{display:none}html.a11y-links a,html.a11y-links .button.text{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--a9);-webkit-text-decoration-color:var(--a9);text-decoration-color:var(--a9)}html.a11y-still *,html.a11y-still :before,html.a11y-still :after{transition:none!important;animation:none!important}.sidebar :focus-visible,.hero.next-action :focus-visible,.login-story :focus-visible{outline:2px solid var(--a9);outline-offset:3px}.skip-link:focus{border-radius:var(--r-full);background:var(--n12);color:var(--n0);box-shadow:var(--shadow-lg)}@media (pointer:coarse){.button,.sidebar nav button{min-height:44px}}.zinook-brand{direction:ltr}.zinook-logo{max-width:100%;height:auto;display:block}.admin-brand{flex-direction:column;align-items:flex-start;gap:6px}.admin-brand small{margin-top:0}