:root{--accent:#e8654a;--accent-hover:#d9573d;--accent-ink:#b8432b;--accent-soft:#fde9e3;--ink:#1c1d19;--ink-2:#4a4438;--ink-3:#6b6457;--cream:#fbf7ef;--paper:#fff;--sand:#f3ede1;--line:#e7dfcf;--sage:#2f7a52;--sage-soft:#e3f1e8;--amber:#8a5a00;--amber-soft:#fbf0d9;--danger:#b3261e;--focus:#1d5bbf;--radius:18px;--shadow:0 1px 2px #1c1d190a, 0 8px 24px -12px #1c1d191f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#f6f1e7;--ink-2:#ddd4c4;--ink-3:#b3aa9a;--cream:#171613;--paper:#211f1b;--sand:#2c2a25;--line:#36332d;--accent-ink:#ff9a82;--accent-soft:#3a2420;--sage:#6cc596;--sage-soft:#1d3127;--amber:#f0c56a;--amber-soft:#352a14;--danger:#ff8a80;--focus:#8fb4ff;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#f6f1e7;--ink-2:#ddd4c4;--ink-3:#b3aa9a;--cream:#171613;--paper:#211f1b;--sand:#2c2a25;--line:#36332d;--accent-ink:#ff9a82;--accent-soft:#3a2420;--sage:#6cc596;--sage-soft:#1d3127;--amber:#f0c56a;--amber-soft:#352a14;--danger:#ff8a80;--focus:#8fb4ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--cream);color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;line-height:1.2}h1{font-size:28px;font-weight:750}h2{font-size:18px;font-weight:700}p{margin:0}a{color:var(--accent-ink)}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}code{background:var(--sand);border-radius:6px;padding:1px 6px;font-size:.9em}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-3)}.small{font-size:14px}.center{text-align:center}.opt{color:var(--ink-3);background:var(--sand);border-radius:99px;margin-left:6px;padding:1px 7px;font-size:12px;font-style:normal;font-weight:500}.btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{background:var(--paper);border-color:var(--line);color:var(--ink)}.btn.ghost:hover:not(:disabled){border-color:var(--ink-3)}.btn.danger{border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger);background:0 0}.btn.danger:hover{background:color-mix(in srgb, var(--danger) 8%, transparent)}.btn.small{border-radius:10px;padding:7px 13px;font-size:14px}.btn.big{border-radius:14px;padding:14px 26px;font-size:17px}.btn.block{width:100%;padding:13px;font-size:16px}.linkbtn{color:var(--accent-ink);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.linkbtn:disabled{opacity:.5}.icon-btn{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;width:34px;height:34px;color:var(--ink-2);border-radius:9px;flex:none;font-size:16px;line-height:1}.icon-btn:disabled{opacity:.35;cursor:default}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;padding:22px;display:grid}.card.narrow{max-width:460px}.card>.btn{justify-self:start}.center-block{text-align:center;justify-items:center;margin:40px auto}.pill{background:var(--sand);color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:650;display:inline-flex}.pill.ok{background:var(--sage-soft);color:var(--sage)}.pill.ok:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill.warn{background:var(--amber-soft);color:var(--amber)}.error{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border-radius:10px;padding:10px 12px;font-size:14px}.error-text{color:var(--danger)!important}.ok-text{color:var(--sage);font-size:14px;font-weight:600}.note{background:var(--sand);color:var(--ink-2);border-radius:12px;padding:12px 14px;font-size:14px}.form{gap:18px}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field>span,.field legend{color:var(--ink-2);margin-bottom:0;padding:0;font-size:14px;font-weight:650}.field legend{margin-bottom:6px}.field small{color:var(--ink-3);font-size:13px}.field .linkbtn{justify-self:start}input:not([type=checkbox]){background:var(--paper);border:1.5px solid var(--line);border-radius:11px;width:100%;min-width:0;padding:11px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):hover{border-color:color-mix(in srgb, var(--ink-3) 60%, var(--line))}input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}input:disabled{background:var(--sand);color:var(--ink-3)}input[aria-invalid=true]{border-color:var(--danger)}input::placeholder{color:color-mix(in srgb, var(--ink-3) 70%, transparent)}.pw{display:block;position:relative}.pw input{padding-right:64px}.pw-toggle{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:650;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink-2);border-radius:99px;padding:6px 14px;font-size:14px;font-weight:550}.chip:hover{border-color:var(--ink-3)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:2px}.center-page{place-items:center;min-height:100vh;padding:16px;display:grid}.spinner{color:var(--ink-3);align-items:center;gap:10px;font-size:15px;display:inline-flex}.spin{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--sand), var(--line), var(--sand));background-size:200% 100%;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.clay{flex:none;display:inline-block}.clay canvas{display:block}.brand{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:17px;font-weight:750;display:inline-flex}.brand-sub{color:var(--ink-3);font-weight:500}.brand-dot{background:var(--accent);border-radius:50%;width:22px;height:22px;margin:4px;display:block}.hero-clay,.hero-clay canvas{max-width:100%;height:auto!important}.auth{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-hero{background:var(--sand);flex-direction:column;gap:40px;padding:36px 48px;display:flex}.auth-hero-body{gap:18px;max-width:460px;margin:auto 0;display:grid}.auth-hero h2{font-size:34px;font-weight:750;line-height:1.12}.auth-hero p{color:var(--ink-2);font-size:17px}.ticks{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.ticks li{color:var(--ink-2);align-items:center;gap:10px;display:flex}.ticks li:before{content:"✓";background:var(--sage-soft);width:22px;height:22px;color:var(--sage);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.auth-form-wrap{place-items:center;padding:32px 20px;display:grid}.auth-form{gap:16px;width:100%;max-width:420px;padding:30px}.auth-form h1{margin-top:4px;font-size:26px}.mobile-brand{display:none}.seg{background:var(--sand);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.seg button{cursor:pointer;color:var(--ink-3);background:0 0;border:0;border-radius:9px;padding:9px;font-size:14px;font-weight:650}.seg button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #00000014}.topbar{z-index:5;background:color-mix(in srgb, var(--cream) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 28px;display:flex;position:sticky;top:0}.brand-link{border-radius:10px;text-decoration:none}.topnav{align-items:center;gap:6px;display:flex}.topnav a{color:var(--ink-2);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:600;text-decoration:none;position:relative}.topnav a:hover,.topnav a.on{background:var(--sand);color:var(--ink)}.topnav .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:4px}.topnav .avatar{background:var(--ink);width:38px;height:38px;color:var(--cream);border-radius:50%;place-items:center;padding:0;font-weight:700;display:grid}.topnav .avatar:hover,.topnav .avatar.on{background:var(--accent);color:#fff}.page{max-width:1080px;margin:0 auto;padding:32px 28px 80px}.back{color:var(--ink-3);margin-bottom:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.back:hover{color:var(--ink)}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.home{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.home>section{gap:16px;display:grid}.people{gap:12px;margin:0;padding:0;list-style:none;display:grid}.person-card{color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.person-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-1px)}.avatar-lg{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:750;display:grid}.pc-main{gap:2px;min-width:0;display:grid}.pc-name{overflow-wrap:anywhere;font-size:18px;font-weight:700}.pc-side{justify-items:end;gap:4px;display:grid}.feed{position:sticky;top:84px}.feed-list{margin:0;padding:0;list-style:none;display:grid}.feed-list li{overflow-wrap:anywhere;border-top:1px solid var(--line);gap:2px;padding:12px 0 12px 16px;font-size:15px;display:grid;position:relative}.feed-list li:first-child{border-top:0}.feed-list li.unread:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:19px;left:0}.empty{text-align:center;justify-items:center;gap:16px;max-width:640px;margin:24px auto;padding:36px 32px}.empty .muted{max-width:460px;font-size:17px}.paths{text-align:left;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:12px;display:grid}.paths div{background:var(--sand);color:var(--ink-2);border-radius:14px;gap:4px;padding:14px 16px;font-size:14px;display:grid}.paths strong{color:var(--ink);font-size:15px}.wizard,.narrow-page{grid-template-columns:minmax(0,1fr);gap:18px;max-width:640px;margin:0 auto;display:grid}.wizard .back{margin-bottom:-4px}.stepper{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stepper li{color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:600;display:inline-flex}.stepper .n{background:var(--sand);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:750;display:grid}.stepper li.on{color:var(--ink);border-color:var(--accent)}.stepper li.on .n{background:var(--accent);color:#fff}.stepper li.done{color:var(--sage)}.stepper li.done .n{background:var(--sage-soft);color:var(--sage)}.stepper .opt{margin-left:0}.connect{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;padding:26px}.connect.is-done{text-align:center;grid-template-columns:1fr;justify-items:center}.connect.is-done .connect-art{justify-items:center}.connect-art{gap:14px;display:grid}.connect-art h2{font-size:22px}.waiting{color:var(--ink-2);justify-self:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.pulse{background:var(--amber);border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}.connect-steps{gap:16px;display:grid}.numbered{counter-reset:n;gap:16px;margin:0;padding:0;list-style:none;display:grid}.numbered>li{counter-increment:n;gap:6px;padding-left:40px;display:grid;position:relative}.numbered>li:before{content:counter(n);background:var(--ink);width:26px;height:26px;color:var(--cream);border-radius:50%;place-items:center;font-size:13px;font-weight:750;display:grid;position:absolute;top:-1px;left:0}.numbered .muted{font-size:14px}.numbered .linkbtn{justify-self:start}.code-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.code-box{letter-spacing:.12em;background:var(--sand);border:1.5px dashed color-mix(in srgb, var(--ink-3) 50%, var(--line));color:var(--ink);border-radius:14px;gap:14px;padding:14px 18px;font:750 40px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:inline-flex}.code-box.skeleton{border:0;width:240px;height:70px}.code-meta{justify-items:start;gap:6px;display:grid}.person{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.person .back{margin-bottom:-6px}.person-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.person-head>div{flex:1;gap:2px;min-width:200px;display:grid}.avatar-lg+div h1{font-size:26px}.person-head .avatar-lg{width:60px;height:60px;font-size:20px}.person-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.col{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.composer-closed{grid-template-columns:minmax(0,1fr) auto;align-items:center}.composer{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.recipe{background:var(--sand);border-radius:14px;gap:16px;padding:16px;display:grid}.recipe input:not([type=checkbox]){background:var(--paper)}.steps-edit{gap:8px;margin:0;padding:0;list-style:none;display:grid}.steps-edit li{align-items:center;gap:8px;display:flex}.steps-edit .n{text-align:center;width:24px;color:var(--ink-3);flex:none;font-size:14px;font-weight:700}.tasks{margin:0;padding:0;list-style:none;display:grid}.tasks li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.tasks li:first-child{border-top:0}.tasks li>div{gap:2px;min-width:0;display:grid}.task-title{overflow-wrap:anywhere;font-weight:650}.task-side{justify-items:end;gap:4px;display:grid}.share{color:var(--ink-2);gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.share li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.sw{background:var(--line);border-radius:99px;flex:none;width:30px;height:18px;position:relative}.sw:after{content:"";background:var(--paper);border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px}.sw.on{background:var(--sage)}.sw.on:after{left:14px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 0;display:grid}.stats div{background:var(--sand);border-radius:12px;padding:10px 12px}.stats dt{color:var(--ink-3);font-size:12px;font-weight:600}.stats dd{margin:0;font-size:22px;font-weight:750}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=900px){.home,.person-grid{grid-template-columns:1fr}.feed{position:static}.connect{grid-template-columns:1fr}.connect-art{justify-items:center}}@media (width<=720px){.auth{grid-template-columns:1fr}.auth-hero{display:none}.mobile-brand{margin-bottom:4px;display:block}.auth-form{padding:22px 18px}.topbar{padding:10px 16px}.brand-sub{display:none}.page{padding:20px 16px 60px}.card{padding:18px 16px}h1{font-size:24px}.paths{grid-template-columns:1fr}.empty{padding:26px 18px}.person-card{grid-template-columns:auto minmax(0,1fr)}.pc-side{grid-column:2;grid-auto-flow:column;justify-content:start;place-items:center start;gap:10px}.code-box{padding:12px 14px;font-size:32px}.composer-closed{grid-template-columns:1fr}.stepper li{font-size:13px}}.empty-feed{max-width:640px;margin:0 auto}.empty-feed .feed{position:static}.helper-code{margin-top:16px}.helper-code h2{margin:0;font-size:18px}.code-row{flex-wrap:wrap;gap:10px;display:flex}.code-row input{letter-spacing:.12em;font-variant-numeric:tabular-nums;flex:160px;font-size:22px}textarea{resize:vertical;width:100%;min-width:0;font:inherit;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;font-size:16px;line-height:1.45;transition:border-color .15s,box-shadow .15s}textarea:hover{border-color:color-mix(in srgb, var(--ink-3) 60%, var(--line))}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}textarea::placeholder{color:color-mix(in srgb, var(--ink-3) 70%, transparent)}.speakable{gap:8px;display:grid}.speakable .mic{justify-self:start}.chat{gap:8px;margin:0;padding:0;list-style:none;display:grid}.chat .pair{gap:8px;display:grid}.chat .you,.chat .ja{overflow-wrap:anywhere;border-radius:16px;max-width:85%;padding:10px 14px;font-size:15px}.chat .you{background:var(--accent-soft);color:var(--ink);border-bottom-right-radius:6px;justify-self:end}.chat .ja{background:var(--sand);color:var(--ink-2);border-bottom-left-radius:6px;justify-self:start}.chat .ja.now{color:var(--ink);border:1.5px solid var(--accent)}