:root{--paper: #F1E7D6;--paper-2: #EADFCB;--card: #FBF5E9;--card-2: #F6EDDC;--kraft: #D8C3A1;--chip-brown:#C9AF86;--ink: #423A30;--ink-soft: #6E6353;--ink-faint:#9C8E78;--line: rgba(120,100,72,.2);--line-soft:rgba(120,100,72,.12);--blush: #E08A72;--blush-2: #D4775C;--sky: #8FA9D8;--butter: #E7C879;--sage: #A6C2AB;--lavender: #BCA9D6;--you: #E58C82;--peer: #8FA9D8;--accent-serif: #cf7d5f;--cast-sm: 0 1px 1px rgba(90,72,50,.16);--cast-md: 0 1px 2px rgba(90,72,50,.16);--cast-lg: 0 2px 3px rgba(90,72,50,.18);--emboss: none;--ease: cubic-bezier(.2,.8,.2,1);--font-serif: "Newsreader", Georgia, serif;--font-sans: "Spline Sans", system-ui, sans-serif;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5;position:relative;min-height:100vh;overflow-x:hidden}.cbp-table{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.cbp-table:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 78% 12%,#e08a721a,#e08a7200 70%),radial-gradient(58% 52% at 14% 88%,#8fa9d814,#8fa9d800 70%);mix-blend-mode:multiply}.cbp-table:after{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:180px 180px;opacity:.05}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.display{font-family:var(--font-serif);font-weight:400;line-height:1.02;letter-spacing:-.015em;text-wrap:balance;color:var(--ink)}.display.wrap{line-height:1.12}.display em{font-style:italic;color:var(--accent-serif)}.glass{position:relative;background:var(--card);border:1px solid var(--line);border-radius:3px;box-shadow:var(--cast-md)}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain);background-size:160px 160px;opacity:.05;pointer-events:none;mix-blend-mode:multiply}.btn{font-family:var(--font-sans);font-size:15px;font-weight:500;border-radius:11px;padding:12px 22px;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:filter .2s var(--ease),background .2s var(--ease)}.btn-primary{background:var(--blush);color:#fff7f2;box-shadow:var(--cast-sm)}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{filter:brightness(.97)}.btn-ghost{background:transparent;border:1px solid var(--ink-faint);color:var(--ink)}.btn-ghost:hover{background:#78644814}.cbp-logo{display:inline-flex;align-items:center;gap:11px;color:var(--ink)}.cbp-logo svg{display:block}.cbp-logo .wordmark{font-family:var(--font-serif);font-weight:500;font-size:24px;letter-spacing:-.01em}.avatar{border-radius:50%;display:grid;place-items:center;color:#fff7f2;font-weight:600;box-shadow:var(--cast-sm);width:48px;height:48px;font-size:16px}.avatar.you{background:var(--you)}.avatar.peer{background:var(--peer)}.avatar-wrap{position:relative;display:inline-flex}.aura{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--peer);opacity:.4}.aura.you{border-color:var(--you)}.aura.speaking{animation:breathe 3.4s ease-in-out infinite}.aura.silent{opacity:.16}.cursor{position:absolute;display:inline-flex;align-items:flex-start}.name-tag{margin-left:-2px;margin-top:15px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 7px;border-radius:4px;color:#fff7f2;font-size:12px;font-weight:500;box-shadow:var(--cast-sm);white-space:nowrap}.name-tag .dot{width:5px;height:5px;border-radius:50%;background:#fff}.name-tag em{font-style:italic;font-weight:400;opacity:.92}.name-tag.you{background:var(--you)}.name-tag.peer{background:var(--peer)}.tape{position:absolute;width:86px;height:26px;z-index:4;background:repeating-linear-gradient(90deg,#ffffff2e 0 6px,#fff0 6px 12px),#e7c8798c;opacity:.58;clip-path:polygon(3% 12%,97% 4%,99% 86%,2% 94%);box-shadow:var(--cast-sm)}.tape.blush{background:repeating-linear-gradient(90deg,#ffffff29 0 6px,#fff0 6px 12px),#e08a7280;opacity:.55}.tape.sky{background:repeating-linear-gradient(90deg,#ffffff29 0 6px,#fff0 6px 12px),#8fa9d880;opacity:.55}.note{max-width:230px;padding:9px 13px;border-radius:4px;font-size:14px;line-height:1.45;box-shadow:var(--cast-sm);border:1px solid var(--line-soft)}.note.incoming{background:var(--card);color:var(--ink);transform:rotate(-.8deg)}.note.me,.note.mine{background:var(--card-2);color:var(--ink);transform:rotate(.8deg)}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--card-2);border:1px solid var(--line);color:var(--ink-soft);border-radius:4px;padding:7px 13px;font-size:13px;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.voice{background:var(--sage)}.waveform{display:inline-flex;align-items:center;gap:4px;height:22px}.waveform .bar{width:3px;border-radius:2px;background:var(--peer);height:6px;animation:talk 1s ease-in-out infinite}.waveform.you .bar{background:var(--you)}.waveform .bar:nth-child(1){animation-delay:0s}.waveform .bar:nth-child(2){animation-delay:.12s}.waveform .bar:nth-child(3){animation-delay:.24s}.waveform .bar:nth-child(4){animation-delay:.36s}.waveform .bar:nth-child(5){animation-delay:.48s}.progress{display:inline-flex;align-items:center;gap:12px}.progress .track{width:130px;height:6px;border-radius:3px;background:#7864482e;overflow:hidden}.progress .fill{height:100%;border-radius:3px;background:var(--blush)}.progress .label{font-size:14px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.scuff{position:absolute;height:1px;pointer-events:none;z-index:3;background:linear-gradient(90deg,#5a483200,#5a483238 28% 72%,#5a483200);mix-blend-mode:multiply;opacity:.8}.crease{position:absolute;width:2px;pointer-events:none;z-index:2;background:linear-gradient(90deg,#ffffff80,#5a483224);mix-blend-mode:multiply;opacity:.7}.dogear{position:absolute;width:26px;height:26px;pointer-events:none;z-index:5;left:-1px;bottom:-1px;background:linear-gradient(135deg,#efe2cc 0%,var(--card-2) 100%);clip-path:polygon(0 0,0 100%,100% 100%)}.dogear.tr{inset:-1px -1px auto auto;clip-path:polygon(100% 0,0 0,100% 100%)}.kith-room{position:relative;z-index:1;height:100vh;height:100dvh;display:flex;flex-direction:column}.kith-topbar{display:flex;align-items:center;gap:14px;margin:16px;padding:10px 16px;border-radius:3px}.kith-topbar .cbp-logo{color:var(--ink)}.kith-hair{width:1px;align-self:stretch;background:var(--line);margin:2px}.kith-puzzlename{font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--ink)}.kith-meta{font-size:13px;color:var(--ink-faint)}.kith-spacer{flex:1}.kith-invite{padding:9px 18px;font-size:14px}.kith-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:60;padding:11px 20px;border-radius:4px;font-size:14px;color:var(--ink);box-shadow:var(--cast-md)}.kith-stage{position:relative;flex:1;min-height:0;margin:0 16px 16px}.kith-field{position:absolute;inset:0;touch-action:none;overflow:hidden}.kith-world{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.kith-bed{position:absolute;background:var(--kraft);border-radius:4px;box-shadow:0 2px 3px #5a48322e,inset 0 0 0 1px #5a48320f}.kith-bed:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain);background-size:160px 160px;opacity:.06;mix-blend-mode:multiply;pointer-events:none}.kith-bed-scuff{position:absolute;pointer-events:none}.kith-zoom{position:absolute;right:16px;bottom:16px;z-index:20;display:flex;gap:2px;padding:4px;border-radius:4px;background:var(--card);border:1px solid var(--line);box-shadow:var(--cast-md)}.kith-zoom button{width:38px;height:38px;border:none;background:transparent;border-radius:3px;color:var(--ink-soft);font-size:19px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s var(--ease),color .2s var(--ease)}.kith-zoom button:hover{background:#7864481a;color:var(--ink)}.kith-hint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:13px;color:var(--ink-faint);pointer-events:none;margin:0}.kith-topbtn{padding:9px 16px;font-size:14px}.kith-menu{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:40px 20px}.kith-menu-inner{width:min(820px,100%);text-align:center}.kith-menu-title{font-size:44px;margin:14px 0 26px;line-height:1.08}.kith-menu-card{border-radius:3px;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center;text-align:left}.kith-preview{width:100%;aspect-ratio:5 / 4;border-radius:2px;background-size:cover;background-position:center;background-color:var(--kraft);box-shadow:var(--cast-md),inset 0 0 0 1px #5a48320f}.kith-preview-wrap{display:flex;flex-direction:column;gap:10px}.kith-art-caption{display:flex;flex-direction:column;gap:1px;margin:0}.kith-art-caption .t{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--ink)}.kith-art-caption .a{font-size:12px;color:var(--ink-soft)}.kith-art-caption .m{font-size:11px;color:var(--ink-faint);text-decoration:none;margin-top:2px}.kith-art-caption .m:hover{color:var(--ink-soft)}.kith-menu-controls{display:flex;flex-direction:column;gap:20px}.kith-ctl-label{margin:0 0 10px}.kith-style-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.kith-style-chips button{font-family:var(--font-sans);font-size:12px;color:var(--ink-soft);background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;transition:filter .2s var(--ease),background .2s var(--ease)}.kith-style-chips button:hover{filter:brightness(.98)}.kith-style-chips button.on{background:var(--ink);color:var(--card);border-color:var(--ink)}.kith-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:220px;overflow-y:auto;padding:2px 4px 2px 2px}.kith-gallery .kith-tile{width:100%;height:60px}.kith-tiles{display:flex;gap:10px;flex-wrap:wrap}.kith-tile{width:84px;height:64px;border-radius:2px;background-size:cover;background-position:center;border:1px solid var(--line);position:relative;cursor:pointer;overflow:hidden;padding:0;box-shadow:var(--cast-sm);transition:filter .2s var(--ease)}.kith-tile:hover{filter:brightness(1.04)}.kith-tile.on{outline:2px solid var(--you);outline-offset:1px}.kith-tile-label{position:absolute;left:0;right:0;bottom:0;font-size:11px;color:#fff7f2;background:#423a308c;padding:6px;text-align:center}.kith-tile-upload{background-color:var(--card-2);border-style:dashed}.kith-tile-upload .kith-tile-label{color:var(--ink-soft);background:none;bottom:auto;top:50%;transform:translateY(-50%)}.kith-upload-error{font-size:12px;color:var(--blush-2);margin:8px 0 0}.kith-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#7864482e;outline:none}.kith-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--blush);border:2px solid var(--card);box-shadow:var(--cast-sm);cursor:pointer}.kith-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--blush);border:2px solid var(--card);box-shadow:var(--cast-sm);cursor:pointer}.kith-slider-read{display:flex;align-items:baseline;gap:10px;margin-top:12px}.kith-count{font-size:15px;color:var(--ink);font-weight:500}.kith-mood{font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--ink-soft)}.kith-slider-note{margin:12px 0 0;font-size:12px;color:var(--ink-faint)}.kith-slider-note a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line)}.kith-slider-note a:hover{color:var(--ink)}.kith-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.kith-toggle input{display:none}.kith-toggle-track{width:46px;height:26px;border-radius:13px;background:#78644833;position:relative;transition:background .25s var(--ease);flex:none}.kith-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--card);box-shadow:var(--cast-sm);transition:transform .25s var(--ease)}.kith-toggle input:checked+.kith-toggle-track{background:var(--blush)}.kith-toggle input:checked+.kith-toggle-track .kith-toggle-thumb{transform:translate(20px)}.kith-toggle-text{display:flex;flex-direction:column}.kith-toggle-text b{font-weight:500;font-size:14px;color:var(--ink)}.kith-toggle-text i{font-style:normal;font-size:12px;color:var(--ink-faint)}.kith-begin{margin-top:24px;padding:14px 34px}@media(max-width:720px){.kith-menu-card{grid-template-columns:1fr}.kith-menu-title{font-size:34px}}.kith-piece{position:absolute;left:0;top:0;cursor:grab;contain:layout paint}.kith-piece .pc-core,.kith-piece .pc-face{position:absolute;inset:0;background-repeat:no-repeat}.kith-piece .pc-core{background:var(--chip-brown);transform:translate(1.5px,1.5px)}.kith-piece .pc-face{box-shadow:inset 0 0 0 1px #5a483214}.kith-piece:not(.locked) .pc-core{transform:translate(3px,3px)}.kith-piece.dragging{will-change:transform;cursor:grabbing;z-index:9999}.kith-piece.dragging .pc-core{transform:translate(5px,5px)}.kith-piece.locked{cursor:default;pointer-events:none}.kith-piece.locked .pc-core{transform:translate(.5px,.5px)}.kith-piece.settling{transition:transform .28s var(--ease)}.kith-piece.settling.locked .pc-face{animation:settle-bloom .6s var(--ease)}@keyframes settle-bloom{0%{filter:brightness(1)}35%{filter:brightness(1.14)}to{filter:brightness(1)}}.kith-socket{position:absolute;left:0;top:0;pointer-events:none;background:var(--kraft);filter:brightness(.9)}.kith-finish{position:fixed;inset:0;z-index:50;display:grid;place-items:center;overflow:hidden;background:#f1e7d6db}.kith-finish:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 50% at 50% 38%,#e08a721f,#e08a7200 72%);mix-blend-mode:multiply}.kith-finish-inner{position:relative;text-align:center;max-width:560px;padding:24px}.kith-finish .eyebrow{margin-bottom:24px}.kith-frame{position:relative;display:inline-block;padding:14px;border-radius:2px;transform:rotate(-1.2deg);box-shadow:var(--cast-lg)}.kith-finish-art{width:min(380px,70vw);aspect-ratio:5 / 4;border-radius:1px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #5a483214}.kith-confetti{position:absolute;inset:-40px;pointer-events:none}.kith-confetti span{position:absolute;width:13px;height:11px;clip-path:polygon(0 14%,48% 0,100% 22%,86% 100%,18% 92%);box-shadow:var(--cast-sm)}.kith-finish-title{font-size:44px;margin:34px 0 0;white-space:nowrap}.kith-finish-sub{color:var(--ink-soft);font-size:16px;margin:14px 0 0}.kith-finish-cta{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}@keyframes breathe{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.12);opacity:.75}}@keyframes talk{0%,to{height:5px;opacity:.55}50%{height:20px;opacity:1}}@media(prefers-reduced-motion:reduce){.aura.speaking,.waveform .bar,.kith-piece.settling.locked .pc-face{animation:none!important}.aura.speaking{opacity:.55}.waveform .bar{height:13px;opacity:.9}}