@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,d09GMgABAAAAAAaEABMAAAAADFgAAAYdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJpBmA/U1RBVIE4AFwvbBEICoJ8gkMLFAAwhCoBNgIkAyIEIAWGUAdiDAcbvgpRVHJOI/viwCYyfSFrJjFIG8raYpYj9+IeSF0s6zD+Lk/4OGrZHhHV+wvt2ffuWPwlA51lIICIosSVmyOKEs5Uzlx3NKeXIgn1ssCydUybDV0IHga+SszIyfrQe9bLTFNxjayzgs76hNsDoSYtRe32fiJ4gxBjrP8L+w//zzHjv7Yqyr9o2vOBDXhCo2jMtr4uwAK/gV1U0PxAq/EAD+yW9EoKOL1KLw8rHrFgCSgRTQRzBzpeXVhweEDlyfY8gIoOa2CQJzrTAHIIoitTMVV2dyFwpJ2iAEQTpSkhPitxD3YwuZHEagTcAhyKAcBmUyPdhTovJThOw6HYiaF2M/J7erdi2OUutor6ES6Ac88AvfZvKpb6fJoArohb524042j6Jij36NI7P8Pb7s721naN9gcTtcjXQP4l+8BKEzFVGMxxoHqlq8Ul4LGneFJBDFaOdKpLPcg8P14YSDwIcn75hdlyJLTBlZ4voL6tT46yC/njunXqpJ0/bSvmrH1o3kRlwZ+j0DBogkF3KbDRVBlbOc+fY5HVXwPoT9hfekPnyZMaEmenYLMSg5npqegFOsgXsBv1IoF9aIVfSCNHkk6+gIzILsiYuhWQCfUtZEpbkRntQxBZgw7MwFbMcRvwJrAnBlDqs7isLtL7pO84Xru1i7ah7tckH1Wreqq6K9u0amxU1bcff/s2Y1ni3rh2I8zHzqkm3PGvv3mzC6NDBz/UcOBIg+nm88rxN8MbdtypvHUL5o1c2zG0urYpRmW+VHZdiba6GXN/3v0B3i3nt4RBsbfAu8ftLqRcTIlZ4VYheFTAS5nXLS65VZrbuW3daF2Ze1ChyGXWZN6u9nUuH1LfyTERifZXEpIueMe28vF8FOoTnsONzw+1djo9P71lZGx1vM8mH/BhvSa2HDsRZ1+Ul+RmpnPOIaEuwWnZZdkgQWAAyCDDZ1wk+0sh7wseAAwA6UlHxbftCgYAAwKAgwIAEA7ACfHIRbV7J6dwF/ZzcRRmAjXUYKAGWAlDCCFmKnH+LJEQfHKEmVrfmKwSEab36AcubXQBoDYJV/aRV+funFD8wAXLSLYbwr9+DR+h/qZIKCfeqRG5ghHpdY0zcV2nuz5iJMhAFjaTDwOcoyKGG9JHrCfdp4cC+kCvUrxc7+bliIMiHj95sPIbUeWZEP/HLnN2tlr9EBeRiktHuWvErx98fRz1MuEvHO3FDRgtsSzL/P0hsDLK2n5/uHMOjvTst0HD6t+80ZN798j7j//kjqHxIOZDFPR/FxurFD6/HxGbB799RPHLx5F89MoBOub9jVuOWtmPH3o9H3r26DIuff+LqPLwff/xryDRmiAYmjxiK0GwS9XU+k8QpUrHsCTs4qH89Fv44ubWbQmOE51M7J8Pt8+h+NKt3zZpa2L9zZqcRlyEc4MaNGdfjQCxgIygn78ne4yAzcLWA3zAJ6RRGbijvHr1W+XN8ywrG0EoZSySb0/A9KsllI7Q/Pq8hLu76tfTy5cF4X8bQxTtYp2vr6/+1oI4AhgAlNYFryt62VaX9ktO6VsAeDLeWx6fff4vdV1ts7N6+gw9GCsQnqPB0QUttB9nEc7Aaf4XM0NQ90VJ+HV1rG04znGCmXcpPCA9+nxdMPgPlT7Dz83NMfZuMJaNeRqbc+tjd2QER/b0B44d7nv5Rif7VC8svYkx9SKWwb3YzN2M3cY8jSNLl+PYZqfjxNTxOLXVCmfmduDc0ty1kLbjeiGfIrDFJXWPTTMD5TKupR8cpZgJeXTofId8NoUj6E8XfAc2k4WPdbCberDYAp8Q7L5dUo8wE8cs9QINZYvwXKzvBS4v/n+fQZkGrrFysKEIuFBgjQpxiHH1XA+ZBI+C+oAoxhYKECc42rGOc8L4mYhsiThGfFjOcKmFubPpDgwnY1918Fwo8ouenDJxvGP96HFWJ28hiOy251oKjkcbGz2POMme8CTMThx6wqOPsFtPI6j6HhDyDTxFQYnL88FcXGAGHl3ZuueRbEuxbK6Hc84ZDvRrREtLzyjj8Xkd/uShR1b0sYd8Nh8/c8znxCnadxQcf2nFVWIyw1g+4StXav9j75s+CQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--tap-target:48px;--color-border:color-mix(in srgb, var(--color-text) 11%, transparent);--color-border-strong:color-mix(in srgb, var(--color-text) 22%, transparent);--color-tint:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));--color-tint-strong:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));--color-on-primary:#fff;--shadow-sm:0 1px 2px #10121b0f, 0 1px 1px #10121b0a;--shadow-md:0 1px 2px #10121b0d, 0 6px 18px -6px #10121b1f;--shadow-lg:0 2px 4px #10121b0d, 0 18px 40px -12px #10121b38;--shadow-note:0 1px 1px #10121b14, 0 4px 10px -2px #10121b1f, 0 14px 24px -14px #10121b47;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--duration-fast:.16s;--duration-med:.32s;--duration-slow:.52s}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-med:0s;--duration-slow:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";text-rendering:optimizelegibility;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 var(--space-3);font-weight:700;line-height:1.15}h2{font-size:var(--text-lg)}p{margin:0 0 var(--space-3)}a{color:var(--color-primary);text-underline-offset:3px}button,a.button{font:inherit;font-weight:600;font-size:var(--text-sm);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex}button:hover:not(:disabled),a.button:hover{background:color-mix(in srgb, var(--color-primary) 88%, #000)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}.button-quiet,a.button.button-quiet{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.button-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled){background:var(--color-tint);color:var(--color-text)}.button-danger{background:var(--color-surface);color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 40%, transparent)}.button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface))}.button-small{min-height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.button-big{min-height:56px;padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-md)}input,select,textarea{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}input,select{min-height:44px;padding:0 var(--space-3)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);outline:none}label{font-weight:600;font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.error{color:var(--color-accent);font-weight:600;font-size:var(--text-sm)}.help-text{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.card-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.inline-form{gap:var(--space-2);flex-wrap:wrap;display:flex}.inline-form input{flex:240px}.short-code{letter-spacing:.14em;font-family:ui-monospace,Cascadia Mono,SF Mono,Consolas,monospace;font-weight:600}[data-mode=boardroom] .fun-only,[data-mode=fun] .boardroom-only{display:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card h2{font-size:var(--text-md);margin:0}.panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.panel-head h2{align-items:center;gap:var(--space-2);display:flex}.eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-1);font-weight:600}.card-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.card-list .card{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.badge,.pill{border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--color-tint);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:.35em;padding:.15em .65em;font-weight:600;display:inline-flex}.badge-live,.pill-good{background:color-mix(in srgb, var(--color-good) 14%, var(--color-surface));color:color-mix(in srgb, var(--color-good) 80%, #000)}.badge-live:before{content:"";background:var(--color-good);width:.5em;height:.5em;animation:live-pulse 1.8s var(--ease-out) infinite;border-radius:50%}.pill-warn{background:color-mix(in srgb, #eda100 16%, var(--color-surface));color:#7a5200}.badge-ended{color:var(--color-text-muted)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.connection-banner{top:var(--space-3);z-index:50;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-surface);font-size:var(--text-sm);box-shadow:var(--shadow-md);margin:0;position:fixed;left:50%;transform:translate(-50%)}.placeholder-note{padding:var(--space-3) var(--space-5);background:var(--color-tint);color:var(--color-text-muted);border-radius:var(--radius-md);font-size:var(--text-sm);display:inline-block}.toggle{align-items:center;gap:var(--space-2);cursor:pointer;font-weight:500;display:inline-flex}.toggle input{width:18px;height:18px;min-height:auto;accent-color:var(--color-primary)}.app-bar{z-index:20;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:color-mix(in srgb, var(--color-surface) 85%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.brand-link{align-items:center;gap:var(--space-2);color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.01em;font-weight:700;text-decoration:none;display:inline-flex}.app-bar-user{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);margin-left:auto;display:flex}.page{max-width:1240px;padding:var(--space-8) var(--space-6);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header h1{margin:0}.page-header p{margin:var(--space-1) 0 0}.auth-card{max-width:420px;margin:10vh auto 0}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted)}.workshop-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.console-header{align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.console-header h1{font-size:var(--text-xl);margin:0}.console-header .card-actions{margin-left:auto}.back-link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.back-link:hover{color:var(--color-text)}.next-step{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius-md);background:var(--color-tint);border:1px solid var(--color-border);font-size:var(--text-sm);display:flex}.next-step strong{font-weight:600}.console-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.console-main,.console-side{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}@media (width<=980px){.console-layout{grid-template-columns:1fr}}.join-panel{align-items:stretch}.join-qr{align-items:center;gap:var(--space-4);display:flex}.join-qr svg{border:1px solid var(--color-border);flex-shrink:0}.join-code{font-size:var(--text-xl)}.people-list,.run-of-show{gap:2px;margin:0;padding:0;list-style:none;display:grid}.people-list li{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);display:flex}.people-list li:hover{background:var(--color-tint)}.people-list .button-small{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.people-list li:hover .button-small,.people-list .button-small:focus-visible{opacity:1}@media (hover:none){.people-list .button-small{opacity:1}}.people-scroll{max-height:320px;overflow-y:auto}.run-of-show li{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid #0000;grid-template-columns:28px minmax(0,1fr) auto;display:grid}.run-of-show li:hover{background:var(--color-tint)}.run-of-show li.current{background:var(--color-tint-strong);border-color:color-mix(in srgb, var(--color-primary) 25%, transparent)}.run-of-show li.done{color:var(--color-text-muted)}.ros-index{width:28px;height:28px;font-size:var(--text-xs);background:var(--color-tint);color:var(--color-text-muted);border-radius:50%;place-items:center;font-weight:700;display:grid}.current .ros-index{background:var(--color-primary);color:var(--color-on-primary)}.done .ros-index{border:1px solid var(--color-border-strong);background:0 0}.ros-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;font-weight:600;display:flex}.ros-meta{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}.ros-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);padding:.1em .5em;font-size:10px;font-weight:700}.presence-dot{background:var(--color-border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px}.presence-dot.online{background:var(--color-good);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-good) 20%, transparent)}.screen{place-items:center;height:100vh;padding:3vh 3vw;font-size:clamp(1.1rem,1.9vw,2.8rem);display:grid;overflow:hidden}.screen h1{font-size:2.2em}.screen-16x9{flex-direction:column;place-items:normal;gap:1.6vh;padding:2.5vh 2.6vw 1.6vh;display:flex}.screen-main{flex:1;min-height:0;position:relative}.screen-centre{text-align:center}.stage-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:2vw;padding-bottom:1.2vh;display:flex}.stage-header-text{min-width:0}.stage-title,.screen .stage-title{font-family:var(--font-heading);letter-spacing:-.015em;margin:0;font-size:1.15em;font-weight:700;line-height:1.2}.stage-prompt{color:var(--color-text-muted);margin:.15em 0 0;font-size:.85em;line-height:1.3}.stage-meta{flex-shrink:0;align-items:center;gap:.6em;font-size:.7em;display:flex}.stage-status{border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;padding:.25em .8em;font-weight:600}.screen-footer{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:2vw;font-size:.55em;display:flex}.screen-footer .brand-link{color:var(--color-text-muted);font-size:1em}.stage{flex-direction:column;justify-content:center;gap:2vh;height:100%;display:flex}.stage h1{margin:0;font-size:2.4em}.stage .stage-prompt{font-size:1.2em}.lobby{grid-template-columns:auto 1fr;align-items:center;gap:5vw;height:100%;display:grid}.lobby-join{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:2vh;padding:3vh 2.5vw;display:flex}.lobby-address{color:var(--color-text-muted);text-align:center;margin:0;font-size:.95em}.lobby-address .short-code{color:var(--color-text);margin-top:.2em;font-size:1.6em;display:block}.lobby-closed{text-align:center;max-width:14em;color:var(--color-text-muted);font-size:1.2em}.lobby-people{flex-direction:column;justify-content:center;gap:2.5vh;height:100%;display:flex;overflow:hidden}.lobby-people h1{margin:0;font-size:2.2em}.lobby-grid{flex-wrap:wrap;align-content:flex-start;gap:1.2vh 1vw;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.lobby-person{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);animation:pop-in var(--duration-med) var(--ease-spring) both;align-items:center;gap:.45em;padding:.3em .8em .3em .4em;font-size:.8em;font-weight:600;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.phone{max-width:480px;min-height:100dvh;padding:var(--space-5) var(--space-4) calc(var(--space-12) + env(safe-area-inset-bottom));gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.phone h1{font-size:var(--text-xl)}.phone-me{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);display:flex}.phone-me .grow{font-weight:600}.icon-picker{gap:var(--space-2);border:0;grid-template-columns:repeat(3,1fr);margin:0;padding:0;display:grid}.icon-picker legend{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-2)}.icon-picker label{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;cursor:pointer;font-weight:500;line-height:1.2;font-size:var(--text-xs);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.icon-picker label:has(:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.code-input{font-family:ui-monospace,Cascadia Mono,SF Mono,Consolas,monospace;font-size:var(--text-xl);letter-spacing:.25em;text-align:center;text-transform:uppercase}.sticky{color:var(--note-ink);box-shadow:var(--shadow-note);letter-spacing:-.005em;-webkit-user-select:none;user-select:none;background-image:linear-gradient(172deg,#ffffff73 0%,#fff0 38%),radial-gradient(120% 60% at 100% 100%,#00000012 0%,#0000 55%);border-radius:2px 2px 3px 3px;flex-direction:column;padding:.75em .8em .6em;font-weight:500;line-height:1.25;display:flex;position:relative;overflow:hidden}.sticky:before{content:"";pointer-events:none;background:#00000009;border-radius:2px 2px 0 0;height:11%;position:absolute;inset:0 0 auto}.sticky-text{overflow-wrap:anywhere;flex:1;margin:0;overflow:hidden}.sticky-hidden{opacity:.4;filter:grayscale(.8);outline:1.5px dashed var(--color-text-muted);outline-offset:2px}.sticky-arrive{animation:note-land var(--duration-slow) var(--ease-spring) both}@keyframes note-land{0%{opacity:0;translate:0 28px;scale:.9}to{opacity:1;translate:0;scale:1}}.sticky-votes{justify-content:space-between;align-items:center;gap:.3em;margin-top:.25em;font-weight:700;display:flex}.sticky-likes{color:var(--color-accent);background:#fff9;border-radius:999px;padding:.05em .45em}.sticky-dots,.dots-left,.vote-dot-count{flex-wrap:wrap;align-items:center;gap:3px;display:inline-flex}.dot{background:var(--color-accent);border-radius:50%;width:.7em;min-width:10px;height:.7em;min-height:10px;display:inline-block;box-shadow:inset 0 -1px #00000026}.dot-used{border:1.5px solid var(--color-border-strong);box-shadow:none;background:0 0}.board-stage{flex-direction:column;gap:1.8vh;height:100%;display:flex}.board-fill{flex:1;min-height:0;position:relative}.board-empty{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);height:100%;color:var(--color-text-muted);place-items:center;font-size:.85em;display:grid}.note-grid-area{place-items:start center;padding-top:1vh;display:grid;position:absolute;inset:0}.board-column .note-grid-area{flex:1;place-items:start center;min-height:0;position:relative;inset:auto}.note-grid{display:grid}.columns-board{gap:1.5vw;height:100%;display:grid}.board-column{background:color-mix(in srgb, var(--color-surface) 55%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-width:0;min-height:0;padding:1.2vh 1vw;display:flex}.board-column-title{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);justify-content:space-between;align-items:center;margin:0 0 1.2vh;font-size:.85em;font-weight:700;display:flex}.board-column-count{letter-spacing:0;background:var(--color-tint);color:var(--color-text-muted);border-radius:999px;padding:.05em .6em;font-size:.85em;font-weight:600}.matrix-board{grid-template:".yhigh.""xlow area xhigh"1fr".ylow."/auto 1fr auto;gap:.5em;height:100%;display:grid}.matrix-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);text-align:center;align-self:center;font-size:.62em;font-weight:600}.matrix-y-high{grid-area:yhigh}.matrix-y-low{grid-area:ylow}.matrix-x-low{writing-mode:vertical-rl;grid-area:xlow;rotate:180deg}.matrix-x-high{writing-mode:vertical-rl;grid-area:xhigh}.matrix-area,.minimap-area{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);grid-area:area;position:relative}.matrix-axis{background:var(--color-border-strong);position:absolute}.matrix-axis-x{height:1px;top:50%;left:0;right:0}.matrix-axis-y{width:1px;top:0;bottom:0;left:50%}.sticky-matrix{transition:left var(--duration-med) var(--ease-out), top var(--duration-med) var(--ease-out);position:absolute;transform:translate(-50%,-50%)}.sticky-dragging{outline:3px dashed var(--color-primary);opacity:.8;z-index:2}.minimap{gap:var(--space-1);flex-direction:column;display:flex}.minimap .matrix-label{font-size:var(--text-sm)}.minimap-area{aspect-ratio:4/3;touch-action:none}.minimap-x-labels{font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;font-weight:700;display:flex}.minimap-note{border-radius:2px;position:absolute;translate:-50% -50%}.minimap-note.other{background:var(--color-text-muted);opacity:.4;border-radius:50%;width:10px;height:10px}.minimap-note.mine{width:64px;height:44px;box-shadow:var(--shadow-note);cursor:grab;touch-action:none;z-index:1;padding:2px 4px}.minimap-note.dragging{cursor:grabbing;outline:2px solid var(--color-primary);z-index:2}.minimap-note-text{-webkit-line-clamp:3;color:var(--note-ink);pointer-events:none;-webkit-box-orient:vertical;font-size:10px;line-height:1.15;display:-webkit-box;overflow:hidden}.composer-note{padding:var(--space-4);box-shadow:var(--shadow-note);transition:transform var(--duration-med) ease-out, opacity var(--duration-med) ease-out;background-image:linear-gradient(172deg,#ffffff73 0%,#fff0 40%);border-radius:3px;position:relative}.composer-note.flying{opacity:0;transform:translateY(-120vh)rotate(-4deg)!important}.composer-note textarea{resize:none;width:100%;font:inherit;font-size:var(--text-lg);color:var(--note-ink);background:0 0;border:0}.composer-note textarea:focus{outline:none}.composer-handle{margin-top:var(--space-2);padding:var(--space-3);text-align:center;color:var(--note-ink);opacity:.6;touch-action:none;cursor:grab;border-top:2px dashed #0003;font-weight:700}.composer-count{top:var(--space-2);right:var(--space-3);color:var(--note-ink);opacity:.6;position:absolute}.zone-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{background:var(--color-surface);min-height:40px;color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}.chip:hover:not(:disabled){background:var(--color-tint)}.chip-on{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.my-notes,.vote-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.my-notes li,.vote-list li{padding:var(--space-3);color:var(--note-ink);box-shadow:var(--shadow-note);gap:var(--space-2);border-radius:2px;flex-direction:column;display:flex}.my-notes textarea{font:inherit;width:100%}.my-note-text{overflow-wrap:anywhere;margin:0}.my-notes select,.notes-table select{min-height:36px;font:inherit;font-size:var(--text-sm)}.vote-controls{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.vote-like{min-width:56px;color:var(--color-accent);background:#ffffffbf;padding:0;font-size:1.5rem}.vote-like:hover:not(:disabled){background:#fff}.vote-like.liked{background:var(--color-accent);color:var(--color-surface)}.vote-dots{align-items:center;gap:var(--space-2);display:inline-flex}.vote-dot-btn{min-width:48px;padding:0;font-size:1.5rem;font-weight:700}.vote-dot-count{justify-content:center;min-width:40px}.dots-left{font-weight:700}.console-activity{margin-top:var(--space-4)}.segmented{border:2px solid var(--color-primary);border-radius:var(--radius-md);flex-wrap:wrap;max-width:100%;display:inline-flex;overflow:hidden}.segment{background:var(--color-surface);color:var(--color-primary);min-height:40px;padding:0 var(--space-4);border-radius:0}.segment-on{background:var(--color-primary);color:var(--color-surface)}.board-preview{aspect-ratio:16/9;background:var(--color-bg);border-radius:var(--radius-md);max-height:420px;padding:var(--space-3);font-size:14px;position:relative}.notes-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.notes-table th,.notes-table td{text-align:left;padding:var(--space-2);vertical-align:middle;border-bottom:1px solid #00000014}.note-cell{overflow-wrap:anywhere;max-width:420px}.row-hidden{opacity:.55}.notes-table .card-actions{flex-wrap:nowrap;justify-content:flex-end}.matrix-area-movable .sticky-matrix{cursor:grab;touch-action:none}.matrix-area-movable .sticky-dragging{cursor:grabbing;transition:none}.sticky-matrix{transition:left var(--duration-med) var(--ease-out), top var(--duration-med) var(--ease-out), width var(--duration-med) var(--ease-out), height var(--duration-med) var(--ease-out)}.photo-wall{position:absolute;inset:0}.board-canvas .photo-wall{inset:2vh 1.6vw}.polaroid{transition:left var(--duration-med) var(--ease-out), top var(--duration-med) var(--ease-out);animation:note-land var(--duration-slow) var(--ease-spring) both;-webkit-user-select:none;user-select:none;background:#fff;border-radius:3px;margin:0;padding:2.5% 2.5% 0;position:absolute;translate:-50% -50%;box-shadow:0 1px 2px #221e1f1f,0 18px 30px -18px #221e1f80}.polaroid-photo{aspect-ratio:1;background:linear-gradient(135deg, var(--sky), var(--pink)) center / cover;background-position:50%;background-size:cover;border-radius:1px}.polaroid figcaption{text-align:center;min-height:1.2em;color:var(--note-ink);white-space:nowrap;text-overflow:ellipsis;padding:.35em .3em .45em;font-weight:500;line-height:1.2;overflow:hidden}.photo-wall-movable .polaroid{cursor:grab;touch-action:none}.polaroid-dragging{z-index:3;cursor:grabbing;transition:none;box-shadow:0 30px 50px -20px #221e1f99}.photo-pick{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;text-align:center;background:#fff9;border:2px dashed #221e1f40;border-radius:20px;flex-direction:column;min-height:180px;font-weight:600;display:flex}.photo-pick-icon{font-size:2.4rem}.photo-preview{width:100%;box-shadow:var(--shadow-card);border-radius:14px}.my-photos{gap:var(--space-2);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.my-photos li{flex-direction:column;gap:4px;display:flex}.my-photos img,.notes-table .photo-thumb{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.notes-table .photo-thumb{vertical-align:middle;width:56px;margin-right:8px}.response-fill{flex-direction:column;justify-content:center;display:flex}.results-hidden{color:var(--color-text-muted);text-align:center;margin:auto;font-size:1.2em}.bar-list{gap:2.4vh;margin:0;padding:0;font-size:1.35em;list-style:none;display:grid}.bar-row{grid-template-columns:minmax(8em,30%) 1fr auto;align-items:center;gap:1em;display:grid}.bar-label{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.bar-track{background:#0000000d;border-radius:0 4px 4px 0;height:1.6em;overflow:hidden}.bar-fill{background:var(--color-primary);height:100%;transition:width var(--duration-med) ease-out;border-radius:0 4px 4px 0;display:block}.bar-value{text-align:right;min-width:4.5em;font-weight:700}.bar-pct{color:var(--color-text-muted);font-weight:400}.bar-row-dim{opacity:.45}.bar-row-highlight .bar-fill{background:var(--color-good)}.badge-good{color:#fff;background:var(--color-good);border-radius:999px;padding:.1em .6em;font-size:.75em;font-weight:700}.histogram{flex-direction:column;gap:1vh;height:100%;margin:0;font-size:1.2em;display:flex}.histogram-plot{border-bottom:2px solid #00000026;flex:1;align-items:flex-end;gap:2px;min-height:0;margin-top:1.6em;display:flex;position:relative}.histogram-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.histogram-count{min-height:1.3em;font-size:.9em;font-weight:700}.histogram-bar{background:var(--color-primary);width:70%;transition:height var(--duration-med) ease-out;border-radius:4px 4px 0 0}.histogram-average{border-left:2px dashed var(--color-text);pointer-events:none;position:absolute;top:0;bottom:0}.histogram-average span{white-space:nowrap;background:var(--color-bg);padding:0 .3em;font-size:.8em;font-weight:700;position:absolute;top:-1.5em;left:0;translate:-50%}.histogram-axis{text-align:center;font-size:.85em;display:grid}.histogram-axis>span{flex-direction:column;align-items:center;display:flex}.histogram-col-label{color:var(--color-text-muted);font-size:.7em}.histogram-ends{color:var(--color-text-muted);justify-content:space-between;font-size:.8em;display:flex}.word-cloud{position:absolute;inset:0}.word-cloud-word{white-space:nowrap;font-family:var(--font-heading);color:var(--color-primary);transition:left var(--duration-med) ease-out, top var(--duration-med) ease-out, font-size var(--duration-med) ease-out;font-weight:700;line-height:1;position:absolute;translate:-50% -50%}.quiz-stage{justify-content:space-between}.quiz-question{margin:.2em 0 0;font-size:2em}.quiz-middle{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.quiz-reveal{width:100%}.quiz-timer{font-family:var(--font-heading);background:var(--color-surface);width:2em;height:2em;box-shadow:var(--shadow-note);border-radius:50%;place-items:center;font-size:4em;font-weight:700;display:grid}.quiz-answered{color:var(--color-text-muted);margin:.5em 0 0}.quiz-options{grid-template-columns:1fr 1fr;gap:1vh 1vw;margin:0;padding:0;list-style:none;display:grid}.quiz-options li{border-radius:var(--radius-md);align-items:center;gap:.6em;padding:.6em .9em;font-size:1.1em;font-weight:700;display:flex}.quiz-chip{border-radius:4px;place-items:center;width:1.4em;height:1.4em;display:inline-grid}.leaderboard{align-content:start;gap:.8vh;max-width:34em;max-height:100%;margin:0 auto;padding:0;list-style:none;display:grid;overflow:hidden}.leaderboard li{background:var(--color-surface);border-radius:var(--radius-md);animation:pop-in var(--duration-med) ease-out;align-items:center;gap:.6em;padding:.4em .8em;display:flex;box-shadow:0 1px 3px #00000014}.leader-rank{text-align:center;width:1.6em;font-weight:700}.leader-name{flex:1;font-weight:600}.leader-last{color:var(--color-good);font-size:.85em;font-weight:700}.leader-points{text-align:right;min-width:4em;font-weight:700}.leaderboard-final .leader-1{background:var(--note-1);font-size:1.25em}.leaderboard-final .leader-2,.leaderboard-final .leader-3{background:var(--note-5)}.answer-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.answer-btn{text-align:left;background:var(--color-surface);width:100%;min-height:56px;color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-2);font-size:var(--text-md);display:flex}.answer-btn:hover:not(:disabled){background:var(--color-tint)}.answer-on{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.score-grid{gap:var(--space-2);display:grid}.score-grid-11{grid-template-columns:repeat(4,1fr)}.score-grid-6{grid-template-columns:repeat(2,1fr)}.score-grid .answer-btn{text-align:center;min-height:64px;padding:var(--space-2);flex-direction:column;justify-content:center}.score-grid .answer-btn strong{font-size:var(--text-xl)}.scale-ends{color:var(--color-text-muted);justify-content:space-between;margin:0;display:flex}.word-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.word-chip{align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:999px;font-weight:500;display:inline-flex}.word-chip-mine{background:var(--note-1);color:var(--note-ink);border-color:#0000}.word-chip-liked{border-color:var(--color-accent);color:var(--color-accent);font-weight:700}.chip-x{min-width:32px;min-height:32px;color:var(--note-ink);background:0 0;padding:0;font-size:1.3rem}.quiz-buttons{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.quiz-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:120px;font-weight:700;font-size:var(--text-lg);padding:var(--space-3);flex-direction:column;display:flex}.quiz-locked,.quiz-result{font-size:var(--text-lg);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.quiz-correct{color:var(--color-good);font-weight:700}.quiz-wrong{color:var(--color-text)}.screen-timer{z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);transition:transform var(--duration-med) var(--ease-out), background-color var(--duration-med) var(--ease-out);align-items:center;gap:.6em;padding:.35em .9em;font-size:1em;display:flex;position:fixed;bottom:5.5vh;right:2.6vw}.screen-timer-clock{font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:1.4em;font-weight:700}.screen-timer-label{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:14em;font-size:.65em;overflow:hidden}.screen-timer-paused .screen-timer-clock{color:var(--color-text-muted)}.screen-timer-urgent{background:var(--color-accent);color:#fff;transform-origin:100% 100%;animation:urgent-pulse 1s var(--ease-out) infinite;border-color:#0000;transform:scale(1.25)}.screen-timer-urgent .screen-timer-label{color:#ffffffd9}@keyframes urgent-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 50%, transparent)}50%{box-shadow:0 0 0 .6em color-mix(in srgb, var(--color-accent) 0%, transparent)}}.times-up{z-index:60;background:color-mix(in srgb, var(--color-text) 35%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--duration-med) var(--ease-out) both;place-items:center;display:grid;position:fixed;inset:0}.times-up-card{text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in var(--duration-slow) var(--ease-spring) both;padding:1.2em 2.4em}.times-up-card h1{color:var(--color-accent);margin:0;font-size:3em}.times-up-phone .times-up-card{width:min(90vw,360px);padding:var(--space-8) var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.times-up-phone .times-up-card h1{font-size:var(--text-2xl)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sound-hint{z-index:30;border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-surface);opacity:.75;margin:0;padding:.3em .9em;font-size:.5em;position:fixed;bottom:1.2vh;left:50%;translate:-50%}.emoji-layer{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.emoji-floater{opacity:0;will-change:transform, opacity;font-size:2.8em;line-height:1;animation:4.2s cubic-bezier(.25,.6,.35,1) forwards float-up;position:absolute;bottom:4vh}@keyframes float-up{0%{transform:translate(0, 0) scale(calc(var(--scale) * .5));opacity:0}14%{transform:translate(calc(var(--drift) * .15), -6vh) scale(var(--scale));opacity:1}65%{opacity:1}to{transform:translate(var(--drift), -62vh) scale(calc(var(--scale) * .9));opacity:0}}@keyframes float-gentle{0%{opacity:0;transform:translateY(0)}20%,70%{opacity:1}to{opacity:0;transform:translateY(-20vh)}}@media (prefers-reduced-motion:reduce){.emoji-floater{bottom:10vh;animation-name:float-gentle!important;animation-duration:3.8s!important;animation-timing-function:ease-in-out!important}}.timer-presets{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.phone-timer{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-pill);background:var(--color-tint);padding:.15em .65em}.phone-timer-urgent{background:var(--color-accent);color:#fff}.emoji-tray-wrap{right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:40;align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.emoji-toggle{background:var(--color-surface);width:56px;height:56px;min-height:56px;color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:50%;padding:0;font-size:1.6rem}.emoji-toggle:hover:not(:disabled){background:var(--color-tint)}.emoji-toggle-open{color:var(--color-text-muted);font-size:1.8rem}.emoji-tray{max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in var(--duration-med) var(--ease-spring) both;transform-origin:100% 100%;flex-wrap:nowrap;justify-content:flex-end;gap:2px;display:flex;position:relative}.emoji-btn{border-radius:var(--radius-md);background:0 0;width:44px;height:44px;min-height:44px;padding:0;font-size:1.6rem}.emoji-btn:hover:not(:disabled){background:var(--color-tint)}.emoji-btn:active:not(:disabled){transform:scale(.88)}.emoji-cooldown{top:-1.6em;right:var(--space-2);text-align:right;font-size:var(--text-xs);color:var(--color-text-muted);position:absolute}.fullscreen-btn{z-index:70;font-size:var(--text-sm);background:color-mix(in srgb, var(--color-text) 82%, transparent);color:var(--color-surface);box-shadow:var(--shadow-md);transition:opacity var(--duration-med) var(--ease-out);position:fixed;top:2vh;right:2vw}.fullscreen-btn:hover:not(:disabled){background:var(--color-text)}.fullscreen-btn kbd{font:inherit;font-size:var(--text-xs);opacity:.8;border:1px solid #fff6;border-radius:4px;padding:0 .4em}.fullscreen-btn-hidden{opacity:0;pointer-events:none}.slide-stage{flex-direction:column;justify-content:center;gap:2.4vh;max-width:78%;height:100%;padding-left:2vw;display:flex}.slide-stage-centre{text-align:center;align-items:center;margin:0 auto;padding-left:0}.screen .slide-heading{font-family:var(--font-heading);letter-spacing:-.03em;margin:0;font-size:2.6em;line-height:1.04}.slide-subheading{color:var(--color-text-muted);margin:0;font-size:1.15em}.slide-body{white-space:pre-line;font-size:1.15em;line-height:1.45}.slide-body p{margin:0 0 .7em}.phone-slide .stack p,.phone-slide p{white-space:pre-line}.presenter{z-index:80;transition:opacity var(--duration-med) var(--ease-out), translate var(--duration-med) var(--ease-out);flex-direction:column;align-items:center;gap:8px;font-size:15px;display:flex;position:fixed;bottom:2.4vh;left:50%;translate:-50%}.presenter-hidden{opacity:0;pointer-events:none;translate:-50% 16px}.presenter-bar,.presenter-menu{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c191aeb;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;max-width:96vw;padding:6px;display:flex;box-shadow:0 18px 40px -16px #0000008c}.presenter-menu{flex-wrap:wrap;padding:6px 8px}.presenter-btn,.presenter-chip,.presenter-seg{color:#fff;white-space:nowrap;min-width:40px;min-height:40px;box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:14px;font-weight:600}.presenter-btn:hover:not(:disabled),.presenter-chip:hover:not(:disabled),.presenter-seg:hover:not(:disabled){background:#ffffff1f;transform:none}.presenter-btn:not(.presenter-btn-text):not(.presenter-btn-primary){padding:0;font-size:24px;line-height:1}.presenter-btn-next{background:#ffffff24}.presenter-btn-primary,.presenter-btn-primary:hover:not(:disabled){background:var(--page-accent,#fff);color:#1c191a}.presenter-btn-primary:hover:not(:disabled){filter:brightness(1.06)}.presenter-on{background:#ffffff29}.presenter-btn:disabled,.presenter-seg:disabled{opacity:.35}.presenter-where{flex-direction:column;min-width:6em;max-width:13em;padding:0 10px;line-height:1.2;display:flex}.presenter-step{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:11px}.presenter-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.presenter-divider{background:#ffffff2e;width:1px;height:24px;margin:0 4px}.presenter-segments{background:#ffffff14;border-radius:999px;padding:2px;display:inline-flex}.presenter-seg{min-height:36px}.presenter-seg-on,.presenter-seg-on:hover:not(:disabled){color:#1c191a;background:#fff}.presenter-group{align-items:center;gap:2px;display:inline-flex}.presenter-small{opacity:.8;padding:0 4px;font-size:13px}.presenter-error{color:#b42318;box-shadow:var(--shadow-md);background:#fff;border-radius:999px;margin:0;padding:6px 14px;font-size:14px;font-weight:600}.sound-hint{color:var(--color-text);opacity:.7;background:#fff9;font-size:.42em;top:1.4vh;bottom:auto;left:1.4vw;translate:none}.presenter-btn-end,.presenter-btn-end:hover:not(:disabled){color:#1c191a;background:#fff}.recap-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:1.6vh 1.2vw;min-height:0;display:grid;overflow:hidden}.recap-grid-3,.recap-grid-5,.recap-grid-6{grid-template-columns:repeat(3,1fr)}.recap-card{background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:22px;padding:2.2vh 1.4vw 1.6vh;font-size:.72em;position:relative;overflow:hidden}.recap-card:before{content:"";background:var(--tile-accent);height:.8vh;position:absolute;inset:0 0 auto}.screen .recap-card h2{margin:0 0 .4em;font-size:1.35em}.recap-card ul{flex-direction:column;gap:.3em;margin:0;padding-left:1.1em;display:flex}.recap-phone-lines{margin:0;padding-left:1.1em}.recap-edit{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.recap-edit ul{font-size:var(--text-sm);margin:0;padding:0;list-style:none}.checklist{flex-direction:column;flex:1;gap:1.2vh;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.check-row,.checklist-clickable .check-row>button{background:var(--color-surface);box-shadow:var(--shadow-card);border-left:.35em solid var(--edge,transparent);border-radius:18px;align-items:center;gap:1em;padding:.7em 1em;font-weight:500;display:flex}.screen .check-row{font-size:.95em}.checklist-clickable .check-row{box-shadow:none;background:0 0;padding:0}.checklist-clickable .check-row>button{width:100%;min-height:0;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;white-space:normal;font-weight:500}.checklist-clickable .check-row>button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.check-row-on{--edge:#25bf7c}.check-row-risk{--edge:#f5bd12}.check-row-off{--edge:#e5484d}.checklist-clickable .check-row{border-left:0}.check-dot{background:#d8d3cd;border-radius:50%;flex:none;width:.8em;height:.8em}.check-dot-on{background:#25bf7c}.check-dot-risk{background:#f5bd12}.check-dot-off{background:#e5484d}.check-pill{color:var(--ink-soft);background:#efebe6;border-radius:999px;flex:none;padding:.2em .8em;font-size:.75em;font-weight:700}.check-pill-on{color:#11663f;background:#d6f5e4}.check-pill-risk{color:#6b5200;background:#fff1c2}.check-pill-off{color:#9b1c1f;background:#fde0e0}.checklist-phone,.checklist-results{gap:var(--space-2)}.checklist-phone .check-row,.checklist-results .check-row{font-size:var(--text-md)}.checklist-console{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.checklist-console li{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.segment-on.check-seg-on,.segment-on.check-seg-on:hover:not(:disabled){background:#1f9e66}.segment-on.check-seg-risk,.segment-on.check-seg-risk:hover:not(:disabled){background:#c99406}.segment-on.check-seg-off,.segment-on.check-seg-off:hover:not(:disabled){background:#c93a3e}.builder-layout{gap:var(--space-5);grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}@media (width<=900px){.builder-layout{grid-template-columns:1fr}}.builder-library{gap:var(--space-4);flex-direction:column;max-height:calc(100vh - 96px);display:flex;position:sticky;top:76px;overflow-y:auto}.template-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.template-card{width:100%;min-height:0;padding:var(--space-3) var(--space-4);align-items:center;gap:2px var(--space-3);text-align:left;white-space:normal;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;cursor:grab;grid-template-columns:1fr auto;grid-template-areas:"name add""desc add";display:grid}.template-card:hover:not(:disabled){background:var(--color-tint);border-color:var(--color-border-strong)}.template-name{grid-area:name;font-weight:600}.template-desc{font-weight:400;font-size:var(--text-xs);color:var(--color-text-muted);grid-area:desc}.template-add{background:var(--color-tint-strong);width:28px;height:28px;color:var(--color-primary);font-size:var(--text-lg);border-radius:50%;grid-area:add;place-items:center;font-weight:600;display:grid}.builder-flow{gap:var(--space-3);flex-direction:column;display:flex}.flow-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.flow-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.flow-item-open{border-color:color-mix(in srgb, var(--color-primary) 30%, transparent);box-shadow:var(--shadow-md)}.flow-item.drop-before,.flow-drop-end.drop-before{box-shadow:0 -3px 0 0 var(--color-primary)}.flow-drop-end{border-radius:var(--radius-md);min-height:24px}.drop-active{border-color:var(--color-primary);background:var(--color-tint)}.flow-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);grid-template-columns:auto 28px minmax(0,1fr) auto;display:grid}.drag-handle{cursor:grab;color:var(--color-text-muted);letter-spacing:-2px;padding:var(--space-2) 2px;-webkit-user-select:none;user-select:none}.drag-handle[draggable=false]{cursor:not-allowed;opacity:.35}.flow-title{min-height:44px;color:var(--color-text);text-align:left;white-space:normal;background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:0;font-weight:400;display:flex}.flow-title:hover:not(:disabled){background:0 0}.flow-actions{flex-wrap:nowrap}.activity-editor{gap:var(--space-5);padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(16rem,.9fr);align-items:start;display:grid}.activity-editor-fields{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.activity-editor-preview{top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;position:sticky}@media (width<=900px){.activity-editor{grid-template-columns:1fr}.activity-editor-preview{order:-1;position:static}}.scaled-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-md);background:var(--color-bg);position:relative;overflow:hidden}.scaled-preview iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;inset:0 auto auto 0}.editor-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.editor-grid-3{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-weight:600;font-size:var(--text-sm)}.field textarea{padding:var(--space-2) var(--space-3);resize:vertical}.number-field{align-items:center;gap:var(--space-2);display:inline-flex}.number-field input{width:110px}.list-editor{gap:var(--space-2);border:0;flex-direction:column;align-items:flex-start;margin:0;padding:0;display:flex}.list-editor legend{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-2)}.list-editor ol{gap:var(--space-2);width:100%;margin:0;padding:0;list-style:none;display:grid}.list-editor li{align-items:center;gap:var(--space-2);display:flex}.list-editor li input:not([type=radio]){flex:1}.list-editor li input[type=radio]{width:18px;height:18px;min-height:auto;accent-color:var(--color-good)}.list-editor-actions{gap:2px;display:inline-flex}.quiz-editor{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.quiz-editor fieldset{border:0;margin:0;padding:0}.quiz-editor fieldset:disabled{opacity:.6}.inline-select{align-items:center;gap:var(--space-2);display:inline-flex}.title-input{font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:-.02em;padding:0 var(--space-2);margin-left:calc(-1 * var(--space-2));background:0 0;border-color:#0000;width:min(100%,640px);font-weight:700}.title-input:hover{border-color:var(--color-border)}.toast{left:50%;bottom:var(--space-6);z-index:80;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:pop-in var(--duration-med) var(--ease-spring) both;display:flex;position:fixed;translate:-50%}.toast button{background:var(--color-surface);color:var(--color-text)}.template-picker{gap:var(--space-2);border:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;padding:0;display:grid}.template-picker label{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:2px;font-weight:400;display:flex}.template-picker label:has(:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.template-picker strong{font-weight:600}.theming-toggle .theming-dots{background:conic-gradient(var(--sky-vivid) 0 60deg, var(--lilac-vivid) 0 120deg, var(--peach-vivid) 0 180deg, var(--butter-vivid) 0 240deg, var(--mint-vivid) 0 300deg, var(--pink-vivid) 0);border-radius:50%;width:18px;height:18px}.theming-toggle-on{border-color:var(--color-text)!important}.theming{margin-bottom:var(--space-5)}.theming-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;display:grid}.theming-preview{position:sticky;top:80px}@media (width<=900px){.theming-grid{grid-template-columns:1fr}.theming-preview{order:-1;position:static}}.theming-logos{gap:var(--space-3);flex-wrap:wrap;display:flex}.theming-logo{justify-content:center;align-items:center;gap:var(--space-2);width:170px;min-height:120px;padding:var(--space-3);background:var(--color-bg);border:1.5px dashed #221e1f33;border-radius:16px;flex-direction:column;display:flex}.theming-logo img{object-fit:contain;max-width:100%;max-height:48px}.theming-logo-label{font-size:var(--text-xs);color:var(--ink-soft);font-weight:600}.file-button{cursor:pointer;position:relative}.file-button:focus-within{outline:2.5px solid var(--color-text);outline-offset:3px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{width:44px;height:44px;min-height:0;box-shadow:none;border:2px solid #221e1f1f;border-radius:12px;padding:0}.swatch:hover:not(:disabled){background-image:none;transform:translateY(-2px)}.swatch-on{border:3px solid var(--color-text);box-shadow:inset 0 0 0 2px #fff}.swatch span{width:20px;height:20px;color:var(--color-text);background:#fff;border-radius:50%;place-items:center;margin:auto;font-size:12px;font-weight:700;display:grid}.chosen-colours{gap:4px;margin:0;padding:0;list-style:none;display:grid}.chosen-colours li{align-items:center;gap:var(--space-2);display:flex}.chosen-colours .card-actions{margin-left:auto}.chosen-swatch{border:1px solid #221e1f26;border-radius:8px;width:28px;height:28px}.add-colour{align-items:center;gap:var(--space-2);display:inline-flex}.add-colour input[type=color]{width:44px;min-height:36px;padding:2px}.day-tabs{margin:var(--space-2) 0 var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.day-tab{background:#fff9;border:1.5px solid #0000;border-radius:999px;align-items:center;display:inline-flex}.day-tab button{color:var(--color-text);min-height:38px;box-shadow:none;background:0 0;padding:0 14px}.day-tab button:hover:not(:disabled){background:0 0;transform:none}.day-tab-on{background:var(--color-surface);border-color:var(--color-text)}.day-tab-count{background:var(--color-bg);min-width:20px;font-size:var(--text-xs);border-radius:999px;margin-left:6px;padding:0 6px}.day-tab .day-tab-remove{color:var(--ink-soft);padding:0 10px 0 2px}.day-tab-add{min-height:38px;color:var(--color-text);box-shadow:none;background:0 0;border:1.5px dashed #221e1f4d}.day-tab-add:hover:not(:disabled){background:#fff9}.move-day{min-height:32px;font-size:var(--text-xs);padding:0 6px}.drag-handle-none{visibility:hidden}.results-stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.results-stat{gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.results-stat .eyebrow{margin:0}.results-stat strong{font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:-.02em}.results-chart{height:240px;font-size:14px}.results-bars{height:auto}.results-columns{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;display:grid}.results-notes{gap:2px;margin:0;padding:0;list-style:none;display:grid}.results-notes li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.results-notes li:nth-child(odd){background:var(--color-tint)}.results-note-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000014}.results-note-meta{color:var(--color-text-muted);font-size:var(--text-xs)}.results-note-votes{white-space:nowrap;color:var(--color-text-muted);font-weight:600}.results-note-author{align-items:center;gap:var(--space-1);width:120px;color:var(--color-text-muted);font-size:var(--text-xs);display:inline-flex}.results-words{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.results-words li{align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-tint);border-radius:var(--radius-pill);display:inline-flex}.card-list .workshop-card{align-items:stretch;gap:var(--space-3);flex-direction:column;display:flex}.workshop-card-main{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.past-sessions summary{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);width:fit-content}.past-sessions ul{margin:var(--space-2) 0 0;gap:2px;padding:0;list-style:none;display:grid}.past-sessions li{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.past-sessions li:hover{background:var(--color-tint)}.export-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#ffffffa6;border-radius:20px;flex-wrap:wrap;display:flex}.export-bar p{margin:0}.export-activities,.export-options{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.export-activity{min-height:36px}.export-activity-dot{background:var(--kind-vivid);border-radius:50%;flex:none;width:10px;height:10px}.report{gap:var(--space-6);max-width:900px;padding-bottom:var(--space-12);flex-direction:column;margin:0 auto;display:flex}.report-toolbar{z-index:10;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card);background:#ffffffe6;border-radius:999px;flex-wrap:wrap;display:flex;position:sticky;top:70px}.report-toolbar .help-text{flex:1}.report-cover{background:var(--color-surface);padding:var(--space-8);box-shadow:var(--shadow-card);border-radius:24px;position:relative;overflow:hidden}.report-cover h1{margin:var(--space-1) 0 var(--space-6);font-size:clamp(2.4rem,1.6rem + 3vw,4rem)}.report-stripe{height:8px;display:flex;position:absolute;inset:0 0 auto}.report-stripe span{flex:1}.report-facts{gap:var(--space-4);margin:0 0 var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.report-facts dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft)}.report-facts dd{margin:0;font-size:1.1rem;font-weight:600}.report-agenda{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.report-agenda th,.report-agenda td{text-align:left;border-bottom:1px solid #221e1f1a;padding:6px 8px}.report-agenda th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.report-board{height:420px;font-size:15px;display:flex;position:relative}.report-board-flipchart{height:auto}.report-footer{text-align:center;font-size:var(--text-sm);color:var(--ink-soft)}@media (width<=640px){.report-facts{grid-template-columns:repeat(2,1fr)}}@media print{@page{size:A4;margin:14mm 12mm}html,body,.report{background:#fff!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-bar,.no-print,.connection-banner{display:none!important}.page,main{max-width:none!important;padding:0!important}.report{gap:8mm}.report-cover,.results-activity{box-shadow:none!important;border:1px solid #e6e1dc!important}.report-cover{break-after:page}.results-activity{break-before:page}.results-activity:first-of-type{break-before:auto}.report-board{break-inside:avoid;height:115mm}.results-notes li,.report-agenda tr,.flipchart-line{break-inside:avoid}.sticky-arrive{animation:none!important}}.results-photos{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.results-photos li{box-shadow:var(--shadow-card);break-inside:avoid;background:#fff;border-radius:6px;flex-direction:column;gap:6px;padding:8px 8px 10px;display:flex}.results-photos img{aspect-ratio:1;object-fit:cover;border-radius:3px;width:100%}.flipchart{color:#1d2230;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4) var(--space-5);gap:var(--space-2);touch-action:pan-y;background:#fffdf7;flex-direction:column;flex:1;min-width:0;min-height:12rem;display:flex;overflow:hidden}.flipchart-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid #e4ddc8;display:flex}.flipchart-title{font-family:var(--font-heading);font-weight:700}.flipchart-wrap{flex-direction:column;flex:1;gap:.5em;min-width:0;min-height:0;display:flex}.flipchart-empty{color:#6b6f7c;font-size:.85em}.flipchart-untitled{color:#9a9cab;font-style:italic;font-weight:500}.flipchart-page{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.6em;margin:0;font-size:.7em;display:flex}.flipchart-dots{gap:.3em;display:inline-flex}.flipchart-dot{background:var(--color-border-strong);border-radius:50%;width:.5em;height:.5em}.flipchart-dot-on{background:var(--color-primary)}.flipchart-title-input{font-family:var(--font-heading);color:inherit;background:0 0;border:0;border-bottom:1px dashed #0000;flex:1;padding:.2em 0;font-size:1.05em;font-weight:700}.flipchart-title-input:focus,.flipchart-title-input:placeholder-shown{border-bottom-color:#d8d1bb;outline:none}.flipchart-votes{border-radius:var(--radius-pill);background:var(--color-primary);min-width:1.6em;color:var(--color-on-primary);text-align:center;flex:none;align-self:center;padding:0 .4em;font-size:.75em;font-weight:700}.flipchart-lines-2col{columns:2;column-gap:2em;display:block}.flipchart-lines-2col .flipchart-line{break-inside:avoid;margin-bottom:.35em}.flipchart-lines{flex-direction:column;gap:.35em;display:flex}.flipchart-line{gap:.5em;margin:0;line-height:1.35;display:flex}.flipchart-marker{color:var(--color-primary);min-width:1.2em;font-weight:700}.flipchart-line.flipchart-heading{font-family:var(--font-heading);margin-top:.3em;font-size:1.15em;font-weight:700}.flipchart-edit-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.flipchart-edit-list li{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px dashed #ebe5d3;display:flex}.flipchart-edit-list .flipchart-heading{font-weight:700}.flipchart-edit-list .flipchart-bullet .grow:before{content:"• ";color:var(--color-primary)}.flipchart-edit-list{counter-reset:line}.flipchart-edit-list .flipchart-numbered{counter-increment:line}.flipchart-edit-list .flipchart-numbered .grow:before{content:counter(line) ". ";color:var(--color-primary);font-weight:700}.flipchart-edit-list .inline-form{flex:1}.sheet-tabs{gap:var(--space-2);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.sheet-tabs .chip{flex:none}.group-banner{background:var(--color-tint);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.group-banner h1{margin:0}.group-mates{margin:var(--space-1) 0 0;gap:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.group-mate{align-items:center;gap:var(--space-1);display:inline-flex}.breakout-names{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.breakout-name-field{align-items:center;gap:var(--space-1);display:inline-flex}.breakout-name-field input{width:11rem}.breakout-groups{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.breakout-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);background:var(--color-surface);flex-direction:column;display:flex}.breakout-group-on{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-tint-strong)}.breakout-members{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.breakout-members li{align-items:center;gap:var(--space-2);display:flex}.breakout-members select{max-width:8rem;font-size:var(--text-xs);min-height:0;padding:2px 4px}.breakout-members .pill{margin-left:var(--space-1)}.breakout-wall{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(0,1fr);gap:1.6vh 1.2vw;height:100%;display:grid}.breakout-wall-3,.breakout-wall-5,.breakout-wall-6{grid-template-columns:repeat(3,1fr)}.breakout-tile{background:var(--color-surface);border:1px solid var(--color-border);border-top:.5vh solid var(--tile-accent,var(--color-primary));border-radius:var(--radius-lg);flex-direction:column;gap:1vh;min-height:0;padding:1.8vh 1.4vw;display:flex;overflow:hidden}.breakout-tile h2{margin:0;font-size:1.1em}.breakout-tile-body{flex:1;justify-content:space-between;gap:1vw;min-height:0;display:flex}.breakout-tile-names{flex-direction:column;gap:.35em;margin:0;padding:0;font-size:.75em;list-style:none;display:flex}.breakout-tile-names li{align-items:center;gap:.4em;display:flex}.breakout-tile-qr{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.3em;font-size:.55em;display:flex}.breakout-present{display:flex;position:relative}.breakout-present>*{flex:1}.breakout-group-board{border-radius:var(--radius-sm);height:11rem;font-size:.8rem;display:flex;position:relative;overflow:hidden}.breakout-group-board .flipchart{box-shadow:none;padding:var(--space-2) var(--space-3);min-height:0}.sheet-controls{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-tint);flex-wrap:wrap;display:flex}.sheet-controls-label{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:8rem;display:flex}.results-groups{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));display:grid}.results-groups h4{margin:0}.results-group-board{height:18rem;display:flex;position:relative}.screen .flipchart-lines{font-size:1.25em}.screen .breakout-tile .flipchart-lines{font-size:1em}.board-fill>.flipchart-wrap{height:100%}:root{--page-bg:var(--color-bg);--page-accent:var(--color-accent);--radius-card:22px;--border-soft:1px solid #221e1f12;--shadow-card:0 1px 1px #221e1f08, 0 10px 30px -18px #221e1f40;--ink-soft:color-mix(in srgb, var(--color-text) 78%, transparent)}:root[data-tone=sky]{--page-bg:var(--sky);--page-accent:var(--sky-vivid)}:root[data-tone=lilac]{--page-bg:var(--lilac);--page-accent:var(--lilac-vivid)}:root[data-tone=peach]{--page-bg:var(--peach);--page-accent:var(--peach-vivid)}:root[data-tone=butter]{--page-bg:var(--butter);--page-accent:var(--butter-vivid)}:root[data-tone=mint]{--page-bg:var(--mint);--page-accent:var(--mint-vivid)}:root[data-tone=pink]{--page-bg:var(--pink);--page-accent:var(--pink-vivid)}html{background:var(--page-bg);transition:background-color .6s var(--ease-out)}body{background:var(--page-bg);transition:background-color .6s var(--ease-out);font-feature-settings:"ss01", "cv01";letter-spacing:-.006em}::selection{background:var(--page-accent);color:#fff}h1,h2,h3{letter-spacing:-.03em;font-weight:600;line-height:1.08}h1{font-size:clamp(2rem,1.4rem + 2.2vw,3.25rem)}.page-header h1,.console-header h1{letter-spacing:-.04em;font-size:clamp(2.1rem,1.5rem + 2.4vw,3.5rem)}.eyebrow{letter-spacing:.07em;color:var(--ink-soft);font-weight:600}a{color:var(--color-text);text-decoration-thickness:1.5px}button,a.button{border-radius:var(--radius-pill);letter-spacing:-.005em;padding:0 1.35em;font-weight:600}button:hover:not(:disabled),a.button:hover{background:color-mix(in srgb, var(--color-primary) 82%, var(--page-accent));transform:translateY(-1px)}.button-quiet,a.button.button-quiet{background:var(--color-surface);color:var(--color-text);box-shadow:none;border:1.5px solid #221e1f29}.button-quiet:hover:not(:disabled),a.button.button-quiet:hover{background:var(--color-surface);border-color:var(--color-text)}.button-ghost:hover:not(:disabled){background:#221e1f0f}.button-present{background:var(--color-text);box-shadow:0 8px 20px -10px #221e1f99}.button-present svg{color:var(--page-accent,#fff)}.button-present:hover:not(:disabled){background:#000}.button-danger{border-radius:var(--radius-pill)}:focus-visible{outline:2.5px solid var(--color-text);outline-offset:3px}input,select,textarea{background:var(--color-surface);border:1.5px solid #221e1f24;border-radius:12px}input:focus,select:focus,textarea:focus{border-color:var(--color-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--page-accent) 30%, transparent)}.card{border-radius:var(--radius-card);border:var(--border-soft);box-shadow:var(--shadow-card)}.badge,.pill{color:var(--color-text);background:#ffffffbf;border:1px solid #221e1f1a;font-weight:600}.next-step{border:var(--border-soft);background:#fff9;border-radius:16px}.placeholder-note{color:var(--color-text);background:#ffffffa6}.empty-state{border-radius:var(--radius-card);background:#ffffff73;border:1.5px dashed #221e1f33}.segmented{background:var(--color-surface);border:1.5px solid #221e1f24;border-radius:22px;flex-wrap:wrap;gap:2px;padding:3px;overflow:visible}.segment{color:var(--color-text);background:0 0;border:0;min-height:36px;border-radius:var(--radius-pill)!important}.segment:hover:not(:disabled){background:#221e1f0f}.segment-on,.segment-on:hover:not(:disabled){background:var(--color-text);color:#fff}.chip{border-radius:var(--radius-pill);box-shadow:none;border:1.5px solid #221e1f24}.chip-on,.chip-on:hover:not(:disabled){background:var(--color-text);border-color:var(--color-text);color:#fff}.app-bar{background:color-mix(in srgb, var(--page-bg) 78%, transparent);transition:background-color .6s var(--ease-out);border-bottom:1px solid #221e1f0f}.brand-link{letter-spacing:-.03em;font-size:1.05rem;font-weight:700}.brand-mark{transition:rotate .9s var(--ease-spring);flex:none}.brand-link:hover .brand-mark{rotate:-8deg}.run-of-show li.current{background:var(--color-surface);border-color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--page-accent) 35%, transparent)}.run-of-show li:hover,.people-list li:hover{background:#221e1f0a}.current .ros-index,.ros-tag{background:var(--color-text)}.ros-tag-next{background:color-mix(in srgb, var(--page-accent) 25%, #fff);color:var(--color-text)}.screen{background:var(--page-bg);transition:background-color .7s var(--ease-out)}.stage-header{border-bottom:0;padding-bottom:.4vh}.stage-title,.screen .stage-title{letter-spacing:-.035em;font-size:1.45em;font-weight:600;line-height:1.05}.stage-prompt{color:var(--ink-soft)}.stage-status{color:var(--color-text);background:#ffffffb3;border:0}.screen-footer,.screen-footer .brand-link{color:var(--ink-soft)}.lobby-join{border:0;border-radius:28px;box-shadow:0 30px 60px -30px #221e1f59}.lobby-people h1{letter-spacing:-.045em;font-size:2.6em}.lobby-person{border:0;box-shadow:0 2px 6px -2px #221e1f2e}.board-empty{color:var(--ink-soft);background:#ffffff59;border:2px dashed #221e1f2e;border-radius:24px}.breakout-wall{grid-auto-rows:auto;align-content:start;height:auto;max-height:100%}.breakout-tile{box-shadow:var(--shadow-card);border:0;border-radius:22px;padding-top:2.2vh;position:relative}.breakout-tile:before{content:"";background:var(--tile-accent);height:.9vh;position:absolute;inset:0 0 auto}.breakout-tile-0,.breakout-group:nth-child(6n+1){--tile-accent:var(--sky-vivid)}.breakout-tile-1,.breakout-group:nth-child(6n+2){--tile-accent:var(--pink-vivid)}.breakout-tile-2,.breakout-group:nth-child(6n+3){--tile-accent:var(--butter-vivid)}.breakout-tile-3,.breakout-group:nth-child(6n+4){--tile-accent:var(--lilac-vivid)}.breakout-tile-4,.breakout-group:nth-child(6n+5){--tile-accent:var(--peach-vivid)}.breakout-tile-5,.breakout-group:nth-child(6n+6){--tile-accent:var(--mint-vivid)}.breakout-group{border:var(--border-soft);box-shadow:inset 0 4px 0 var(--tile-accent);border-radius:18px}.flipchart{background:repeating-linear-gradient(#0000 0 2.15em,#221e1f09 2.15em calc(2.15em + 1px)),#fffdf8;border:0;border-radius:18px;box-shadow:0 1px 1px #221e1f0a,0 24px 50px -30px #221e1f66}.flipchart-head{border-bottom:2px solid var(--color-text)}.flipchart-marker{color:var(--page-accent)}.screen .slide-heading{letter-spacing:-.05em;font-size:3.4em;font-weight:600;line-height:.98}.sticky{letter-spacing:-.015em;background-image:linear-gradient(170deg,#ffffff8c 0%,#ffffff1f 35%,#fff0 60%),linear-gradient(#0000 70%,#00000009);border-radius:3px 3px 4px 4px;font-weight:500;box-shadow:0 .5px #221e1f14,0 2px 3px -1px #221e1f1f,0 18px 22px -16px #221e1f61}.sticky:before{background:linear-gradient(#0000000b,#0000);height:13%}.sticky:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff0 50%,#0000000f 50%,#ffffff80 100%);border-top-left-radius:40% 10%;width:16%;height:16%;position:absolute;bottom:0;right:0}.sticky-likes{color:var(--color-text);background:#ffffffbf}.dot{background:var(--color-text);box-shadow:inset 0 -1px #fff3}.composer-note{background-image:linear-gradient(170deg,#ffffff8c 0%,#fff0 45%),linear-gradient(#0000 70%,#00000009);border-radius:4px;box-shadow:0 2px 3px -1px #221e1f1f,0 26px 30px -22px #221e1f73}.composer-note textarea{letter-spacing:-.02em;font-size:1.3rem;font-weight:500;line-height:1.3}.composer-handle{letter-spacing:.01em;border-top:1.5px dashed #221e1f2e;font-weight:600}.phone{gap:var(--space-5)}.phone h1{letter-spacing:-.04em;font-size:2rem}.phone-me{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-bottom:0}.phone .lead{color:var(--ink-soft);font-size:1.15rem}.group-banner{background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:20px}.icon-picker label{background:#ffffffbf;border:1.5px solid #0000;border-radius:16px}.icon-picker label.selected{border-color:var(--color-text);background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--page-accent) 35%, transparent)}.phone>section{animation:phone-in var(--duration-slow) var(--ease-out) both}@keyframes phone-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}[data-kind-tone=sky]{--kind:var(--sky);--kind-vivid:var(--sky-vivid)}[data-kind-tone=lilac]{--kind:var(--lilac);--kind-vivid:var(--lilac-vivid)}[data-kind-tone=peach]{--kind:var(--peach);--kind-vivid:var(--peach-vivid)}[data-kind-tone=butter]{--kind:var(--butter);--kind-vivid:var(--butter-vivid)}[data-kind-tone=mint]{--kind:var(--mint);--kind-vivid:var(--mint-vivid)}[data-kind-tone=pink]{--kind:var(--pink);--kind-vivid:var(--pink-vivid)}[data-kind-tone] .ros-index{background:var(--kind);color:var(--color-text)}.run-of-show li.current[data-kind-tone] .ros-index{background:var(--color-text);color:#fff;box-shadow:0 0 0 3px var(--kind-vivid)}.flow-item{border:var(--border-soft);box-shadow:var(--shadow-card);border-radius:18px;overflow:hidden}.flow-item[data-kind-tone]{box-shadow:inset 5px 0 0 var(--kind-vivid), var(--shadow-card)}.flow-item-open{border-color:#221e1f33}.template-card{background:var(--color-surface);padding-left:calc(var(--space-4) + 10px);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1.5px solid #0000;border-radius:16px;position:relative}.template-card:before{content:"";background:var(--kind-vivid,var(--color-text));border-radius:4px;width:4px;position:absolute;top:12px;bottom:12px;left:10px}.template-card:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text);transform:translateY(-1px)}.template-card .template-add{background:var(--kind,var(--color-tint));color:var(--color-text)}.builder-library{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c}.template-picker label{background:var(--color-surface);padding:var(--space-4);border:1.5px solid #221e1f14;border-radius:18px;position:relative;overflow:hidden}.template-picker label:before{content:"";background:var(--sky-vivid);height:6px;position:absolute;inset:0 0 auto}.template-picker label:nth-of-type(6n+2):before{background:var(--pink-vivid)}.template-picker label:nth-of-type(6n+3):before{background:var(--butter-vivid)}.template-picker label:nth-of-type(6n+4):before{background:var(--mint-vivid)}.template-picker label:nth-of-type(6n+5):before{background:var(--lilac-vivid)}.template-picker label:nth-of-type(6n+6):before{background:var(--peach-vivid)}.template-picker label:has(:checked){border-color:var(--color-text);background:var(--color-surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--page-accent) 30%, transparent)}.workshop-card{border-radius:20px}.title-input{letter-spacing:-.04em;background:0 0;border-color:#0000;width:100%;min-height:1.3em;font-size:clamp(2rem,1.4rem + 2.2vw,3.25rem);font-weight:600}.title-input:focus{background:#fff9}.board-canvas{background:#fffdf9;border-radius:24px;padding:2vh 1.6vw;box-shadow:0 1px 1px #221e1f0a,0 30px 60px -40px #221e1f73}.board-canvas .note-grid-area{inset:2vh 1.6vw}.board-canvas-fill{flex:1;min-width:0;height:100%;min-height:0;position:relative}.breakout-group-board .board-canvas,.results-group-board .board-canvas{border-radius:12px;padding:6px;box-shadow:inset 0 0 0 1px #221e1f0f}.breakout-group-board .board-canvas .note-grid-area,.results-group-board .board-canvas .note-grid-area{inset:6px}.button-big{border-radius:var(--radius-pill);min-height:60px;font-size:1.05rem}.brand-link{white-space:nowrap;flex:none}html,body{overflow-x:clip}@media (width<=640px){.app-bar{padding:var(--space-2) var(--space-4)}.app-bar-email{display:none}.page{padding:var(--space-5) var(--space-4) var(--space-12)}.console-header{gap:var(--space-3)}.console-header .card-actions{width:100%;margin-left:0}.console-header .card-actions>*{flex:1}.card{padding:var(--space-4);border-radius:18px}}.remote-bar{display:none}@media (width<=760px){.remote-bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c191af0;border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex;position:fixed;box-shadow:0 16px 36px -14px #0000008c}.remote-bar button{flex:none;width:52px;min-height:52px;padding:0;font-size:26px}.remote-bar .button-quiet{color:#fff;background:#ffffff1f;border:0}.remote-bar>button:last-child{background:var(--page-accent);color:#1c191a}.remote-bar-where{text-align:center;flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.remote-bar-where small{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:11px}.console-layout{padding-bottom:88px}}.mobile-only{display:none!important}@media (width<=760px){.mobile-only{display:revert!important}.desktop-only{display:none!important}.builder-layout{grid-template-columns:1fr!important}.builder-library{display:none}.builder-library-open{gap:var(--space-3);z-index:60;background:var(--color-surface);max-height:82dvh;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));animation:sheet-up .28s var(--ease-out) both;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet-backdrop{z-index:55;background:#1c191a59;position:fixed;inset:0}.builder-add{width:100%;min-height:52px}.flow-row{flex-wrap:wrap}.flow-actions{justify-content:flex-end;width:100%}.drag-handle{display:none}}@keyframes sheet-up{0%{translate:0 100%}}@media (width<=640px){.template-picker{min-width:0;scroll-snap-type:x mandatory;gap:var(--space-2);min-inline-size:0;margin-inline:calc(-1 * var(--space-4));padding:0 var(--space-4) var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.template-picker label{scroll-snap-align:start;flex:0 0 72%}.inline-form>*{flex:100%}.workshop-card-main .card-actions{width:100%}.workshop-card-main .card-actions>:last-child{flex:1}.results-stats{grid-template-columns:1fr 1fr}.results-stat{padding:var(--space-3) var(--space-4)}.results-columns{grid-template-columns:1fr!important}.export-bar button{width:100%}}@media (width<=760px){.flow-row{row-gap:var(--space-1);padding:var(--space-3);grid-template-columns:28px minmax(0,1fr)}.flow-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.flow-title{min-height:0}.activity-editor{padding:var(--space-3) var(--space-4) var(--space-4)}}.brand-logos{--logo-h:28px;align-items:center;gap:.9em;display:inline-flex}.brand-logos img{height:var(--logo-h);width:auto;max-width:calc(var(--logo-h) * 4.5);object-fit:contain}.brand-logos img+img{border-left:1px solid #221e1f2e;padding-left:.9em}.screen-footer .brand-logos{--logo-h:3.4vh}.lobby-logos{--logo-h:6vh}.phone-logos{--logo-h:22px;justify-content:center;align-self:center}.join-logos{--logo-h:34px}.captcha-box{z-index:200;position:fixed;bottom:16px;right:16px}.auth-tabs{align-self:flex-start}.auth-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.nudge{background:var(--color-surface);flex-wrap:wrap}.nudge-icon{font-size:1.4rem}.mfa-steps{color:var(--ink-soft);margin:0;padding-left:1.2em}.mfa-qr{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.mfa-qr img{background:#fff;border:1px solid #221e1f1f;border-radius:12px}.mfa-secret{letter-spacing:.08em;word-break:break-all;padding:var(--space-2) var(--space-3);background:var(--color-bg);border-radius:10px;font-size:1.05rem}.account{max-width:760px}.legal-body{max-width:760px;padding:var(--space-8) var(--gutter,20px) var(--space-12);margin:0 auto}.legal-body h1{margin-bottom:var(--space-5);font-size:clamp(2.4rem,1.6rem + 3vw,4rem)}.legal-body h2{margin:var(--space-8) 0 var(--space-3);font-size:1.5rem}.legal-body p,.legal-body li{line-height:1.6}.legal-lead{color:var(--ink-soft);font-size:1.25rem}.site-footer-links{gap:var(--space-4);display:flex}.site-footer-note{font-size:var(--text-xs);flex-basis:100%;margin:0}.site-footer-compact{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.site-footer-compact a{color:inherit}.day-badge{background:var(--color-text);color:#fff;letter-spacing:0;vertical-align:middle;border-radius:999px;margin-left:.4em;padding:.1em .5em;font-size:.4em;display:inline-block}a.button.mobile-only,.app-bar-user a.button{justify-content:center;align-items:center}@media (width<=760px){.app-bar-user a.button.mobile-only{line-height:1;display:inline-flex!important}}.privacy-note{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--ink-soft)}.anon-toggle{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);cursor:pointer;background:#fff9;border-radius:14px;font-weight:600;display:flex;position:relative}.anon-toggle input{opacity:0;width:1px;height:1px;position:absolute}.anon-toggle small{color:var(--ink-soft);font-weight:400;font-size:var(--text-xs);display:block}.anon-switch{width:40px;height:24px;transition:background-color var(--duration-fast) var(--ease-out);background:#221e1f33;border-radius:999px;flex:none;position:relative}.anon-switch:after{content:"";width:18px;height:18px;transition:translate var(--duration-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.anon-toggle input:checked+.anon-switch{background:var(--color-text)}.anon-toggle input:checked+.anon-switch:after{translate:16px}.anon-toggle input:focus-visible+.anon-switch{outline:2.5px solid var(--color-text);outline-offset:2px}.bg-toggle-on{background:var(--color-text)}.landing{--gutter:clamp(16px, 4vw, 56px);min-height:100%}.landing h1,.landing h2,.landing h3{letter-spacing:-.045em}.landing-nav{z-index:30;align-items:center;gap:var(--space-6);padding:14px var(--gutter);background:color-mix(in srgb, var(--page-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);transition:background-color .6s var(--ease-out);display:flex;position:sticky;top:0}.landing-nav nav{gap:var(--space-6);margin-left:auto;display:flex}.landing-nav nav a{white-space:nowrap;color:var(--color-text);font-weight:500;text-decoration:none}.landing-nav nav a:hover{text-decoration:underline}.landing-menu-btn{display:none}@media (width<=1080px){.landing-nav{gap:var(--space-2)}.landing-nav nav,.landing-nav a.landing-nav-cta{display:none}.landing-menu-btn{min-height:40px;margin-left:auto;padding:0 1em;display:inline-flex}.landing-nav nav.landing-menu-open{background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:0;padding:8px;display:flex;position:absolute;top:100%;left:12px;right:12px}.landing-menu-open a{border-radius:12px;padding:14px 16px;font-size:1.1rem}.landing-menu-open a:hover{background:var(--color-bg);text-decoration:none}.landing-menu-cta{font-weight:700}}.landing-hero{max-width:1180px;padding:clamp(36px, 9vh, 110px) var(--gutter) clamp(20px, 4vh, 40px);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.landing-hero h1{letter-spacing:-.055em;margin:0 0 var(--space-6);max-width:14em;font-size:clamp(2.6rem,1.4rem + 5vw,6.2rem);font-weight:600;line-height:.96}.landing-underline{background:linear-gradient(transparent 70%, color-mix(in srgb, var(--page-accent) 55%, transparent) 70% 92%, transparent 92%)}.landing-lead{max-width:38em;color:var(--ink-soft);margin:0 auto;font-size:clamp(1.1rem,1rem + .5vw,1.4rem);line-height:1.45}.landing-ctas{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.landing-section{padding:clamp(56px, 11vh, 130px) var(--gutter);max-width:1440px;margin:0 auto}.landing-showcase{padding-top:var(--space-4)}.landing-section-head{max-width:900px;margin-bottom:var(--space-8)}.landing-section-head h2{margin:0;font-size:clamp(2.1rem,1.3rem + 3.2vw,4.2rem);line-height:1}.carousel{gap:var(--space-4);flex-direction:column;display:flex}.carousel-tabs{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.carousel-tab{color:var(--color-text);background:#fff9;border:1.5px solid #0000;position:relative;overflow:hidden}.carousel-tab:before{content:"";background:var(--kind-vivid);border-radius:50%;width:10px;height:10px}.carousel-tab:hover:not(:disabled){background:var(--color-surface)}.carousel-tab-on,.carousel-tab-on:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text)}.carousel-progress{background:var(--kind-vivid);transform-origin:0;width:100%;height:3px;animation:linear both carousel-progress;position:absolute;bottom:0;left:0}@keyframes carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.carousel-slide{gap:var(--space-8);background:color-mix(in srgb, var(--kind) 45%, #fff);box-shadow:var(--shadow-card);transition:background-color .6s var(--ease-out);border-radius:36px;grid-template-columns:minmax(0,.75fr) minmax(0,2fr);align-items:center;padding:clamp(24px,4vw,56px);display:grid}.carousel-copy{animation:slide-in .5s var(--ease-out) both}.carousel-copy h2{margin:0 0 var(--space-4);font-size:clamp(1.8rem,1.2rem + 2vw,3rem);line-height:1.02}.carousel-copy p:not(.eyebrow){color:var(--ink-soft);font-size:1.1rem}.carousel-arrows{align-items:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.carousel-arrows .button-quiet{width:48px;padding:0;font-size:1.4rem}.carousel-visual{animation:slide-in .5s var(--ease-out) both;padding-bottom:6%;padding-right:13%;position:relative}.device-screen{background:#1c191a;border-radius:18px;padding:10px;position:relative;box-shadow:0 40px 80px -40px #221e1f99}.device-screen .scaled-preview{box-shadow:none;border:0;border-radius:10px}.device-phone{aspect-ratio:9/18.5;width:27%;min-width:150px;animation:phone-pop .6s var(--ease-spring) both;background:#1c191a;border-radius:30px;padding:8px;position:absolute;bottom:0;right:0;box-shadow:0 40px 70px -30px #221e1fa6}.device-phone-inner{border-radius:23px;height:100%;overflow:hidden}.device-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:600;position:absolute;top:-1.9em;left:4px}@keyframes slide-in{0%{opacity:0;translate:0 12px}}@keyframes phone-pop{0%{opacity:0;translate:0 30px}}.mock-screen{aspect-ratio:16/9;background:var(--butter);border-radius:10px;flex-direction:column;gap:2%;padding:3% 3.5%;display:flex;position:relative;overflow:hidden}.mock-screen-title{letter-spacing:-.03em;margin:0;font-size:clamp(12px,1.6vw,22px);font-weight:600}.mock-matrix{background:#fffdf9;border-radius:12px;flex:1;position:relative}.mock-axis{background:#221e1f40;position:absolute}.mock-axis-x{height:2px;top:50%;left:4%;right:4%}.mock-axis-y{width:2px;top:6%;bottom:6%;left:50%}.mock-q{color:var(--ink-soft);font-size:clamp(8px,.9vw,12px);font-weight:600;position:absolute}.mock-q-tl{top:3%;left:52%}.mock-q-br{bottom:52%;right:3%}.mock-sticky{aspect-ratio:1;border-radius:2px;width:15%;padding:1.2%;font-size:clamp(7px,.9vw,13px);font-weight:500;line-height:1.15;position:absolute;translate:-50% -50%;box-shadow:0 8px 12px -8px #221e1f80}.mock-sticky-moving{animation:matrix-glide 4s var(--ease-out) infinite;outline:2px dashed #221e1f80}@keyframes matrix-glide{0%,12%{top:50%;left:50%}60%,to{top:30%;left:26%}}.mock-mini{background:#fff;border-radius:12px;flex:1;min-height:46%;position:relative}.mock-mini-note{aspect-ratio:1;background:var(--note-5);border-radius:3px;width:26%;position:absolute;translate:-50% -50%;box-shadow:0 6px 10px -6px #221e1f80}.mock-mini-moving{animation:matrix-glide 4s var(--ease-out) infinite}.mock-finger{font-size:20px;position:absolute;bottom:-55%;right:-40%}.mock-screen-report{background:var(--mint);place-items:center;display:grid}.mock-page{aspect-ratio:1/1.414;background:#fff;border-radius:6px;flex-direction:column;grid-area:1/1;gap:6%;width:36%;padding:8% 6% 4%;display:flex;position:relative;overflow:hidden;rotate:-2deg;box-shadow:0 20px 40px -24px #221e1f99}.mock-page-back{background:#f6f3ef;translate:18% 4%;rotate:5deg}.mock-page-stripe{background:linear-gradient(90deg, var(--sky-vivid) 0 16.6%, var(--lilac-vivid) 0 33.3%, var(--peach-vivid) 0 50%, var(--butter-vivid) 0 66.6%, var(--mint-vivid) 0 83.3%, var(--pink-vivid) 0);height:4%;position:absolute;inset:0 0 auto}.mock-page-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:clamp(5px,.6vw,9px)}.mock-page-title{letter-spacing:-.04em;font-size:clamp(10px,1.4vw,20px);font-weight:700;line-height:1}.mock-page-facts{gap:8%;font-size:clamp(5px,.6vw,9px);display:flex}.mock-page-notes{grid-template-columns:repeat(3,1fr);gap:5%;display:grid}.mock-page-notes i{aspect-ratio:1;border-radius:2px}.mock-page-bars{flex-direction:column;gap:5px;display:flex}.mock-page-bars i{background:var(--mint-vivid);border-radius:3px;height:6px}.mock-download{background:var(--color-text);color:#fff;border-radius:999px;padding:.5em 1em;font-size:clamp(8px,1vw,14px);font-weight:600;animation:2.6s ease-in-out infinite download-bob;position:absolute;top:22%;left:6%;box-shadow:0 10px 20px -10px #221e1f99}.mock-download-2{color:var(--color-text);background:#fff;animation-delay:.6s;top:40%}@keyframes download-bob{0%,to{translate:0}50%{translate:0 -6px}}.mock-brand{position:relative}.mock-brand-chip{color:#fff;white-space:nowrap;background:#1c191ae6;border-radius:999px;padding:.45em 1em;font-size:clamp(9px,1vw,14px);font-weight:600;position:absolute;bottom:6%;left:50%;translate:-50%}.mock-phone{background:var(--kind);height:100%;color:var(--color-text);transition:background-color .6s var(--ease-out);flex-direction:column;gap:10px;padding:14px 12px;font-size:11px;line-height:1.3;display:flex}.mock-me{background:#ffffffbf;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-weight:600;display:flex}.mock-avatar{background:var(--kind-vivid);border-radius:50%;width:14px;height:14px}.mock-title{letter-spacing:-.03em;margin:0;font-size:15px;font-weight:600;line-height:1.12}.mock-note{background:linear-gradient(170deg, #ffffff8c, #fff0 45%), var(--note-1);letter-spacing:-.02em;border-radius:3px;flex-direction:column;justify-content:space-between;gap:10px;min-height:42%;padding:12px;font-size:14px;font-weight:500;display:flex;rotate:-1.2deg;box-shadow:0 16px 18px -14px #221e1f73}.mock-swipe{text-align:center;opacity:.55;border-top:1px dashed #221e1f33;padding-top:6px;font-size:10px;font-weight:600}.mock-small{color:var(--ink-soft);margin:0}.mock-banner{background:#fff;border-radius:12px;flex-direction:column;padding:8px 10px;display:flex}.mock-banner small{text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-size:9px}.mock-banner strong{letter-spacing:-.03em;font-size:14px}.mock-sheet{background:#fffdf8;border-radius:10px;flex-direction:column;gap:4px;padding:10px;display:flex;box-shadow:0 10px 18px -14px #221e1f80}.mock-sheet strong{border-bottom:1.5px solid var(--color-text);margin-bottom:2px;padding-bottom:3px}.mock-input{color:var(--ink-soft);background:#fff;border:1px solid #221e1f1f;border-radius:9px;margin-top:auto;padding:8px 10px}.mock-option{background:#fff;border:1.5px solid #0000;border-radius:12px;padding:10px;font-weight:600}.mock-option-on{border-color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--kind-vivid) 40%, transparent)}.mock-photo{background:#fff;border-radius:4px;padding:8px 8px 4px;rotate:1.5deg;box-shadow:0 12px 18px -12px #221e1f80}.mock-photo-img{aspect-ratio:1;background:radial-gradient(circle at 30% 35%, #fff6 0 12%, transparent 13%), linear-gradient(160deg, var(--sky-vivid), var(--mint-vivid) 60%, var(--butter-vivid));border-radius:2px;display:block}.mock-photo-cap{text-align:center;padding:6px 2px;font-weight:500;display:block}.mock-send{background:var(--color-text);color:#fff;text-align:center;border-radius:999px;margin-top:auto;padding:10px;font-weight:600}.mock-tally{gap:6px;display:grid}.mock-tally span{background:#fff;border-radius:10px;padding:8px 10px}.mock-tally b{letter-spacing:-.03em;font-size:15px}.mock-brand-logo{letter-spacing:-.02em;text-align:center;background:#fff;border-radius:10px;padding:6px;font-size:13px;font-weight:800}.landing-benefits{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-benefit{background:var(--color-surface);padding:var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--duration-med) var(--ease-out);border-radius:26px}.landing-benefit:hover{transform:translateY(-4px)}.landing-benefit-icon{background:var(--kind);width:54px;height:54px;margin-bottom:var(--space-4);border-radius:16px;place-items:center;font-size:1.6rem;display:grid}.landing-benefit h3{margin:0 0 var(--space-2);font-size:1.45rem}.landing-benefit p{color:var(--ink-soft);margin:0}.how-diagram{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);background:#fff9;border-radius:32px;grid-template-columns:1fr minmax(40px,.35fr) 1.3fr minmax(40px,.35fr) 1fr;padding:clamp(20px,4vw,48px);display:grid}.how-node{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;margin:0;display:flex}.how-node figcaption{color:var(--ink-soft);flex-direction:column;gap:4px;max-width:16em;font-size:.95rem;display:flex}.how-node figcaption strong{color:var(--color-text);font-size:1.1rem}.how-laptop{width:min(100%,220px)}.how-laptop-screen{aspect-ratio:16/10;background:#fff;border:8px solid #1c191a;border-radius:12px 12px 4px 4px;flex-direction:column;gap:6%;padding:8%;display:flex}.how-mini-row{background:var(--color-bg);text-align:left;border-radius:6px;padding:3% 6%;font-size:10px;font-weight:600}.how-mini-on{background:var(--butter);box-shadow:inset 3px 0 0 var(--butter-vivid)}.how-mini-btn{background:var(--color-text);color:#fff;border-radius:999px;align-self:flex-end;margin-top:auto;padding:3% 8%;font-size:10px;font-weight:600}.how-laptop-base{background:#3a3536;border-radius:0 0 10px 10px;height:10px;margin:0 -8%}.how-screen{aspect-ratio:16/9;background:var(--sky);border:10px solid #1c191a;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:8%;width:100%;padding:8%;display:grid;box-shadow:0 30px 60px -30px #221e1f80}.how-screen-qr{background:#fff;border-radius:6px;grid-template-columns:repeat(5,1fr);gap:2px;width:clamp(48px,7vw,90px);padding:6px;display:grid}.how-screen-qr i{aspect-ratio:1}.how-screen-qr i.on{background:var(--color-text)}.how-screen-notes{grid-template-columns:repeat(2,1fr);gap:8%;display:grid}.how-screen-notes span{aspect-ratio:1;animation:note-land 3s var(--ease-spring) infinite;border-radius:2px;box-shadow:0 6px 10px -6px #221e1f80}.how-screen-notes span:nth-child(2){animation-delay:.4s}.how-screen-notes span:nth-child(3){animation-delay:.8s}.how-screen-notes span:nth-child(4){animation-delay:1.2s}.how-phones{gap:10px;display:flex}.how-phone{aspect-ratio:9/18;background:#fff;border:4px solid #1c191a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12%;width:clamp(38px,4.5vw,56px);animation:2.6s ease-in-out infinite phone-bob;display:flex}.how-phone-qr{aspect-ratio:1;background:linear-gradient(90deg, var(--color-text) 30%, transparent 30% 70%, var(--color-text) 70%) top / 100% 30% no-repeat, linear-gradient(90deg, var(--color-text) 30%, transparent 30% 70%, var(--color-text) 70%) bottom / 100% 30% no-repeat;border-radius:2px;width:50%}.how-phone-note{aspect-ratio:1;border-radius:2px;width:64%}@keyframes phone-bob{0%,to{translate:0}50%{translate:0 -6px}}.how-link{background:#221e1f1f;border-radius:2px;height:4px;position:relative;overflow:hidden}.how-flow{background:repeating-linear-gradient(90deg, var(--color-text) 0 10px, transparent 10px 20px);background-size:20px 100%;animation:1.2s linear infinite flow-right;position:absolute;inset:0}.how-link-back .how-flow{animation-name:flow-left}@keyframes flow-right{0%{background-position:0 0}to{background-position:20px 0}}@keyframes flow-left{0%{background-position:20px 0}to{background-position:0 0}}.landing-steps{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-steps>li{background:var(--color-surface);padding:var(--space-6);box-shadow:var(--shadow-card);border-radius:26px}.landing-steps h3{margin:var(--space-3) 0 var(--space-2);font-size:1.5rem}.landing-steps p{color:var(--ink-soft);margin:0}.landing-step-num{background:var(--color-text);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.landing-templates{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-template{background:var(--color-surface);padding:var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--duration-med) var(--ease-out);border-radius:28px}.landing-template:hover{transform:translateY(-4px)rotate(-.4deg)}.landing-template-strip{margin-bottom:var(--space-5);gap:4px;display:flex}.landing-template-strip span{background:var(--kind);height:44px;box-shadow:inset 0 -5px 0 var(--kind-vivid);border-radius:8px;flex:1}.landing-template h3{margin:0 0 var(--space-2);font-size:1.6rem}.landing-template p{color:var(--ink-soft)}.landing-template-meta{font-weight:600;font-size:var(--text-sm)}.landing-template-kinds{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.landing-template-kinds li{background:var(--color-bg);font-size:var(--text-xs);border-radius:999px;padding:3px 10px;font-weight:600}.landing-final{text-align:center;align-items:center;gap:var(--space-4);padding:clamp(64px, 14vh, 160px) var(--gutter);flex-direction:column;display:flex}.landing-final h2{max-width:12em;margin:0;font-size:clamp(2.4rem,1.4rem + 4vw,5.5rem);line-height:.98}.landing-final .brand-mark{transform-origin:50% 85%;animation:3s ease-in-out infinite alternate mantis-wave}@keyframes mantis-wave{0%{rotate:-6deg}to{rotate:6deg}}.landing-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--gutter) var(--space-8);font-size:var(--text-sm);color:var(--ink-soft);border-top:1px solid #221e1f1a;flex-wrap:wrap;display:flex}.landing-footer a{color:var(--color-text)}@media (prefers-reduced-motion:reduce){.mock-sticky-moving,.mock-mini-moving{animation:4s ease-out infinite matrix-glide!important}.how-flow{animation:1.6s linear infinite flow-right!important}.how-link-back .how-flow{animation-name:flow-left!important}.landing-final .brand-mark{animation:3s ease-in-out infinite alternate mantis-wave!important}}@media (width<=900px){.carousel-slide{grid-template-columns:1fr}.how-diagram{grid-template-columns:1fr;justify-items:center}.how-link{width:4px;height:36px}.how-flow{background:repeating-linear-gradient(180deg, var(--color-text) 0 10px, transparent 10px 20px);background-size:100% 20px;animation-name:flow-down}.how-link-back .how-flow{animation-name:flow-up}.how-node-main .how-screen{max-width:380px}}@keyframes flow-down{0%{background-position:0 0}to{background-position:0 20px}}@keyframes flow-up{0%{background-position:0 20px}to{background-position:0 0}}@media (width<=760px){.landing-section{padding-top:56px;padding-bottom:56px}.landing-showcase{padding-top:var(--space-2)}.landing-section-head{margin-bottom:var(--space-5)}.landing-benefits,.landing-steps,.landing-templates{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) var(--space-4);gap:var(--space-3);scrollbar-width:none;grid-template-columns:none;display:flex;overflow-x:auto}.landing-benefit,.landing-steps>li,.landing-template{scroll-snap-align:start;flex:0 0 80%}.carousel-tabs{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.carousel-tab{flex:none}.carousel-slide{gap:var(--space-5);border-radius:28px;padding:20px}.carousel-copy p:not(.eyebrow){font-size:1rem}.carousel-arrows{margin-top:var(--space-3)}.carousel-visual{padding:22px 0 0}.device-screen{border-radius:10px;padding:5px}.device-phone{border-radius:22px;width:48%;min-width:0;margin:-14% 4px 0 auto;padding:5px;position:relative}.device-phone .device-label{display:none}.device-phone-inner{border-radius:18px}.device-phone .mock-phone{zoom:.7;height:142.857%}.landing-final{padding-top:64px;padding-bottom:64px}}.demo-screen{--loop:6s;aspect-ratio:16/9;background:var(--kind);border-radius:10px;flex-direction:column;gap:2.5cqw;padding:3% 3.5%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.demo-title{letter-spacing:-.03em;margin:0;font-size:3cqw;font-weight:600;line-height:1.1}.demo-board{flex:1;position:relative}.demo-sticky{aspect-ratio:1;border-radius:2px;flex-direction:column;justify-content:space-between;width:18%;padding:1.4cqw;font-size:1.7cqw;font-weight:500;line-height:1.15;display:flex;position:absolute;box-shadow:0 1cqw 1.4cqw -1cqw #221e1f80}.demo-sticky small{opacity:.6;font-size:1.3cqw}.demo-polaroid{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:2px;width:16%;padding:.8cqw .8cqw 0;font-size:1.3cqw;font-weight:500;line-height:2.6cqw;position:absolute;overflow:hidden;box-shadow:0 1cqw 1.6cqw -1cqw #221e1f80}.demo-polaroid i{aspect-ratio:1;border-radius:1px;display:block}.demo-photo-new{background:radial-gradient(circle at 30% 35%, #fff6 0 12%, transparent 13%), linear-gradient(160deg, var(--sky-vivid), var(--mint-vivid) 60%, var(--butter-vivid))}.demo-arrive{outline:.4cqw solid var(--color-text);outline-offset:.3cqw;animation:demo-arrive var(--loop) var(--ease-out) infinite}@keyframes demo-arrive{0%,42%{opacity:0;transform:translateY(40%)scale(.5)}48%{opacity:1;outline-color:var(--color-text);transform:translateY(-6%)scale(1.08)}54%{transform:none}80%{outline-color:#0000}90%{opacity:1;outline-color:#0000;transform:none}to{opacity:0;outline-color:#0000;transform:none}}.demo-count{background:#fffc;border-radius:999px;padding:.6cqw 1.4cqw;font-size:1.5cqw;font-weight:600;display:grid;position:absolute;bottom:3%;left:3.5%}.demo-swap-a,.demo-swap-b{grid-area:1/1}.demo-swap-a{animation:6s step-end infinite demo-swap-a}.demo-swap-b{animation:6s step-end infinite demo-swap-b}@keyframes demo-swap-a{0%{opacity:1}47%{opacity:0}96%{opacity:1}}@keyframes demo-swap-b{0%{opacity:0}47%{opacity:1}96%{opacity:0}}.device-phone .mock-phone{position:relative}.demo-stack{display:grid;position:relative}.demo-stack>*{grid-area:1/1}.demo-note-blank{color:var(--ink-soft);rotate:0deg}.demo-placeholder{opacity:.6}.demo-photo-again{border:2px dashed #221e1f40;border-radius:6px;place-items:center;display:grid}.demo-fly{animation:demo-fly 6s var(--ease-out) infinite}@keyframes demo-fly{0%,28%{opacity:1;transform:none}42%{opacity:0;transform:translateY(-140%)scale(.85)rotate(-4deg)}92%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:none}}.demo-finger{pointer-events:none;filter:drop-shadow(0 2px 2px #00000040);font-size:22px;position:absolute}.demo-finger-swipe{animation:demo-finger-swipe 6s var(--ease-out) infinite;bottom:8%;right:18%}@keyframes demo-finger-swipe{0%,16%{opacity:0;transform:translateY(20px)}22%{opacity:1;transform:none}36%{opacity:1;transform:translateY(-110px)}42%,to{opacity:0;transform:translateY(-120px)}}.demo-toast{text-align:center;font-weight:600;animation:6s ease-out infinite demo-toast}@keyframes demo-toast{0%,40%{opacity:0}46%,88%{opacity:1}94%,to{opacity:0}}.demo-finger-send{animation:demo-finger-tap 6s var(--ease-out) infinite;bottom:4%;left:55%}.demo-press{animation:6s ease-out infinite demo-press}@keyframes demo-press{0%,27%,33%,to{transform:none}30%{transform:scale(.94)}}@keyframes demo-finger-tap{0%,16%{opacity:0;transform:translate(16px,22px)}24%{opacity:1;transform:none}29%{transform:scale(.85)}34%{opacity:1;transform:none}44%,to{opacity:0}}.demo-groups{flex:1;grid-template-columns:1fr 1fr;gap:1.6cqw;display:grid}.demo-group{border-top:.8cqw solid var(--kind-vivid);background:#fffdf8;border-radius:1.4cqw;flex-direction:column;gap:.5cqw;padding:1.4cqw 1.8cqw;font-size:1.7cqw;display:flex;box-shadow:0 1cqw 1.8cqw -1.4cqw #221e1f80}.demo-group strong{margin-bottom:.4cqw;font-size:1.9cqw}.demo-typing{color:var(--ink-soft);margin-top:auto;font-size:1.3cqw;font-style:italic}.demo-line{animation:6s var(--ease-out) infinite}.demo-line-1{animation-name:demo-line-1}.demo-line-2{animation-name:demo-line-2}.demo-line-3{animation-name:demo-line-3}@keyframes demo-line-1{0%,14%{opacity:0;transform:translate(-8px)}20%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes demo-line-2{0%,38%{opacity:0;transform:translate(-8px)}44%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes demo-line-3{0%,62%{opacity:0;transform:translate(-8px)}68%,92%{opacity:1;transform:none}98%,to{opacity:0}}.demo-caret:after{content:"";vertical-align:-2px;background:var(--color-text);width:1.5px;height:1.1em;margin-left:2px;animation:.9s step-end infinite demo-blink;display:inline-block}@keyframes demo-blink{50%{opacity:0}}.demo-bars{flex-direction:column;flex:1;justify-content:center;gap:2cqw;padding-bottom:3cqw;display:flex}.demo-bar{grid-template-columns:24% 1fr 5%;align-items:center;gap:1.6cqw;font-size:2cqw;font-weight:600;display:grid}.demo-bar-track{background:#fff9;border-radius:1cqw;height:4.2cqw;overflow:hidden}.demo-bar-track i{height:100%;width:var(--to);background:var(--kind-vivid);border-radius:1cqw;display:block}.demo-bar-live .demo-bar-track i{background:var(--color-text);animation:demo-bar-grow 6s var(--ease-spring) infinite}@keyframes demo-bar-grow{0%,42%{width:var(--from)}50%,94%{width:var(--to)}to{width:var(--from)}}.demo-bar-n{text-align:right;display:grid}.demo-tap{animation:6s ease-out infinite demo-select;position:relative}.demo-finger-tap{animation:demo-finger-tap 6s var(--ease-out) infinite;top:30%;right:10%}@keyframes demo-select{0%,29%{box-shadow:none;border-color:#0000}31%,94%{border-color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--kind-vivid) 40%, transparent)}to{box-shadow:none;border-color:#0000}}.demo-timer{background:#fff9;border-radius:1cqw;height:1cqw;overflow:hidden}.demo-timer i{background:var(--color-text);transform-origin:0;height:100%;animation:6s linear infinite demo-timer;display:block}@keyframes demo-timer{0%{transform:scaleX(1)}46%,to{transform:scaleX(0)}}.demo-answers{flex:1;grid-template-columns:1fr 1fr;gap:1.6cqw;padding-bottom:5cqw;display:grid}.demo-answer{color:#fff;border-radius:1.6cqw;align-items:center;gap:1.6cqw;padding:0 2.4cqw;font-size:2.6cqw;font-weight:600;display:flex;position:relative}.demo-answer b{opacity:.85;font-size:2.2cqw}.demo-answer em{margin-left:auto;font-size:3.4cqw;font-style:normal;animation:6s ease-out infinite demo-toast}.demo-answer-wrong{animation:6s ease-out infinite demo-fade-wrong}.demo-answer-right{animation:demo-pop-right 6s var(--ease-spring) infinite}@keyframes demo-fade-wrong{0%,46%,to{opacity:1}50%,94%{opacity:.3}}@keyframes demo-pop-right{0%,46%,to{transform:none}50%{transform:scale(1.05)}54%,94%{transform:scale(1.02)}}.demo-quiz-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.demo-quiz-btn{aspect-ratio:1.15;color:#fff;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:8px;font-size:11px;font-weight:600;display:flex;position:relative}.demo-quiz-btn b{font-size:14px}.demo-tap-quiz{animation:6s ease-out infinite demo-quiz-tap}@keyframes demo-quiz-tap{0%,27%{box-shadow:none;transform:none}30%{transform:scale(.92)}33%,94%{box-shadow:0 0 0 3px var(--color-text);transform:none}to{box-shadow:none}}.demo-quiz-result{text-align:center;background:#fff;border-radius:12px;margin-top:auto;padding:10px;font-size:11px;display:grid}.demo-quiz-result b{font-size:15px;display:block}.demo-quiz-wait{grid-area:1/1;animation:6s step-end infinite demo-quiz-wait}@keyframes demo-quiz-wait{0%{opacity:1}31%{opacity:0}}.demo-quiz-result .demo-swap-a{animation-name:demo-quiz-locked}@keyframes demo-quiz-locked{0%{opacity:0}31%{opacity:1}47%{opacity:0}}.demo-groups,.demo-bars,.demo-answers{margin-right:20%}.carousel-slide{touch-action:pan-y}.carousel-dots{margin-top:var(--space-3);justify-content:center;gap:6px;display:none}.carousel-dots button{width:8px;height:8px;min-height:0;transition:width var(--duration-fast) var(--ease-out);background:#221e1f40;border:0;border-radius:999px;padding:0}.carousel-dots button[aria-current=true]{background:var(--color-text);width:22px}.mock-mini{aspect-ratio:1;flex:none;min-height:0}@media (prefers-reduced-motion:reduce){.demo-screen *,.mock-phone [class*=demo-]{animation-duration:6s!important;animation-iteration-count:infinite!important}.demo-caret:after{animation-duration:.9s!important;animation-iteration-count:infinite!important}}@media (width<=760px){.carousel-arrows{display:none}.carousel-dots{display:flex}}