:root{--board:#000;--chalk:#f3f1e8;--chalk-dim:#a9a79d;--yellow:#ffd84d;--blue:#6ec6ff;--pink:#ff8fb1;--green:#7be495;--red:#ff7b7b;--font:"Gaegu", "Comic Sans MS", "Segoe Print", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--board) radial-gradient(#ffffff0f 1px, transparent 1px) 0 0 / 7px 7px;color:var(--chalk);font-family:var(--font);letter-spacing:.5px;-webkit-text-size-adjust:100%;margin:0;font-size:clamp(1.05rem,.6rem + 1.1vw,1.3rem)}.app{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:16px;display:flex}.stack{flex-direction:column;align-items:stretch;gap:18px;width:min(340px,100%);display:flex}.title{text-align:center;text-shadow:0 0 2px #ffffff80;margin:0 0 8px;font-size:clamp(2.2rem,7vw + 1rem,3.5rem);font-weight:700}.chalk-yellow{--chalk:var(--yellow)}.chalk-blue{--chalk:var(--blue)}.chalk-pink{--chalk:var(--pink)}.chalk-green{--chalk:var(--green)}.btn,.arrow{isolation:isolate;color:var(--chalk);font-family:var(--font);cursor:pointer;background:0 0;border:0;font-weight:700;position:relative}.btn:before,.arrow:before,.card:before{content:"";z-index:-1;pointer-events:none;border:3px solid var(--chalk);filter:url(#chalk);position:absolute;inset:0}.btn{min-height:48px;padding:12px 20px;font-size:clamp(1.2rem,1rem + .8vw,1.6rem)}.btn:before{border-radius:12px 6px 14px 8px}.btn:hover:not(:disabled):before,.arrow:hover:not(:disabled):before{background:color-mix(in srgb, var(--chalk) 16%, transparent)}.btn:focus-visible,.arrow:focus-visible,.field input:focus-visible{outline:2px dashed var(--chalk);outline-offset:4px}.btn:disabled,.arrow:disabled{opacity:.4;cursor:not-allowed}.arrow{flex:none;width:52px;height:52px;padding:0 0 6px;font-size:2.2rem;line-height:1}.arrow:before{border-radius:50% 46% 52% 48%}.field{color:var(--chalk-dim);flex-direction:column;gap:2px;padding-bottom:6px;font-size:1.1rem;display:flex;position:relative}.field:after{content:"";border-bottom:3px solid var(--chalk);filter:url(#chalk);pointer-events:none;height:14px;position:absolute;bottom:-4px;left:0;right:0}.field input{font:inherit;color:var(--chalk);outline-offset:2px;background:0 0;border:0;padding:6px 2px;font-size:1.5rem}.error{color:var(--red);text-align:center;margin:0}.muted{color:var(--chalk-dim);text-align:center;margin:0;font-size:1.05rem}.session{flex-direction:column;align-items:center;gap:clamp(18px,3vh,32px);width:min(760px,100%);padding-top:64px;display:flex}.stage{align-items:center;gap:14px;width:100%;display:flex}.card{isolation:isolate;overflow-wrap:anywhere;text-align:center;background:#232625;border-radius:28px 24px 32px 26px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:clamp(120px,26vh,240px);padding:28px 32px;font-size:clamp(1.3rem,1rem + 1.6vw,2.2rem);font-weight:700;line-height:1.25;display:flex;position:relative}.card:before{border-radius:28px 24px 32px 26px}.participants{flex-direction:column;gap:8px;width:min(360px,100%);margin:0;padding:0;font-size:1.4rem;list-style:none;display:flex}.participants li{align-items:center;gap:10px;display:flex}.participants li:nth-child(4n+1) .user-icon{color:var(--yellow)}.participants li:nth-child(4n+2) .user-icon{color:var(--blue)}.participants li:nth-child(4n+3) .user-icon{color:var(--pink)}.participants li:nth-child(4n) .user-icon{color:var(--green)}code{word-break:break-all;color:var(--chalk)}.leave-corner{z-index:10;padding:8px 14px;font-size:1.1rem;position:fixed;top:14px;right:14px}@media (width<=599px){.app{padding:12px}.card{padding:18px 14px}.arrow{width:44px;height:44px;font-size:1.9rem}.stage{gap:8px}.leave-corner{padding:6px 10px;font-size:1rem;top:10px;right:10px}}@media (width>=600px){.session{width:min(860px,100%)}.stage{gap:20px}}@media (width>=1024px){.session{width:min(980px,100%)}.stage{gap:28px}.arrow{width:64px;height:64px;font-size:2.6rem}.card{padding:36px 44px}}@media (height<=500px){.session{gap:12px;padding-top:48px}.card{min-height:110px}}.check{cursor:pointer;align-items:center;gap:10px;font-size:1.15rem;display:flex}.check input{width:22px;height:22px;accent-color:var(--yellow);margin:0}.reveal{grid-template-rows:0fr;transition:grid-template-rows .45s;display:grid}.reveal.open{grid-template-rows:1fr}.reveal-inner{opacity:0;min-height:0;padding:6px 4px;transition:opacity .3s;overflow:hidden}.reveal.open .reveal-inner{opacity:1;transition-delay:.15s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-inner{transition:none}}.own-questions{color:var(--chalk-dim);flex-direction:column;gap:8px;font-size:1.1rem;display:flex}.chalk-frame{isolation:isolate;position:relative}.chalk-frame:before{content:"";z-index:-1;pointer-events:none;border:3px solid var(--chalk);filter:url(#chalk);border-radius:14px 10px 16px 12px;position:absolute;inset:0}.chalk-frame:focus-within:before{background:color-mix(in srgb, var(--chalk) 10%, transparent)}.chalk-frame textarea{resize:vertical;width:100%;min-height:150px;color:var(--chalk);font:inherit;background:0 0;border:0;outline:none;padding:12px;font-size:1.1rem}