@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700;800&family=IBM+Plex+Mono:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--paper:#f6f8f1;--ink:#17140f;--muted:#615d52;--line:#d8d7cc;--line-strong:#17140f;--lime:#c7f464;--lime-soft:#effbd0;--coral:#ff6f59;--blue:#1e5bff;--gold:#ffcf56;--green:#11b879;--display:"Bricolage Grotesque", "Trebuchet MS", sans-serif;--body:"IBM Plex Sans", "Trebuchet MS", sans-serif;--mono:"IBM Plex Mono", Consolas, monospace;--shadow:0 24px 60px #17140f1c;color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{background:linear-gradient(135deg, #c7f4643d, transparent 34%), linear-gradient(#17140f0b 1px, transparent 1px), linear-gradient(90deg, #17140f0b 1px, transparent 1px), var(--paper);background-size:auto,44px 44px,44px 44px,auto;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.screen-session{color:#17140f;background:radial-gradient(circle at 18% 8%,#c7f4644d,#0000 30%),linear-gradient(#17140f0b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#17140f0b 1px,#0000 1px) 0 0/28px 28px,#f8f8f2;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.site-bar,.brand,.session-presence,.browser-bar,.product-topline,.search-field,.quiet-icon,.product-nav button,.card-kicker,.invite-button,.input-shell,.role-row,.checklist-toggle,.checklist-toggle span,.form-actions,.form-actions span,.multiplayer-cursor span,.cursor-message span{align-items:center;display:flex}.site-bar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #17140f1f;justify-content:space-between;gap:16px;min-height:72px;padding:14px clamp(14px,4vw,42px);position:relative}.brand{min-width:0;color:inherit;gap:11px;text-decoration:none}.brand-mark{background:#c7f464;border:1px solid #17140f;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:4px 4px #17140f}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand strong{font-family:var(--display);font-size:1.08rem;line-height:1}.brand small{color:#6a6458;font-family:var(--mono);text-transform:uppercase;margin-top:3px;font-size:.68rem;font-weight:900}.session-presence{white-space:nowrap;background:#fff;border:1px solid #17140f29;border-radius:999px;gap:8px;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:850}.presence-dot{background:#11b879;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #11b8791f}.product-shell{width:min(1120px,100vw - 28px);margin:34px auto}.browser-frame{background:#fff;border:1px solid #17140f;border-radius:10px;overflow:hidden;box-shadow:0 28px 80px #17140f29}.browser-bar{background:#101827;border-bottom:1px solid #e2e8f0;gap:8px;min-height:42px;padding:0 16px}.browser-bar span{background:#ff5f56;border-radius:50%;width:9px;height:9px}.browser-bar span:nth-child(2){background:#ffbd2e}.browser-bar span:nth-child(3){background:#27c93f}.browser-bar strong{color:#d1d5db;font-family:var(--mono);margin-left:9px;font-size:.68rem;font-weight:900}.product-app{background:#f8fafc;grid-template-columns:196px minmax(0,1fr);min-height:690px;display:grid}.product-nav{background:#fff;border-right:1px solid #e2e8f0;align-content:start;gap:9px;padding:24px 16px;display:grid}.product-nav strong{color:#fff;width:42px;height:42px;font-family:var(--display);background:#020617;border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.product-nav button{color:#475569;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:9px;min-height:40px;padding:0 12px;font-weight:850}.product-nav button.is-active{color:#0f172a;background:#f1f5f9;border-color:#dbe3ed}.product-main{min-width:0;padding:clamp(18px,4vw,42px)}.product-topline{justify-content:space-between;gap:12px;margin-bottom:28px}.search-field{color:#64748b;background:#fff;border:1px solid #dbe3ed;border-radius:8px;gap:9px;width:min(360px,100%);min-height:40px;padding:0 12px}.search-field input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:750}.quiet-icon{color:#0f172a;background:#fff;border:1px solid #dbe3ed;border-radius:8px;justify-content:center;width:40px;height:40px}.page-heading{max-width:760px;margin-bottom:18px}.page-heading span,.card-kicker span,.form-field span,.role-picker legend{color:#64748b;font-family:var(--mono);text-transform:uppercase;font-size:.7rem;font-weight:900}.page-heading h1{color:#0f172a;font-family:var(--display);letter-spacing:0;margin:6px 0 0;font-size:clamp(2rem,5vw,4.2rem);line-height:.96}.setup-grid{grid-template-columns:minmax(260px,.9fr) minmax(340px,1.1fr);align-items:start;gap:16px;max-width:900px;display:grid}.setup-card{background:#fff;border:1px solid #dbe3ed;border-radius:8px;min-width:0;box-shadow:0 18px 50px #0f172a14}.invite-card{padding:clamp(18px,3vw,28px)}.form-card{gap:18px;padding:clamp(16px,3vw,24px);display:grid}.card-kicker{justify-content:space-between;gap:12px;margin-bottom:16px}.card-kicker em{color:#475569;border:1px solid #dbe3ed;border-radius:999px;padding:5px 8px;font-size:.72rem;font-style:normal;font-weight:850}.setup-card h2{color:#0f172a;max-width:420px;font-family:var(--body);letter-spacing:0;margin:0;font-size:clamp(1.35rem,3vw,2.3rem);line-height:1.05}.setup-card p{color:#64748b;max-width:440px;margin:13px 0 0;font-size:.96rem;font-weight:650;line-height:1.5}.invite-button{color:#fff;background:#0f172a;border:1px solid #0f172a;border-radius:8px;gap:8px;min-height:44px;margin-top:24px;padding:0 16px;font-weight:900}.form-field{gap:8px;display:grid}.input-shell{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:9px;min-height:46px;padding:0 12px}.input-shell input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:800}.role-picker{border:0;min-width:0;margin:0;padding:0}.role-row{flex-wrap:wrap;gap:8px;margin-top:8px}.role-row button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:999px;min-height:36px;padding:0 14px;font-weight:850}.role-row button.is-selected{color:#17140f;background:#c7f464;border-color:#17140f}.checklist-toggle{color:#0f172a;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;gap:16px;min-height:54px;padding:0 14px;font-weight:900}.checklist-toggle span{gap:8px}.checklist-toggle i{background:#cbd5e1;border-radius:999px;flex:none;width:42px;height:24px;transition:background .18s;position:relative}.checklist-toggle i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px}.checklist-toggle.is-on i{background:#11b879}.checklist-toggle.is-on i:after{transform:translate(18px)}.form-actions{justify-content:space-between;gap:14px;padding-top:4px}.form-actions span{color:#286647;gap:7px;font-size:.84rem;font-weight:900}.send-button{color:#fff;background:#0f172a;border:1px solid #0f172a;border-radius:8px;min-height:42px;padding:0 18px;font-weight:900}.supporting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px;margin-top:16px;display:grid}.supporting-grid article{background:#fff;border:1px solid #dbe3ed;border-radius:8px;min-height:124px;padding:16px}.supporting-grid strong{color:#0f172a;margin-top:9px;font-size:.96rem;display:block}.supporting-grid p{color:#64748b;margin:6px 0 0;font-size:.88rem;font-weight:650;line-height:1.45}[data-guide-target]{position:relative}.multiplayer-cursor{z-index:50;pointer-events:none;color:#17140f;transform:translate3d(var(--cursor-x), var(--cursor-y), 0);transition:transform .9s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.multiplayer-cursor:before{content:"";opacity:.18;border:2px solid #17140f;border-radius:50%;width:38px;height:38px;animation:1.8s ease-out infinite cursor-pulse;position:absolute;top:-18px;left:-18px}.cursor-shape{fill:#fff;filter:drop-shadow(0 5px 8px #17140f33);stroke-width:2.4px;position:absolute;top:-4px;left:-6px}.multiplayer-cursor span{color:#17140f;min-height:22px;font-family:var(--mono);background:#c7f464;border:1px solid #17140f;border-radius:7px;padding:0 8px;font-size:.62rem;font-weight:900;position:absolute;top:24px;left:27px;box-shadow:3px 3px #17140f29}.cursor-message{z-index:49;width:min(292px,100vw - 28px);transform:translate3d(var(--note-x), var(--note-y), 0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #17140f29;border-radius:8px;padding:7px 10px 8px;transition:transform .9s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;box-shadow:0 8px 22px #17140f1a}.cursor-message span{color:#286647;font-family:var(--mono);text-transform:uppercase;gap:6px;font-size:.62rem;font-weight:900}.cursor-message span:before{content:"";background:#11b879;border-radius:50%;width:7px;height:7px}.cursor-message p{color:#17140f;margin:4px 0 0;font-size:.82rem;font-weight:750;line-height:1.38}.cursor-message i{vertical-align:-.15em;background:#17140f;width:7px;height:1em;margin-left:3px;animation:.9s step-end infinite blink;display:inline-block}.cursor-message.is-confirmed{background:#effbd0}.cursor-message.is-wrong,.cursor-message.is-nudging{background:#fff8e4}@keyframes cursor-pulse{0%{opacity:.22;transform:scale(.72)}to{opacity:0;transform:scale(1.6)}}@keyframes blink{50%{opacity:0}}@media (width<=900px){.setup-grid{grid-template-columns:1fr}}@media (width<=840px){.site-bar{flex-direction:column;align-items:flex-start}.product-shell{width:min(560px,100vw - 18px);margin:18px auto}.product-app{grid-template-columns:1fr;min-height:auto}.product-nav{border-bottom:1px solid #e2e8f0;border-right:0;align-items:center;gap:8px;padding:12px;display:flex;overflow-x:auto}.product-nav strong{flex:none;width:36px;height:36px;margin:0}.product-nav button{flex:none;min-height:36px;padding:0 10px}.product-main{padding:16px}.product-topline{margin-bottom:18px}.quiet-icon{display:none}.form-actions{flex-direction:column;align-items:stretch}.send-button{width:100%}.supporting-grid{grid-template-columns:1fr}}@media (width<=480px){.site-bar{min-height:0;padding:10px}.browser-bar{min-height:34px;padding:0 10px}.browser-bar strong{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.page-heading h1{font-size:2rem}.setup-card h2{font-size:1.45rem}.setup-card p{font-size:.92rem}.cursor-message{width:min(276px,100vw - 24px)}.multiplayer-cursor span{left:auto;right:4px}}