@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a0f0e;--bg-1: #0d1312;--bg-2: #121917;--text: #e9f0ed;--muted: #9bada7;--faint: #61716b;--teal: #5cc7ab;--teal-bright: #82e6cb;--amber: #fbbf24;--rose: #ff8fa3;--line: rgba(124, 224, 196, .1);--line-strong: rgba(124, 224, 196, .22);--card: rgba(255, 255, 255, .025);--card-hover: rgba(255, 255, 255, .05);--code-bg: #080d0c;--glow-teal: rgba(92, 199, 171, .5);--glow-amber: rgba(245, 158, 11, .42);--radius: 1.3rem;--radius-sm: .8rem;--maxw: 78rem;--font: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-display: "Geist Variable", "Space Grotesk Variable", system-ui, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);color:var(--text);font-family:var(--font);background:var(--bg);color-scheme:dark;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(40rem 32rem at 88% -10%,var(--glow-amber),transparent 60%),radial-gradient(44rem 36rem at 0% -6%,var(--glow-teal),transparent 62%),var(--bg);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#root{min-height:100vh}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:0 1.1rem;border:1px solid transparent;border-radius:999px;cursor:pointer;font-family:var(--font);font-weight:600;font-size:.9rem;white-space:nowrap;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.button--primary{background:var(--teal);color:#04201b}.button--primary:hover{background:var(--teal-bright)}.button--ghost{border-color:var(--line-strong);background:var(--card);color:var(--text)}.button--ghost:hover{border-color:var(--teal);background:var(--card-hover)}.chip{min-height:34px;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-weight:600;font-size:.82rem;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background-color .2s var(--ease)}.chip:hover{color:var(--text);border-color:var(--line-strong)}.chip[aria-pressed=true]{color:#04201b;background:var(--teal);border-color:var(--teal)}.chip--danger:hover{color:var(--rose);border-color:var(--rose)}.swatch{width:22px;height:22px;border-radius:999px;border:2px solid transparent;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;padding:0}.swatch[aria-pressed=true]{border-color:var(--text)}.demo-error{position:fixed;inset:0 0 auto;z-index:200;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.7rem 1rem;background:color-mix(in srgb,var(--rose) 16%,var(--bg));border-bottom:1px solid var(--line-strong);color:var(--text);font-size:.9rem}.demo-error button{border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:999px;padding:.3rem .8rem;cursor:pointer}.playground{position:relative;min-height:100vh}.demo-page__glow{position:fixed;width:28rem;height:28rem;border-radius:999px;filter:blur(80px);opacity:.42;pointer-events:none;z-index:0}.demo-page__glow--left{top:-10rem;left:-9rem;background:radial-gradient(circle,var(--glow-teal),transparent 62%)}.demo-page__glow--right{top:14rem;right:-10rem;background:radial-gradient(circle,var(--glow-amber),transparent 60%)}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.8rem 1.4rem;background:color-mix(in srgb,var(--bg) 74%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line)}.topbar__brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.02em}.topbar__brand img{border-radius:.5rem}.topbar__brand em{font-style:normal;color:var(--teal)}.topbar__nav{order:3;flex-basis:100%;display:flex;gap:.3rem;flex-wrap:wrap}.topbar__tab{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-weight:600;font-size:.86rem;cursor:pointer;transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease)}.topbar__tab:hover{color:var(--text);background:var(--card)}.topbar__tab[aria-current=page]{color:var(--text);background:var(--card-hover);border-color:var(--line)}.topbar__right{display:inline-flex;align-items:center;gap:.6rem;margin-left:auto}.topbar__identity{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);font-weight:600;font-size:.86rem;cursor:pointer}.topbar__swatch{width:12px;height:12px;border-radius:999px}.identity-pop{position:absolute;top:calc(100% + .5rem);right:1.4rem;z-index:120;display:grid;gap:.7rem;width:18rem;padding:1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-1);box-shadow:0 24px 50px -20px #000c}.identity-pop label{font-size:.8rem;font-weight:600;color:var(--muted)}.identity-pop input{min-height:42px;padding:0 .8rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text)}.identity-pop input:focus-visible{outline:none;border-color:var(--teal)}.identity-pop__colors{display:flex;flex-wrap:wrap;gap:.5rem}.playground__main{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:1.6rem 1.4rem 3rem}.stage{display:grid;gap:1.1rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:inset 0 1px #ffffff0a}.stage__head{display:flex;align-items:start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.stage__title h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.025em}.stage__title p{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.stage__meta{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.stage__status{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-1);color:var(--muted);font-size:.82rem;font-weight:600}.stage__badge{padding:.35rem .75rem;border-radius:999px;background:#5cc7ab1a;border:1px solid var(--line);color:var(--teal);font-size:.74rem;font-weight:600}.stage__presence{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding-bottom:.2rem}.stage__hint{color:var(--faint);font-size:.82rem}.stage__app{position:relative}.canvas-surface,.cursors-surface,.notes-board,.reactions-stage-wrap{position:relative;min-height:56vh;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--bg-1),var(--code-bg)),linear-gradient(90deg,rgba(124,224,196,.05) 0 1px,transparent 1px 100%),linear-gradient(180deg,rgba(124,224,196,.05) 0 1px,transparent 1px 100%);background-size:auto,28px 28px,28px 28px;box-shadow:inset 0 0 0 1px #ffffff08;touch-action:none}.canvas-surface{cursor:crosshair}.canvas-surface canvas,.canvas-surface__overlay,.cursors-surface__overlay{position:absolute;inset:0;width:100%;height:100%}.canvas-surface canvas{display:block}.canvas-surface__overlay,.cursors-surface__overlay{pointer-events:none}.canvas-app{display:grid;gap:.9rem}.toolbar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.6rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-1)}.toolbar__group{display:inline-flex;align-items:center;gap:.4rem}.toolbar__spacer{flex:1}.cursors-surface{cursor:crosshair}.cursors-surface__hint{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);z-index:1;margin:0;max-width:calc(100% - 2rem);text-align:center;padding:.6rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid var(--line);color:var(--muted);font-size:.9rem}.reactions-app{display:grid;gap:1rem}.reactions-app .reactions-stage{position:relative;min-height:50vh;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--bg-1),var(--code-bg))}.reaction{position:absolute;bottom:6%;font-size:2.4rem;line-height:1;animation:reaction-float 2.6s var(--ease) forwards;will-change:transform,opacity}@keyframes reaction-float{0%{transform:translateY(0) scale(.6);opacity:0}18%{transform:translateY(-12%) scale(1);opacity:1}to{transform:translateY(-440%) scale(1.05);opacity:0}}.reactions-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.reaction-btn{width:52px;height:52px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);font-size:1.5rem;cursor:pointer;transition:transform .15s var(--ease),border-color .15s var(--ease)}.reaction-btn:hover{transform:translateY(-2px);border-color:var(--teal)}.reactions-hint{margin:0;text-align:center;color:var(--faint);font-size:.85rem}.notes-app{display:grid;gap:.9rem}.notes-bar{display:flex;align-items:center;gap:.9rem}.notes-count{color:var(--faint);font-size:.85rem}.notes-board{cursor:default}.note{position:absolute;width:11rem;min-height:7rem;padding:.7rem;border:1px solid var(--line-strong);border-left-width:4px;border-radius:.6rem;background:var(--bg-2);box-shadow:0 18px 36px -18px #000000b3}.note textarea{width:100%;min-height:5rem;border:0;resize:none;background:transparent;color:var(--text);font-size:.9rem}.note textarea:focus-visible{outline:none}.note__delete{position:absolute;top:.3rem;right:.4rem;width:1.3rem;height:1.3rem;border:0;border-radius:999px;background:transparent;color:var(--faint);font-size:1.1rem;line-height:1;cursor:pointer}.note__delete:hover{color:var(--rose)}.notes-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--faint);pointer-events:none}.poll-app{display:grid;gap:1.2rem;max-width:40rem;margin:0 auto;padding:2rem 0}.poll-question{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.6rem;letter-spacing:-.025em;text-align:center}.poll-options{display:grid;gap:.7rem}.poll-option{position:relative;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1);color:var(--text);font-weight:600;cursor:pointer;overflow:hidden;transition:border-color .2s var(--ease)}.poll-option:hover{border-color:var(--line-strong)}.poll-option[aria-pressed=true]{border-color:var(--teal)}.poll-option__bar{position:absolute;left:0;top:0;bottom:0;background:#5cc7ab29;transition:width .4s var(--ease)}.poll-option__label{position:relative;flex:1}.poll-option__count{position:relative;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.poll-hint{margin:0;text-align:center;color:var(--faint);font-size:.85rem}.chat-app{display:grid;gap:.9rem}.chat-surface{cursor:text}.chat-bubble{position:absolute;transform:translate(14px,-6px);max-width:16rem;padding:.35rem .7rem;border:1px solid var(--line-strong);border-radius:.8rem;background:color-mix(in srgb,var(--bg) 86%,transparent);color:var(--text);font-size:.85rem;white-space:nowrap;pointer-events:none;animation:bubble-in .2s var(--ease)}.chat-bubble--me{border-color:var(--teal)}@keyframes bubble-in{0%{opacity:0}to{opacity:1}}.chat-input{display:flex;gap:.6rem}.chat-input input,.checklist-add input{flex:1;min-height:44px;padding:0 1rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-1);color:var(--text)}.chat-input input:focus-visible,.checklist-add input:focus-visible{outline:none;border-color:var(--teal)}.checklist-app{display:grid;gap:.8rem;width:100%;max-width:40rem;margin:0 auto}.checklist-add{display:flex;gap:.6rem}.checklist-meta{margin:0;color:var(--faint);font-size:.82rem}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.checklist__item{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-1)}.checklist__item[data-done=true] .checklist__text{color:var(--faint);text-decoration:line-through}.checklist__check{flex:none;width:1.5rem;height:1.5rem;border:1px solid var(--line-strong);border-radius:.4rem;background:transparent;color:var(--teal);font-size:.9rem;cursor:pointer}.checklist__check[aria-pressed=true]{background:#5cc7ab29;border-color:var(--teal)}.checklist__text{flex:1}.checklist__by{color:var(--faint);font-size:.78rem}.checklist__del{border:0;background:transparent;color:var(--faint);font-size:1.1rem;line-height:1;cursor:pointer}.checklist__del:hover{color:var(--rose)}.checklist__empty{padding:1.5rem;text-align:center;color:var(--faint)}.mood-app{display:grid;gap:1.2rem;padding:1rem 0}.mood-picker{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mood-btn{width:52px;height:52px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);font-size:1.5rem;cursor:pointer;transition:border-color .15s var(--ease),transform .15s var(--ease)}.mood-btn:hover{transform:translateY(-2px)}.mood-btn[aria-pressed=true]{border-color:var(--teal);background:#5cc7ab1f}.mood-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.mood-card{display:grid;gap:.3rem;place-items:center;padding:1.1rem .8rem;border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius-sm);background:var(--bg-1)}.mood-emoji{font-size:2rem;line-height:1}.mood-name{color:var(--muted);font-size:.82rem;text-align:center}.mood-hint{margin:0;text-align:center;color:var(--faint);font-size:.85rem}@media(max-width:720px){.topbar{padding:.7rem 1rem}.topbar__nav{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}.topbar__nav::-webkit-scrollbar{display:none}.topbar__tab{flex:none;white-space:nowrap}.toolbar{border-radius:var(--radius-sm)}.playground__main{padding:1rem .9rem 2.4rem}.stage{padding:1rem}.identity-pop{right:1rem;left:1rem;width:auto}.note{width:9rem}}@media(prefers-reduced-motion:reduce){.reaction{animation-duration:.01ms}}