:root{--paper:#f8f6f0;--ink:#26241f;--muted:#706d66;--purple:#6247d9;--line:#dedbd3;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b6a6ff;outline-offset:5px}button:disabled{cursor:default}img{display:block}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.nav{justify-content:space-between;padding-block:26px}.brand,.nav{display:flex;align-items:center}.brand{gap:9px;font-weight:650;letter-spacing:-.6px;font-size:23px}.brand span{font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:13px;margin-left:7px}.nav nav{display:flex;gap:32px;align-items:center}.how-link{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--purple);color:white;border:1px solid transparent;padding:18px 24px;border-radius:9px;font-weight:600;font-size:15px;box-shadow:0 3px 0 #49329c;transition:background .2s,transform .2s}.button:hover{background:#5035be;transform:translateY(-2px)}.button span{font-size:20px}.button.small{font-size:12px;padding:11px 15px;gap:18px;box-shadow:none}.hero{display:grid;grid-template-columns:1fr 1.13fr;gap:46px;padding-top:84px;padding-bottom:85px}.eyebrow,.hero{align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.7px;font-weight:650;display:flex;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--purple)}h1{font-size:clamp(46px,5vw,70px);line-height:1.03;letter-spacing:-3.3px;font-weight:600;margin:25px 0}h1 em{font-style:normal;color:var(--purple)}.intro{color:var(--muted);font-size:16px;line-height:1.75;margin:27px 0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.text-link{font-size:13px;font-weight:600;display:flex;gap:15px}.caption{font-size:11px;color:var(--muted);margin-top:20px}.hero-art{position:relative;padding-top:16px}.art-caption{font-family:Georgia,serif;font-style:italic;font-size:18px;text-align:right;padding:0 20px 21px;transform:rotate(-3deg)}.tiny-star{color:var(--purple);font-style:normal;font-size:24px;margin-right:8px}.discord-window{display:flex;border:1px solid #38363e;border-radius:13px;overflow:hidden;background:#202024;color:#f5f4f7;box-shadow:10px 14px 0 #e8e3d6,0 25px 60px #30254017;transform:rotate(1deg);min-width:0}.server-rail{width:48px;flex-shrink:0;background:#161619;display:flex;align-items:center;flex-direction:column;padding:15px 6px;gap:10px}.discord-glyph{font-size:23px}.rail-line{height:1px;background:#34343b;width:23px}.server{height:32px;width:32px;background:#37343e;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:650}.server.selected{background:#7b64bf;border-radius:11px}.server.add{color:#adceb8;font-size:21px}.discord-body{flex:1 1;min-width:0}.channel-bar{height:44px;border-bottom:1px solid #38383e;display:flex;align-items:center;gap:9px;padding:0 17px;font-size:12px;font-weight:600}.channel-bar>span:first-child{font-size:20px;color:#9e9ca5;font-weight:400}.channel-sub{font-size:10px;color:#9e9ca5;margin-left:auto;font-weight:400}.activity{padding:19px 17px 17px}.activity-head{justify-content:space-between;gap:10px;margin-bottom:20px}.activity-brand,.activity-head{display:flex;align-items:center}.activity-brand{gap:6px;font-size:12px;font-weight:650}.activity-brand img{filter:brightness(0) invert(1);opacity:.9}.activity-brand span{color:#a3a0ad;font-weight:400;font-size:10px}.create-pill{background:#6750d0;padding:8px 10px;border-radius:5px;font-size:10px;white-space:nowrap}.demo-tabs{display:flex;gap:15px;margin-bottom:17px;border-bottom:1px solid #3b3942}.demo-tabs button{padding:0 0 9px;background:none;border:0;border-bottom:2px solid transparent;font-size:11px;color:#afabb9}.demo-tabs button[aria-selected=true]{border-bottom-color:#a795ff;color:#fff}.scene{border:1px solid #44414c;border-radius:7px;overflow:hidden;background:#29272e;height:304px}.scene[hidden]{display:none}.scene-top{height:41px;justify-content:space-between;padding:0 13px;gap:10px;font-size:11px;border-bottom:1px solid #413d48}.live,.scene-top{display:flex;align-items:center}.live{font-size:9px;color:#ace0c6;gap:5px}.live i{width:5px;height:5px;border-radius:50%;background:#ace0c6}.pong{background:#0e292b;padding:17px 20px 12px;height:214px}.score{display:flex;justify-content:space-between;font-size:9px;color:#bcdfd5}.score span{display:flex;align-items:center;gap:13px}.score b{font-size:20px;font-weight:500;color:#e4f2dd}.court{height:131px;border:1px solid #6fa59b80;border-radius:5px;margin-top:10px;position:relative;background:#15393b;overflow:hidden}.centerline{height:100%;position:absolute;left:50%;border-left:1px dashed #6fa59b66}.paddle{height:34px;width:5px;background:#9ce2be;border-radius:3px;position:absolute;top:50%;box-shadow:0 0 12px #9ce2be44;animation:paddle-move 4s ease-in-out infinite alternate}.paddle.left{left:10px}.paddle.right{right:10px;background:#f0b892;animation-delay:-2s}.ball{position:absolute;width:7px;height:7px;border-radius:50%;background:#f5e1a0;left:50%;top:45%;box-shadow:0 0 12px #f5e1a055;animation:ball-move 5s linear infinite}.watching{display:flex;align-items:center;gap:5px;font-size:9px;color:#adcbc5;margin-top:11px}.avatar{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:8px;flex-shrink:0}.mint{background:#b7d4bd;color:#354a39}.pink{background:#dbbdd3;color:#57374f;margin-left:-9px;margin-right:2px}.violet{background:#796fa7;color:#fff}.scene-bottom{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:9px;color:#c2bdcc;gap:8px}.demo-button{font-size:10px;color:white;background:#6750d0;padding:7px 12px;border:0;border-radius:4px;white-space:nowrap}.demo-button:hover{background:#7d65e6}.discord-foot{height:36px;display:flex;align-items:center;gap:7px;background:#19191d;padding:0 12px;font-size:9px;color:#aca8b6}.foot-mark{margin-left:auto}.demo-caption{font-size:10px;color:#858077;text-align:center;margin-top:28px}.draft-label{font-size:9px;color:#c4b6ec}.builder-chat{height:214px;padding:17px 13px;display:flex;flex-direction:column;gap:12px;font-size:10px;line-height:1.5}.chat-message.you{align-self:flex-end;background:#464050;padding:9px 11px;border-radius:8px 8px 2px 8px;max-width:85%}.chat-message.roo{display:flex;align-items:flex-start;gap:8px}.chat-message.roo img{filter:brightness(0) invert(1)}.chat-message.roo span{color:#b9b3c5}.working{font-size:9px;color:#c2b0ec;display:flex;gap:5px;align-items:center}.working-dot{width:5px;height:5px;background:#c2b0ec;border-radius:50%;animation:pulse 1.4s infinite}.chat-input{border:1px solid #524b60;border-radius:4px;padding:7px 9px;color:#a9a1b8;display:flex;gap:10px}.shared-app{display:flex;gap:12px;padding:25px 18px 12px;align-items:center}.trivia-icon{width:51px;height:57px;background:#e1c772;color:#443c21;font-family:Georgia,serif;font-size:37px;display:grid;place-items:center;border-radius:5px;transform:rotate(-6deg)}.shared-app h3{font-size:14px;margin:0 0 6px}.shared-app p{font-size:10px;margin:0 0 12px;color:#bcb5c9}.shared-badge{font-size:9px;color:#bcb5c9}.shared-badge.active{color:#9ee3bc}.share-note{height:116px;padding:17px 18px;line-height:1.7;font-size:12px}.share-note span{font-size:10px;color:#bcb5c9}.ideas{border-block:1px solid var(--line);padding-block:23px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-bottom:17px}.idea-strip{display:flex;justify-content:space-between;gap:20px;font-size:17px;letter-spacing:-.4px}.idea-strip>span:last-child{color:var(--purple)}.how{padding-top:110px;padding-bottom:95px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{margin:22px 0 0}.section-heading>p{align-self:end;color:var(--muted);line-height:1.7;font-size:15px;margin:0 0 5px}h2{font-size:clamp(32px,3.5vw,47px);font-weight:550;line-height:1.1;letter-spacing:-1.8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:37px;margin-top:58px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-number{font-size:11px;color:var(--purple);font-weight:650}.steps h3{font-size:20px;font-weight:550;letter-spacing:-.5px;line-height:1.3;margin:20px 0 14px}.steps p{font-size:14px;color:var(--muted);line-height:1.7;min-height:95px}.prompt-note{padding:20px;background:#efe9da;font-family:Georgia,serif;font-size:17px;font-style:italic;border-radius:3px;transform:rotate(-1.5deg);line-height:1.5}.prompt-note.lilac{background:#e8e1f2;transform:rotate(1.5deg)}.prompt-note.green{background:#e0e9dc;transform:rotate(-1deg)}.together{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-block:1px solid var(--line);padding-block:70px}.together h2{font-size:55px;margin:23px 0}.together p{font-size:16px;line-height:1.75;color:var(--muted);max-width:430px;margin-bottom:27px}.together-art{height:320px;background:#e9e2f3;position:relative;border-radius:50%;max-width:420px;margin-inline:auto;width:100%;display:grid;place-items:center}.together-art img{width:170px;transform:rotate(-9deg);opacity:.7}.orbit-word{position:absolute;font-size:32px;font-weight:600;letter-spacing:-1px;background:var(--paper);border:1px solid var(--line);padding:8px 16px;box-shadow:3px 4px 0 #c9bedd}.orbit-word.one{top:0;left:18px;transform:rotate(-12deg)}.orbit-word.two{right:0;top:85px;transform:rotate(10deg);color:var(--purple)}.orbit-word.three{bottom:-10px;left:30px;transform:rotate(-3deg);font-size:36px}.spark{position:absolute;color:var(--purple)}.spark.a{left:-5px;top:120px;font-size:60px}.spark.b{right:18px;bottom:15px;font-size:46px}.faq{display:grid;grid-template-columns:1fr 1fr;padding-block:95px}.faq h2{font-size:31px;margin-top:14px}.faq details{border-bottom:1px solid var(--line);padding:20px 0;font-size:14px}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-weight:550}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--purple);font-size:20px;line-height:16px}.faq details[open] summary:after{content:"−"}.faq p{line-height:1.7;color:var(--muted);font-size:13px;margin-bottom:4px}.closing{text-align:center;background:#ede7f5;border-radius:12px;padding:60px 20px 65px}.closing .eyebrow{justify-content:center}.closing h2{margin:24px 0 30px;font-size:52px}footer{display:flex;align-items:center;gap:28px;padding-block:40px}footer>span{font-size:11px;color:var(--muted)}footer .prototype-label{margin-left:auto}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:15px;max-width:470px;width:calc(100% - 36px);background:var(--paper);padding:40px;color:var(--ink);box-shadow:0 24px 80px #0003}dialog::backdrop{background:#211c2b88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog img{margin-bottom:25px}dialog h2{font-size:35px;margin:18px 0}dialog p{font-size:14px;line-height:1.7;color:var(--muted)}dialog .dialog-note{font-size:11px;border-top:1px solid var(--line);padding-top:15px;margin-block:22px}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:25px;color:var(--muted)}@keyframes ball-move{0%,to{left:5%;top:30%}25%{left:92%;top:65%}50%{left:5%;top:85%}75%{left:92%;top:18%}}@keyframes paddle-move{0%{top:22%}to{top:62%}}@keyframes pulse{50%{opacity:.3}}@media(min-width:1500px){.hero{padding-block:100px 110px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:25px;padding-top:50px;grid-template-columns:1fr 1fr}h1{font-size:52px;letter-spacing:-2.4px}.desktop-break{display:none}.intro{font-size:15px}.activity-brand span,.channel-sub{display:none}.demo-tabs{gap:12px}.demo-tabs button{font-size:10px}.scene-bottom{font-size:8px}.idea-strip{font-size:14px}.faq,.section-heading,.together{gap:45px}.steps{gap:22px}.steps h3{font-size:18px}.prompt-note{font-size:15px;padding:16px}.steps p{min-height:119px}}@media(max-width:740px){.wrap{width:calc(100% - 40px)}.nav{padding-block:19px}.brand{font-size:20px}.brand img{width:30px;height:30px}.brand span{font-size:10px;padding-left:8px;margin-left:0}.nav .how-link{display:none}.nav .button{font-size:11px;padding:10px;gap:10px}.hero{grid-template-columns:1fr;padding-block:44px 40px;gap:27px}h1{font-size:clamp(44px,10.7vw,70px);letter-spacing:-2.4px}.intro{max-width:460px}.hero-art{max-width:550px;width:100%;margin-inline:auto}.art-caption{font-size:16px}.discord-window{transform:none;box-shadow:5px 7px 0 #e8e3d6}.activity-brand span{display:inline}.demo-tabs{gap:19px}.scene{height:304px}.ideas{padding-block:24px}.idea-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:14px;line-height:1.4}.how{padding-block:60px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading .eyebrow{grid-column:auto}.section-heading h2,.section-heading>p{margin:0}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps p{min-height:0;max-width:480px}.prompt-note{max-width:400px}.together{grid-template-columns:1fr;gap:45px;padding-block:55px}.together-art{max-width:350px;height:275px}.together h2{font-size:43px}.faq{grid-template-columns:1fr;padding-block:55px;gap:10px}.faq h2{margin-bottom:10px}.closing{padding-block:44px}.closing h2{font-size:36px;letter-spacing:-1.2px}footer{gap:12px;flex-wrap:wrap;padding-block:30px}footer>span:not(.prototype-label){display:none}.activity{padding:16px 11px}.server-rail{width:39px}.server{width:27px;height:27px}.activity-brand span{display:none}.scene-bottom .chat-input{font-size:8px}.share-note{font-size:11px}.button{font-size:14px;padding:16px 20px}dialog{padding:30px}.hero .caption{font-size:10px}.demo-caption{margin-top:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}:root{color-scheme:dark;--paper:#19191e;--ink:#f4f1fa;--muted:#b2adb9;--purple:#a08aff;--line:#38353f}.brand img{filter:brightness(0) invert(1);opacity:.9}.button{background:#7861e5;box-shadow:0 3px 0 #4e3e9c}.button:hover{background:#8b73f4}.button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#beaaff}.dot{background:#a08aff}.discord-window{box-shadow:10px 14px 0 #302a40,0 25px 60px #0004;border-color:#51475f}.demo-caption{color:#aaa1b7}.caption{color:#b2adb9}.prompt-note{background:#302d25;color:#e8dbb4}.prompt-note.lilac{background:#30283e;color:#e5d6ff}.prompt-note.green{background:#25332b;color:#cce2c7}.together-art{background:#30273e}.together-art img{filter:brightness(0) invert(1);opacity:.75}.orbit-word{background:#232128;border-color:#514359;box-shadow:3px 4px 0 #483959}.closing{background:#2b233b}.skip{background:#30273e}dialog{box-shadow:0 24px 80px #0008}.art-caption{color:#d9cfe9}.explore{padding-block:90px 80px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.explore-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:45px}.explore-intro h2{margin:20px 0 0}.explore-intro>p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 4px}.example-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0 23px}.example-options>button{display:flex;text-align:left;align-items:center;gap:12px;color:var(--ink);background:#232228;border:1px solid var(--line);padding:17px;border-radius:9px;transition:background .2s,border-color .2s}.example-options>button:hover{background:#2d2936}.example-options>button[aria-selected=true]{border-color:#a08aff;background:#2e273d;box-shadow:inset 0 0 0 1px #a08aff}.example-icon{width:40px;height:43px;display:grid;place-items:center;border-radius:7px;font-size:22px;font-family:Georgia,serif;flex-shrink:0}.example-icon.yellow{background:#d6bd72;color:#322b19}.example-icon.lilac{background:#c3adee;color:#392553;font-size:19px}.example-icon.green{background:#a8ceb5;color:#254d35}.example-options strong{display:block;font-size:13px;font-weight:600}.example-options small{display:block;color:#b6adbf;margin-top:6px;line-height:1.5}.example-options>button>span:last-child{margin-left:auto;color:#b7a0f2}.example-stage{display:grid;grid-template-columns:1fr 1fr;background:#222127;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:420px}.example-conversation{padding:33px 40px;display:flex;flex-direction:column}.example-chat-heading{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:600}.example-chat-heading img,.example-reply img{filter:brightness(0) invert(1);opacity:.8}.example-prompt{align-self:flex-end;background:#3a304a;border:1px solid #51405f;padding:17px 20px;margin-top:30px;border-radius:13px 13px 3px 13px;font-size:14px;line-height:1.6;max-width:90%}.example-reply{display:flex;gap:12px;align-items:flex-start;margin-top:24px}.example-reply p{margin:0;font-size:14px;line-height:1.7;color:#d2cbdc}.example-follow-up{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.example-follow-up>span{font-size:10px;color:#b6adbf;text-transform:uppercase;letter-spacing:1px}.example-follow-up p{color:#d5c2fc;font-family:Georgia,serif;font-style:italic;font-size:19px;line-height:1.5;margin:10px 0}.example-disclaimer{font-size:10px;line-height:1.6;color:#aaa1b7;margin-top:auto;padding-top:22px;margin-bottom:0}.example-preview{margin:22px;background:#ece3c9;border-radius:8px;overflow:hidden;color:#29271f;align-self:stretch}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:15px 23px;border-bottom:1px solid #b9aa8466;background:#e7dbbc;font-size:12px;font-weight:600}.preview-top>span:last-child{font-size:10px;color:#655d4b;font-weight:400}.mini-app{padding:25px 28px;min-height:340px}.mini-app[hidden]{display:none}.mini-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#685f4b}.mini-app h3{font-size:26px;font-weight:550;letter-spacing:-.7px;line-height:1.25;margin:16px 0 22px}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-answers button{padding:14px 10px;border-radius:5px;border:1px solid #bdb197;background:#f6efdf;color:#332f26;text-align:left;font-size:12px}.quiz-answers button:hover{background:#fff8e9;border-color:#776648}.quiz-answers button.correct{background:#cee3c8;border-color:#679063}.quiz-answers button.wrong{background:#edd1c6;border-color:#ba7f68}.mini-feedback{font-size:12px;line-height:1.6;margin-top:18px;min-height:20px;color:#605642}.mini-next{padding:0;border:0;background:none;color:#56379a;font-size:12px;font-weight:650;margin-top:12px}.mini-next[hidden]{display:none}.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:204px;margin-inline:auto}.mini-board button{aspect-ratio:1;border:1px solid #b8a88b;background:#f6efdf;border-radius:5px;color:#573999;font-size:30px;font-weight:550}.mini-board button:hover:enabled{background:#e0d2f0}.mini-board button:disabled{opacity:1}.poll-answers{display:flex;flex-direction:column;gap:10px}.poll-answers button{position:relative;display:flex;justify-content:space-between;overflow:hidden;background:#f6efdf;border:1px solid #bdb197;border-radius:5px;padding:14px 12px;color:#332f26;font-size:12px;text-align:left}.poll-answers button b,.poll-answers button span{position:relative;z-index:1}.poll-answers button b{font-size:11px;font-weight:500}.poll-answers button i{position:absolute;inset:0 auto 0 0;width:var(--votes);background:#d7c8ef88;transition:width .3s}.poll-answers button[aria-pressed=true]{border-color:#7853aa;box-shadow:inset 0 0 0 1px #7853aa}.mini-app button:focus-visible{outline-color:#7050a5}.example-preview[data-kind=game]{background:#ded9f0}.example-preview[data-kind=game] .preview-top{background:#d3cbea}.example-preview[data-kind=poll]{background:#dce6d6}.example-preview[data-kind=poll] .preview-top{background:#cfdcc9}@media(max-width:1000px){.example-options>button{padding:12px;gap:8px}.example-icon{width:33px;height:38px}.example-options>button>span:last-child{display:none}.example-options strong{font-size:12px}.example-conversation{padding:26px}.mini-app{padding:22px}.explore-intro{gap:28px}.explore-intro>p{font-size:14px}}@media(max-width:740px){.discord-window{box-shadow:5px 7px 0 #302a40}.explore{padding-block:50px}.explore-intro{display:block}.explore-intro>p{margin-top:20px}.example-options{grid-template-columns:1fr;gap:9px;margin-top:25px}.example-options>button{padding:13px 16px}.example-options>button>span:last-child{display:block}.example-options strong{font-size:14px}.example-options small{font-size:11px;margin-top:4px}.example-icon{width:39px;height:42px}.example-stage{grid-template-columns:1fr}.example-conversation{padding:25px 22px}.example-prompt{margin-top:22px;font-size:13px}.example-reply p{font-size:13px}.example-follow-up{margin-top:20px}.example-disclaimer{padding-top:15px}.example-preview{margin:0 14px 14px}.mini-app h3{font-size:24px}.hero-actions{flex-wrap:wrap;gap:22px}.hero-actions .text-link{font-size:12px}.mini-app{min-height:335px}.example-preview .mini-board{max-width:210px}}.example-options{grid-template-columns:repeat(4,1fr)}.example-options small{font-size:10px}.example-options>button{padding:15px 12px;gap:10px}.example-options>button>span:last-child{display:none}.example-icon.peach{background:#e8bc9d;color:#593824}.example-preview[data-kind=tool]{background:#ede1d4}.example-preview[data-kind=tool] .preview-top{background:#e3d1be}.task-list{display:flex;flex-direction:column;gap:10px}.task-list label{display:flex;gap:12px;align-items:center;background:#f7f0e7;border:1px solid #cdbda9;border-radius:6px;padding:13px;cursor:pointer}.task-list input{appearance:none;flex-shrink:0;width:19px;height:19px;border:1px solid #ae9c86;border-radius:4px;margin:0;background:#fff7ed;display:grid;place-items:center}.task-list input:checked{background:#7757b3;border-color:#7757b3}.task-list input:checked:after{content:"✓";color:white;font-size:13px}.task-list input:focus-visible{outline:3px solid #7757b3;outline-offset:3px}.task-list strong{display:block;font-size:13px;font-weight:550}.task-list small{display:block;font-size:10px;color:#736350;margin-top:5px}.task-list input:checked+span strong{color:#81715e;text-decoration:line-through}.hero h1{font-size:clamp(46px,4.6vw,65px)}@media(max-width:1100px){.example-options{grid-template-columns:repeat(2,1fr)}.example-options>button>span:last-child{display:block}}@media(max-width:740px){.example-options{grid-template-columns:1fr}.example-options>button{padding:13px 16px}.hero h1{font-size:clamp(40px,10vw,65px)}.task-list label{padding:12px}.mini-app h3{font-size:24px}}.capture-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 24px}.capture-tabs button{border:1px solid var(--line);background:#25242c;color:var(--muted);padding:13px 18px;border-radius:9px;font-weight:550;font-size:13px;transition:background .2s}.capture-tabs button[aria-selected=true]{background:#42345d;color:#fff;border-color:#9a7fe8}.capture-tabs button:hover{background:#35303f;color:#fff}.capture-showcase{display:grid;grid-template-columns:.75fr 1.25fr;gap:52px;align-items:start}.capture-story{padding:36px 0}.capture-story h3{font-size:34px;letter-spacing:-1px;line-height:1.15;margin:20px 0}.capture-story>p{font-size:16px;color:var(--muted);line-height:1.8}.capture-story .capture-note{font-size:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.hero-art{padding-top:0}@media(max-width:740px){.capture-showcase{grid-template-columns:1fr;gap:18px}.capture-story{padding:0}.capture-story h3{font-size:28px}.capture-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.capture-tabs button{font-size:12px;padding:12px 8px}.capture-story>p{font-size:14px}}.how.getting-started{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-block:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:start}.start-intro h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 18px}.start-intro p{max-width:340px;font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 26px}.start-steps{margin:0;padding-left:24px}.start-steps li{padding:0 0 22px 14px;margin-bottom:22px;border-bottom:1px solid var(--line)}.start-steps li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.start-steps li::marker{font-size:13px;color:var(--muted)}.start-steps h3{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:normal;margin:0 0 7px}.start-steps p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:450px}.faq{padding-block:56px;gap:100px}.faq h2{font-size:27px;letter-spacing:-.7px;margin:18px 0}.faq details:first-child{padding-top:18px}body>footer{border-top:1px solid var(--line);padding-block:28px}@media(max-width:740px){.how.getting-started{grid-template-columns:1fr;gap:36px;padding-block:40px}.start-intro h2{font-size:29px}.start-intro p{font-size:14px}.start-steps li{padding-left:9px}.faq{grid-template-columns:1fr;gap:12px;padding-block:34px}.faq h2{font-size:25px;margin:0}.start-steps p{font-size:13px}body>footer{flex-wrap:wrap;gap:16px;padding-block:24px}}.activity-demo{--bg:#202024;--panel:#29292e;--hover:#323238;--line:#ffffff12;--text:#f2f3f5;--muted:#a5a5b0;--accent:#5865f2;color:var(--text);background:var(--bg);font:13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:1px solid #44434c;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #0004;min-width:0;min-height:430px;display:flex;flex-direction:column;color-scheme:dark;container-type:inline-size}.activity-demo *{box-sizing:border-box}.activity-demo h2,.activity-demo h3,.activity-demo p{margin:0;letter-spacing:normal}.activity-demo button,.activity-demo summary{font:inherit;font-weight:600;border:1px solid var(--line);border-radius:6px;padding:7px 10px;background:var(--hover);color:var(--text);cursor:pointer}.activity-demo button:hover{filter:brightness(1.15)}.activity-demo button:disabled{opacity:.4;cursor:default}.activity-demo button:focus-visible,.activity-demo summary:focus-visible{outline:2px solid #8791ff;outline-offset:2px}.activity-demo .aPrimary{background:var(--accent);color:#fff;border-color:transparent}.activity-demo .aQuiet{background:transparent}.activity-demo .aMuted{font-size:11px;color:var(--muted)}.aHeader{gap:10px;min-height:54px;padding:10px 14px;border-bottom:1px solid var(--line)}.aBrand,.aHeader{display:flex;align-items:center}.aBrand{gap:8px;font-size:15px;font-weight:700}.aMark{width:26px;height:26px;display:grid;place-items:center;background:var(--accent);border-radius:8px;font-size:16px;font-weight:800}.aContext{flex:1 1;color:var(--muted);font-size:11px}.aHeader>button{font-size:11px;padding:6px 9px}.aToolbar{display:flex;align-items:center;padding:10px 14px;gap:8px}.aTabs{display:flex;gap:3px;flex:1 1;min-width:0}.aTabs button{background:transparent;border-color:transparent;color:var(--muted);font-size:12px;padding:6px 8px}.aTabs button[aria-pressed=true]{background:var(--hover);color:var(--text)}.aTabs small{opacity:.6;font-size:10px;margin-left:4px}.aSearch{width:100px;min-width:60px;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:7px 8px;border-radius:6px;font:inherit;font-size:11px}.aContent{padding:4px 14px 16px;flex:1 1}.aSectionHeading{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:14px!important}.aSectionNote{font-size:12px;color:var(--muted);margin:-7px 0 14px!important}.aGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aCard{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:12px;flex-direction:column}.aCard,.aCardHeading{display:flex;gap:10px;min-width:0}.aCardHeading{align-items:center}.aCardHeading>div{min-width:0}.aCard h3{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aIcon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#5865f22b;color:#8791ff;border-radius:9px;font-size:17px;font-weight:700}.aCard small,.aCard>p{color:var(--muted);font-size:11px}.aCard>p{min-height:34px;line-height:17px}.aActions{display:flex;align-items:stretch;gap:6px;margin-top:auto}.aActions>button,.aActions>details{flex:1 1;min-width:0}.aActions button,.aActions summary{font-size:11px;padding:6px 8px;white-space:normal;text-align:center}.aShared{align-self:flex-start;display:inline-flex;padding:4px 8px;border:1px solid #84d4b24d;border-radius:6px;background:#409a782a;font-size:10px;font-weight:600}.aSharing{position:relative}.aSharing summary{list-style:none}.aSharing summary::-webkit-details-marker{display:none}.aSharingPanel{position:absolute;right:0;bottom:calc(100% + 6px);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;width:180px;z-index:2;box-shadow:0 8px 24px #0005;font-size:12px}.aSharingPanel p{margin:8px 0}.aSharingPanel button{width:100%}.aFooter{padding:10px 14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.aFooter button{font-size:10px;padding:4px 7px}.aBuild{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel)}.aBuild>div:first-child{flex:1 1}.aBuild h3{font-size:14px}.aBuild p{color:var(--muted);font-size:11px;margin-top:5px}.aBuild .aActions{margin:0}.aChat{padding:0 14px 14px;display:flex;flex-direction:column;flex:1 1;gap:12px}.aChatHeader{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.aChatHeader>div{display:flex;flex-direction:column;flex:1 1;min-width:0}.aChatHeader strong{font-size:13px}.aChatHeader button{font-size:11px}.aTranscript{display:flex;flex-direction:column;gap:15px;flex:1 1;padding:8px 0}.aMessage{max-width:88%;align-self:flex-start;min-width:0}.aMessage.own{align-self:flex-end}.aByline{color:var(--muted);font-size:10px;margin:0 2px 4px}.aBubble{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.6}.aMessage.own .aBubble{background:var(--accent);border-color:transparent;color:#fff}.aComposer{display:flex;align-items:flex-end;gap:8px}.aComposer textarea{resize:none;flex:1 1;min-width:0;height:64px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;font-size:12px}.aComposer button{font-size:11px}.aPreviewBadge{font-size:10px;color:#8be5ba;background:#24835325;border-radius:4px;padding:4px 8px}.aRuntimeHeader{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.aRuntimeHeader>span:not(.aPreviewBadge){flex:1 1;font-size:12px;color:var(--muted)}.aRuntimeHeader button{font-size:11px}.aMatchBar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:12px}.aMatchBar strong{flex:1 1}.aMatchBar button,.aPeople{font-size:11px}.aPeople{padding:9px 14px;color:var(--muted)}.aPong{background:#07131c;padding:16px;color:#eafaf6;flex:1 1}.aPong h3{text-align:center;font-family:Arial,sans-serif;font-size:20px}.aPong>p{text-align:center;font:700 10px Arial,sans-serif;color:#7dabb2;margin:8px 0 18px}.aScores{display:flex;justify-content:space-around;text-align:center;font:700 12px Arial,sans-serif}.aScores>div:first-child{color:#67e8cf}.aScores>div:last-child{color:#ffa877}.aScores b{display:block;font-size:34px;color:#eafaf6;margin:5px 0}.aCourt{display:block;width:100%;height:auto;border-radius:12px}.aPong .aRally{color:#ddedea;font-size:12px;margin:12px 0}.aPong .aHint{font-size:9px;color:#8aaab1;margin:8px 0}.aBall{animation:preview-rally 4s linear infinite}@keyframes preview-rally{0%,to{transform:translate(0)}25%{transform:translate(242px,-70px)}50%{transform:translateY(-140px)}75%{transform:translate(-242px,-70px)}}@container(max-width:450px){.aHeader{gap:7px}.aContext{display:none}.aHeader .aBrand{flex:1 1}.aToolbar{flex-wrap:wrap}.aTabs{flex:1 1 100%}.aSearch{width:100%}.aGrid{grid-template-columns:1fr}.aContent{padding-inline:12px}.aBuild{flex-wrap:wrap}.aBuild .aActions{flex:1 1 100%}.aHangoutApp{padding:18px!important}.aDayOptions button{padding:10px 6px!important}.aHangoutHeading>span{font-size:9px!important}.aPlaceForm{flex-wrap:wrap}.aPlaceForm input{flex:1 1 100%}.aPlaceForm button{width:100%}}@media(prefers-reduced-motion:reduce){.aBall{animation:none}}.activity-demo [hidden]{display:none!important}.aHeader svg{display:block}.activity-demo .aSectionHeading{letter-spacing:normal}.aHangoutApp{padding:26px;background:linear-gradient(145deg,#28243b,#1d202b);flex:1 1}.aHangoutEyebrow{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#bba9f4}.aHangoutIntro h2{font-size:30px;letter-spacing:-1px;margin:10px 0 8px;font-weight:650}.aHangoutIntro p{font-size:12px;color:#bbb7cd}.aHangoutSection{margin-top:24px}.aHangoutHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.aHangoutHeading h3{font-size:13px;font-weight:600}.aHangoutHeading>span{font-size:10px;color:#a9a4bb}.aDayOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.aDayOptions button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 8px;background:#ffffff07;border:1px solid #ffffff18;font-size:11px}.aDayOptions strong{font-size:22px;font-weight:600}.aDayOptions small{font-size:9px;color:#aaa3bd;font-weight:400}.aDayOptions button[aria-pressed=true]{background:#7560c737;border-color:#aa90ef}.aHangoutApp .aVoteStatus{font-size:10px;margin-top:10px;color:#c5b7e9;min-height:14px}.aPlaceOptions{display:grid;gap:6px}.aPlaceOptions button{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;background:#ffffff07;font-weight:450;text-align:left;overflow-wrap:anywhere}.aPlaceOptions button[aria-pressed=true]{border-color:#85d6b6;background:#409a782a}.aPlaceOptions button span:last-child{color:#a9d3bf}.aPlaceForm{display:flex;gap:7px;margin-top:9px}.aPlaceForm input{min-width:0;flex:1 1;border:1px solid #ffffff18;border-radius:6px;background:#ffffff07;color:var(--text);font:inherit;font-size:11px;padding:10px}.aPlaceForm button{font-size:11px}.aHangoutAttendance{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff18;margin-top:22px;padding-top:18px}.aHangoutAttendance strong{display:block;font-size:12px}.aHangoutAttendance span{display:block;font-size:10px;color:#b4adc6;margin-top:5px}.aHangoutAttendance button{font-size:12px}.aHangoutApp .aHangoutFoot{text-align:center;font-size:9px;color:#928da7;margin-top:20px}.aPlaceForm input:focus-visible{outline:2px solid #8791ff;outline-offset:2px}