:root{--canvas: #ffffff;--surface: #f4f4f1;--surface-raised: #ffffff;--line: #e4e4de;--line-strong: #1a1a1a;--ink: #1a1a1a;--ink-muted: #5e5e58;--ink-inverse: #ffffff;--action: #1a1a1a;--action-pressed: #3a3a36;--focus: #2a6f96;--scrim: rgba(26,26,26,.45);--success: #2c7a45;--success-soft: #e2f2e7;--danger: #b8341d;--danger-soft: #fde3dd;--warning: #8a6200;--warning-soft: #fdf1d6;--info: #2a6f96;--info-soft: #e4f2fa;--person-tomato: #ee5d42;--person-tomato-soft: #fde3dd;--person-tomato-deep: #b8341d;--person-tangerine: #f28a2e;--person-tangerine-soft: #fdebd9;--person-tangerine-deep: #a85a12;--person-mustard: #f2b632;--person-mustard-soft: #fdf1d6;--person-mustard-deep: #8a6200;--person-grass: #47a866;--person-grass-soft: #e2f2e7;--person-grass-deep: #2c7a45;--person-teal: #2a9d96;--person-teal-soft: #e3f1f0;--person-teal-deep: #14706a;--person-sky: #8fc7e8;--person-sky-soft: #e4f2fa;--person-sky-deep: #2a6f96;--person-plum: #9475e6;--person-plum-soft: #ece6fa;--person-plum-deep: #6646c2;--person-bubblegum: #f07aa8;--person-bubblegum-soft: #fce6ef;--person-bubblegum-deep: #b83c6f;--on-person: #1a1a1a;--sticker-edge: #ffffff;--shadow-scrap: 0 6px 14px rgba(26,26,26,.14);--shadow-lifted: 0 16px 32px rgba(26,26,26,.22);--shadow-sticker: 0 2px 6px rgba(26,26,26,.2);--shadow-sheet: 0 -8px 32px rgba(26,26,26,.16);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-14: 56px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--tilt-none: 0deg;--tilt-little: 3deg;--tilt-lots: 6deg;--timing-snap: .12s;--timing-land: .24s;--timing-slap: .32s;--timing-sheet: .28s;--size-touch: 44px;--size-nav: 64px;--size-rail: 88px;--size-edge: 5px;--size-scrap-min: 88px;--size-content-max: 640px;--bp-tablet: 600px;--bp-web: 1024px;--z-scrap: 1;--z-selected: 50;--z-nav: 100;--z-sheet: 200;--z-toast: 300;--font-display: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-cutout-a: "Archivo Black", "Arial Black", sans-serif;--font-cutout-b: "DM Serif Display", Georgia, serif;--font-cutout-c: "Space Mono", ui-monospace, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas: #141413;--surface: #1e1e1c;--surface-raised: #2a2a27;--line: #3a3a36;--line-strong: #f4f4f1;--ink: #f4f4f1;--ink-muted: #a8a8a0;--ink-inverse: #1a1a1a;--action: #f4f4f1;--action-pressed: #d6d6d0;--focus: #8fc7e8;--scrim: rgba(0,0,0,.6);--success: #6fcf8e;--success-soft: #1c3324;--danger: #ff8a73;--danger-soft: #3d221c;--warning: #f2b632;--warning-soft: #3a3117;--info: #8fc7e8;--info-soft: #1b2e3a;--person-tomato-soft: #3d221c;--person-tomato-deep: #ee5d42;--person-tangerine-soft: #3b2a18;--person-tangerine-deep: #f28a2e;--person-mustard-soft: #3a3117;--person-mustard-deep: #f2b632;--person-grass-soft: #1c3324;--person-grass-deep: #47a866;--person-teal-soft: #173331;--person-teal-deep: #2a9d96;--person-sky-soft: #1b2e3a;--person-sky-deep: #8fc7e8;--person-plum-soft: #2a2440;--person-plum-deep: #9475e6;--person-bubblegum-soft: #3a2130;--person-bubblegum-deep: #f07aa8;--shadow-scrap: 0 6px 14px rgba(0,0,0,.5);--shadow-lifted: 0 16px 32px rgba(0,0,0,.65);--shadow-sticker: 0 2px 6px rgba(0,0,0,.55);--shadow-sheet: 0 -8px 32px rgba(0,0,0,.6);color-scheme:dark}}:root[data-theme=dark]{--canvas: #141413;--surface: #1e1e1c;--surface-raised: #2a2a27;--line: #3a3a36;--line-strong: #f4f4f1;--ink: #f4f4f1;--ink-muted: #a8a8a0;--ink-inverse: #1a1a1a;--action: #f4f4f1;--action-pressed: #d6d6d0;--focus: #8fc7e8;--scrim: rgba(0,0,0,.6);--success: #6fcf8e;--success-soft: #1c3324;--danger: #ff8a73;--danger-soft: #3d221c;--warning: #f2b632;--warning-soft: #3a3117;--info: #8fc7e8;--info-soft: #1b2e3a;--person-tomato-soft: #3d221c;--person-tomato-deep: #ee5d42;--person-tangerine-soft: #3b2a18;--person-tangerine-deep: #f28a2e;--person-mustard-soft: #3a3117;--person-mustard-deep: #f2b632;--person-grass-soft: #1c3324;--person-grass-deep: #47a866;--person-teal-soft: #173331;--person-teal-deep: #2a9d96;--person-sky-soft: #1b2e3a;--person-sky-deep: #8fc7e8;--person-plum-soft: #2a2440;--person-plum-deep: #9475e6;--person-bubblegum-soft: #3a2130;--person-bubblegum-deep: #f07aa8;--shadow-scrap: 0 6px 14px rgba(0,0,0,.5);--shadow-lifted: 0 16px 32px rgba(0,0,0,.65);--shadow-sticker: 0 2px 6px rgba(0,0,0,.55);--shadow-sheet: 0 -8px 32px rgba(0,0,0,.6);color-scheme:dark}.display{font-family:var(--font-display);font-size:40px;line-height:44px;font-weight:800;letter-spacing:-.02em}.display-lg{font-family:var(--font-display);font-size:56px;line-height:60px;font-weight:800;letter-spacing:-.02em}.title-1{font-family:var(--font-display);font-size:28px;line-height:32px;font-weight:800}.title-2{font-family:var(--font-display);font-size:22px;line-height:28px;font-weight:700}.block-text{font-family:var(--font-display);font-size:24px;line-height:28px;font-weight:800}.title-3{font-family:var(--font-body);font-size:18px;line-height:24px;font-weight:700}.body{font-family:var(--font-body);font-size:16px;line-height:24px;font-weight:400}.body-strong{font-family:var(--font-body);font-size:16px;line-height:24px;font-weight:700}.small{font-family:var(--font-body);font-size:14px;line-height:20px;font-weight:400}.label{font-family:var(--font-body);font-size:13px;line-height:16px;font-weight:700}.caption{font-family:var(--font-body);font-size:12px;line-height:16px;font-weight:500}.cutout-a{font-family:var(--font-cutout-a);font-size:32px;line-height:36px;font-weight:400}.cutout-b{font-family:var(--font-cutout-b);font-size:34px;line-height:36px;font-weight:400}.cutout-c{font-family:var(--font-cutout-c);font-size:30px;line-height:36px;font-weight:700}.sc-root,.sc-root *{box-sizing:border-box}.sc-root{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased}.sc-focusable:focus-visible,.sc-btn:focus-visible,.sc-iconbtn:focus-visible,.sc-chip:focus-visible,.sc-seg button:focus-visible,.sc-swatch:focus-visible,.sc-scrap:focus-visible,.sc-tab:focus-visible,.sc-field input:focus-visible,.sc-field textarea:focus-visible,.sc-composer input:focus-visible,.sc-sticker-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sc-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sc-icon{width:24px;height:24px;flex:none;display:inline-block;vertical-align:middle}.sc-icon.sm{width:18px;height:18px}.sc-person,[data-person]{--p: var(--action);--p-on: var(--ink-inverse);--p-soft: var(--surface);--p-deep: var(--ink)}[data-person=tomato]{--p: var(--person-tomato);--p-on: var(--on-person);--p-soft: var(--person-tomato-soft);--p-deep: var(--person-tomato-deep)}[data-person=tangerine]{--p: var(--person-tangerine);--p-on: var(--on-person);--p-soft: var(--person-tangerine-soft);--p-deep: var(--person-tangerine-deep)}[data-person=mustard]{--p: var(--person-mustard);--p-on: var(--on-person);--p-soft: var(--person-mustard-soft);--p-deep: var(--person-mustard-deep)}[data-person=grass]{--p: var(--person-grass);--p-on: var(--on-person);--p-soft: var(--person-grass-soft);--p-deep: var(--person-grass-deep)}[data-person=teal]{--p: var(--person-teal);--p-on: var(--on-person);--p-soft: var(--person-teal-soft);--p-deep: var(--person-teal-deep)}[data-person=sky]{--p: var(--person-sky);--p-on: var(--on-person);--p-soft: var(--person-sky-soft);--p-deep: var(--person-sky-deep)}[data-person=plum]{--p: var(--person-plum);--p-on: var(--on-person);--p-soft: var(--person-plum-soft);--p-deep: var(--person-plum-deep)}[data-person=bubblegum]{--p: var(--person-bubblegum);--p-on: var(--on-person);--p-soft: var(--person-bubblegum-soft);--p-deep: var(--person-bubblegum-deep)}:root{--notify: var(--person-tomato);--on-notify: var(--on-person);--p: var(--action);--p-on: var(--ink-inverse);--p-soft: var(--surface);--p-deep: var(--ink);--p-tilt: var(--tilt-little)}[data-tilt=none]{--p-tilt: var(--tilt-none)}[data-tilt=little]{--p-tilt: var(--tilt-little)}[data-tilt=lots]{--p-tilt: var(--tilt-lots)}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--size-touch);padding:0 var(--space-5);border-radius:var(--radius-pill);border:2px solid transparent;font:700 16px/20px var(--font-body);cursor:pointer;transition:transform var(--timing-snap) ease,background-color var(--timing-snap) ease;white-space:nowrap}.sc-btn:active:not(:disabled){transform:scale(.97)}.sc-btn.sm{min-height:36px;padding:0 var(--space-4);font-size:14px}.sc-btn.full{width:100%}.sc-btn.primary{background:var(--action);color:var(--ink-inverse)}.sc-btn.primary:active:not(:disabled){background:var(--action-pressed)}.sc-btn.secondary{background:var(--surface);color:var(--ink)}.sc-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.sc-btn.person{background:var(--p);color:var(--p-on)}.sc-btn.danger{background:var(--danger-soft);color:var(--danger)}.sc-btn:disabled{opacity:.4;cursor:not-allowed}.sc-btn[aria-busy=true]{cursor:progress}.sc-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:sc-spin .8s linear infinite}@keyframes sc-spin{to{transform:rotate(360deg)}}.sc-iconbtn{width:var(--size-touch);height:var(--size-touch);border-radius:var(--radius-pill);border:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);cursor:pointer;transition:transform var(--timing-snap) ease}.sc-iconbtn.filled{background:var(--surface)}.sc-iconbtn.primary{background:var(--action);color:var(--ink-inverse)}.sc-iconbtn:active:not(:disabled){transform:scale(.94)}.sc-iconbtn:disabled{opacity:.4;cursor:not-allowed}.sc-field{display:flex;flex-direction:column;gap:6px}.sc-field label{font:700 14px/20px var(--font-body);color:var(--ink)}.sc-field input,.sc-field textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--radius-md);border:2px solid var(--surface);background:var(--surface);color:var(--ink);font:400 16px/24px var(--font-body)}.sc-field textarea{min-height:96px;resize:vertical}.sc-field input::placeholder,.sc-field textarea::placeholder{color:var(--ink-muted)}.sc-field input:focus,.sc-field textarea:focus{border-color:var(--line-strong);background:var(--canvas);outline:none}.sc-field .hint{font:400 14px/20px var(--font-body);color:var(--ink-muted)}.sc-field.error input,.sc-field.error textarea{border-color:var(--danger)}.sc-field .err{display:flex;gap:6px;align-items:center;font:500 14px/20px var(--font-body);color:var(--danger)}.sc-field.disabled{opacity:.4}.sc-seg{display:inline-flex;background:var(--surface);border-radius:var(--radius-pill);padding:4px;gap:2px}.sc-seg button{min-height:36px;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink);font:700 14px/20px var(--font-body);cursor:pointer}.sc-seg button[aria-pressed=true]{background:var(--action);color:var(--ink-inverse)}.sc-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--radius-pill);border:0;background:var(--surface);color:var(--ink);font:700 14px/20px var(--font-body);cursor:pointer;position:relative}.sc-chip:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.sc-chip[aria-pressed=true]{background:var(--action);color:var(--ink-inverse)}.sc-chip:disabled{opacity:.4}.sc-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:none;background:var(--p);color:var(--p-on);font-family:var(--font-display);font-weight:800;box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--p)}.sc-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sc-avatar.sm{width:28px;height:28px;font-size:12px;box-shadow:0 0 0 2px var(--canvas),0 0 0 3px var(--p)}.sc-avatar.md{width:40px;height:40px;font-size:16px}.sc-avatar.lg{width:64px;height:64px;font-size:24px}.sc-avatar.xl{width:112px;height:112px;font-size:40px;box-shadow:0 0 0 4px var(--sticker-edge),0 0 0 6px var(--p)}.sc-avatar .presence{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid var(--canvas)}.sc-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--notify);border:2px solid var(--canvas)}.sc-cutout{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.12em .35em}.sc-cutout .word{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:var(--space-1)}.sc-cutout .ltr{display:inline-block;padding:.06em .22em;border-radius:var(--radius-xs);line-height:1;color:var(--on-person)}.sc-cutout .gap{width:.35em}.sc-cutout .f0{font-family:var(--font-cutout-a)}.sc-cutout .f1{font-family:var(--font-cutout-b);font-size:1.08em}.sc-cutout .f2{font-family:var(--font-cutout-c);font-weight:700;font-size:.95em}.sc-cutout .ink{background:var(--ink);color:var(--canvas)}.sc-cutout .paper{background:var(--sticker-edge);color:var(--on-person);box-shadow:inset 0 0 0 2px var(--on-person)}.sc-colors{display:grid;grid-template-columns:repeat(4,44px);gap:var(--space-3)}.sc-swatch{width:44px;height:44px;border-radius:50%;border:0;background:var(--p);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--p-on)}.sc-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--canvas),0 0 0 5px var(--line-strong)}.sc-scrap{position:relative;display:inline-block;vertical-align:top;transform:rotate(calc(var(--p-tilt) * var(--seed, 0)));transition:transform var(--timing-land) cubic-bezier(.2,.8,.2,1.2),box-shadow var(--timing-snap) ease;color:var(--ink);text-align:left}.sc-scrap.straight{transform:none}.sc-scrap .frame{position:relative;border-radius:var(--radius-md);box-shadow:var(--shadow-scrap);overflow:hidden;background:var(--surface-raised)}.sc-scrap .media{display:block;width:100%;aspect-ratio:4 / 3;background:var(--p-soft);object-fit:cover}.sc-scrap.photo .frame,.sc-scrap.video .frame,.sc-scrap.cutout .frame{border:var(--size-edge) solid var(--sticker-edge)}[data-edge=round] .sc-scrap.photo .frame,[data-edge=round] .sc-scrap.video .frame,.sc-scrap.photo[data-edge=round] .frame{border-radius:var(--radius-xl)}[data-edge=torn] .sc-scrap.photo .frame,.sc-scrap.photo[data-edge=torn] .frame{border-radius:2px;clip-path:polygon(0 3%,6% 0,14% 2%,22% 0,31% 3%,40% 0,50% 2%,60% 0,70% 3%,80% 0,90% 2%,100% 0,100% 97%,93% 100%,84% 98%,75% 100%,66% 97%,56% 100%,46% 98%,36% 100%,26% 97%,16% 100%,7% 98%,0 100%)}[data-edge=torn] .sc-scrap.photo,.sc-scrap.photo[data-edge=torn],[data-edge=torn] .sc-scrap.video{filter:drop-shadow(0 2px 3px rgba(26,26,26,.22))}.sc-scrap.cutout .frame{border-radius:50%;aspect-ratio:1}.sc-scrap.cutout .media{aspect-ratio:1}.sc-scrap .caption{padding:8px 12px 10px;font:400 14px/20px var(--font-body)}.sc-scrap .by{display:flex;align-items:center;gap:6px;font:700 12px/16px var(--font-body);color:var(--p-deep);padding:6px 0 0 2px}.sc-scrap.text .frame{background:var(--surface);box-shadow:none;padding:12px 14px;font:400 16px/24px var(--font-body)}.sc-scrap.text .frame.floating{background:var(--surface-raised);box-shadow:var(--shadow-scrap)}.sc-scrap.block .frame{background:var(--p);color:var(--p-on);padding:14px 16px;font:800 24px/28px var(--font-display);box-shadow:none}.sc-scrap.shout .frame{background:transparent;box-shadow:none;overflow:visible;padding:4px}.sc-scrap.poll .frame{padding:12px;border:2px solid var(--line-strong);box-shadow:none}.sc-scrap.poll .q{font:700 16px/24px var(--font-body);margin-bottom:8px}.sc-poll-opt{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:40px;margin-top:6px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:500 15px/20px var(--font-body);cursor:pointer;position:relative;overflow:hidden}.sc-poll-opt .bar{position:absolute;inset:0 auto 0 0;background:var(--p);z-index:0}.sc-poll-opt span{position:relative;z-index:1}.sc-poll-opt[aria-pressed=true] span{font-weight:700}.sc-scrap.voice .frame{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;background:var(--surface-raised)}.sc-wave{display:flex;align-items:center;gap:3px;height:32px}.sc-wave i{display:block;width:4px;border-radius:2px;background:var(--p-deep)}.sc-scrap.link .frame{border:2px solid var(--line-strong);box-shadow:none}.sc-scrap.link .media{aspect-ratio:16 / 9}.sc-scrap.link .site{font:500 12px/16px var(--font-body);color:var(--ink-muted);padding:0 12px 10px}.sc-scrap.link .title{font:700 15px/20px var(--font-body);padding:10px 12px 2px}.sc-play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#1a1a1ab8;color:#fff;display:flex;align-items:center;justify-content:center}.sc-scrap.doodle .frame{background:transparent;box-shadow:none;overflow:visible}.sc-scrap .stickers{position:absolute;right:-10px;bottom:-12px;display:flex;align-items:center}.sc-scrap .stickers>*+*{margin-left:-10px}.sc-count{margin-left:4px!important;min-width:28px;height:24px;padding:0 8px;border-radius:var(--radius-pill);background:var(--action);color:var(--ink-inverse);font:700 12px/24px var(--font-body);text-align:center}.sc-scrap[data-state=selected]{z-index:var(--z-selected)}.sc-scrap[data-state=selected]{scale:1.02;filter:drop-shadow(0 10px 18px rgba(26,26,26,.22))}.sc-handle{position:absolute;width:14px;height:14px;border-radius:4px;background:var(--canvas);border:2px solid var(--line-strong);z-index:2}.sc-handle:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px}.sc-handle.tl{left:-11px;top:-11px}.sc-handle.tr{right:-11px;top:-11px}.sc-handle.bl{left:-11px;bottom:-11px}.sc-handle.br{right:-11px;bottom:-11px}.sc-rotate{position:absolute;left:50%;top:-40px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--canvas);border:2px solid var(--line-strong)}.sc-rotate:before{content:"";position:absolute;left:50%;top:20px;width:2px;height:14px;margin-left:-1px;background:var(--line-strong)}.sc-scrap[data-state=dragging]{z-index:var(--z-selected);transform:rotate(calc(var(--p-tilt) * var(--seed, 0))) scale(1.03)}.sc-scrap[data-state=dragging] .frame{box-shadow:var(--shadow-lifted)}.sc-scrap[data-state=uploading] .frame>:not(.sc-overlay){opacity:.6}.sc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:700 13px/16px var(--font-body);text-align:center;padding:8px}.sc-overlay.fail{background:var(--danger-soft);color:var(--danger)}.sc-ring{width:40px;height:40px}.sc-ring circle{fill:none;stroke-width:4}.sc-ring .track{stroke:var(--line)}.sc-ring .val{stroke:var(--ink);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.sc-scrap[data-state=new] .frame:after{content:"";position:absolute}.sc-scrap .newdot{position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;background:var(--notify);border:3px solid var(--canvas);z-index:3}.sc-sticker{display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--p);color:var(--p-on);border:3px solid var(--sticker-edge);box-shadow:var(--shadow-sticker);transform:rotate(var(--rot, -8deg))}.sc-sticker.circle{border-radius:50%}.sc-sticker.square{border-radius:var(--radius-xs)}.sc-sticker.clipped{position:relative;border:0;box-shadow:none;background:transparent;filter:drop-shadow(1.5px 0 0 var(--sticker-edge)) drop-shadow(-1.5px 0 0 var(--sticker-edge)) drop-shadow(0 1.5px 0 var(--sticker-edge)) drop-shadow(0 -1.5px 0 var(--sticker-edge)) drop-shadow(0 2px 2px rgba(26,26,26,.22))}.sc-sticker.clipped>.clip{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--p)}.sc-sticker.face{color:var(--on-person)}.sc-sticker.word{border-radius:var(--radius-xs);padding:.15em .55em;font-family:var(--font-cutout-a);font-weight:400;line-height:1.3;white-space:nowrap}.sc-sticker.slap{animation:sc-slap var(--timing-slap) cubic-bezier(.3,1.6,.5,1)}@keyframes sc-slap{0%{transform:scale(1.6) rotate(var(--rot, -8deg));opacity:0}60%{transform:scale(.92) rotate(var(--rot, -8deg));opacity:1}to{transform:scale(1) rotate(var(--rot, -8deg))}}.sc-tray{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4);background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet)}.sc-sticker-btn{width:var(--size-touch);height:var(--size-touch);border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer}.sc-sticker-btn[aria-pressed=true]{background:var(--surface)}.sc-chatrow{display:flex;flex-direction:column;gap:4px;max-width:78%}.sc-chatrow.mine{align-self:flex-end;align-items:flex-end}.sc-chatrow.theirs{align-self:flex-start;align-items:flex-start}.sc-bubble{position:relative;padding:10px 14px;font:400 16px/24px var(--font-body);border-radius:var(--radius-lg);word-break:break-word}.sc-chatrow.theirs .sc-bubble{background:var(--surface-raised);color:var(--ink);border-bottom-left-radius:4px}.sc-chatrow.mine .sc-bubble{background:var(--p);color:var(--p-on);border-bottom-right-radius:4px}.sc-chatrow .who{font:700 12px/16px var(--font-body);color:var(--p-deep);padding:0 6px}.sc-chatrow .meta{display:flex;align-items:center;gap:4px;font:500 12px/16px var(--font-body);color:var(--ink-muted);padding:0 6px}.sc-chatrow.failed .meta{color:var(--danger)}.sc-chatrow.sending .sc-bubble{opacity:.6}.sc-bubble .stickers{position:absolute;bottom:-12px;display:flex}.sc-chatrow.mine .sc-bubble .stickers{left:-10px}.sc-chatrow.theirs .sc-bubble .stickers{right:-10px}.sc-chatrow.has-stickers{margin-bottom:10px}.sc-chat{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface)}.sc-composer{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--canvas);border-top:1px solid var(--line)}.sc-composer input{flex:1;min-height:44px;border-radius:var(--radius-pill);border:2px solid var(--surface);background:var(--surface);padding:0 16px;font:400 16px/24px var(--font-body);color:var(--ink)}.sc-composer input:focus{border-color:var(--line-strong);outline:none}.sc-tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border-radius:var(--radius-sm);font:700 13px/16px var(--font-body);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sticker);transform:rotate(-2deg);text-decoration:none}.sc-tag .dot{width:10px;height:10px;border-radius:50%;background:var(--p);box-shadow:inset 0 0 0 1px #1a1a1a40}.sc-tag.members{background:var(--ink);color:var(--canvas);box-shadow:none}.sc-cluster{position:relative;border-radius:var(--radius-xl);background:var(--p-soft);padding:28px 16px 24px}.sc-cluster.members{background:var(--surface);outline:2px dashed var(--line-strong);outline-offset:-2px}.sc-cluster>.sc-tag{position:absolute;left:16px;top:-12px}.sc-cluster-body{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.sc-string{position:absolute;pointer-events:none}.sc-string path{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:3 5;stroke-linecap:round}.sc-tabbar{display:flex;justify-content:space-around;align-items:center;min-height:var(--size-nav);padding:6px 4px env(safe-area-inset-bottom,0px);background:var(--canvas);border-top:1px solid var(--line)}.sc-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;min-height:var(--size-touch);border:0;background:transparent;color:var(--ink-muted);font:700 11px/14px var(--font-body);cursor:pointer;border-radius:var(--radius-sm)}.sc-tab[aria-current=page]{color:var(--ink)}.sc-tab[aria-current=page] .sc-icon{stroke-width:2.5}.sc-tab .sc-dot{top:4px;right:12px}.sc-make{width:52px;height:52px;border-radius:50%;border:0;background:var(--action);color:var(--ink-inverse);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--timing-snap) ease}.sc-make:active{transform:scale(.94) rotate(-6deg)}.sc-make:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sc-tabbar.rail{flex-direction:column;justify-content:flex-start;gap:var(--space-3);width:var(--size-rail);min-height:100%;padding:var(--space-5) 0;border-top:0;border-right:1px solid var(--line)}@media(min-width:1024px){.sc-tabbar.auto{flex-direction:column;justify-content:flex-start;gap:var(--space-3);width:var(--size-rail);min-height:100%;padding:var(--space-5) 0;border-top:0;border-right:1px solid var(--line)}}.sc-sheet-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;background:var(--scrim);min-height:100%}.sc-sheet{width:100%;background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-sheet);padding:8px var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom,0px));animation:sc-up var(--timing-sheet) ease-out}.sc-sheet .grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}.sc-sheet h2{margin:0 0 4px;font:700 22px/28px var(--font-display)}.sc-sheet .sub{margin:0 0 16px;font:400 14px/20px var(--font-body);color:var(--ink-muted)}.sc-sheet .actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5)}@keyframes sc-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media(min-width:1024px){.sc-sheet-wrap{align-items:center}.sc-sheet{max-width:480px;border-radius:var(--radius-lg);padding-bottom:var(--space-5)}.sc-sheet .grab{display:none}}.sc-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--size-touch);padding:0 4px;border:0;background:transparent;color:var(--ink);font:500 16px/24px var(--font-body);cursor:pointer;border-radius:var(--radius-sm);text-align:left}.sc-menu-item.danger{color:var(--danger)}.sc-toast{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 8px 8px 16px;border-radius:var(--radius-lg);background:var(--action);color:var(--ink-inverse);font:500 15px/20px var(--font-body);box-shadow:var(--shadow-sheet)}.sc-toast .msg{flex:1;display:flex;align-items:center;gap:8px}.sc-toast button{min-height:36px;padding:0 12px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-inverse);font:700 14px/20px var(--font-body);text-decoration:underline;cursor:pointer}.sc-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);font:500 14px/20px var(--font-body)}.sc-banner.success{background:var(--success-soft);color:var(--success)}.sc-banner.danger{background:var(--danger-soft);color:var(--danger)}.sc-banner.warning{background:var(--warning-soft);color:var(--warning)}.sc-banner.info{background:var(--info-soft);color:var(--info)}.sc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-5)}.sc-empty h3{margin:0;font:800 22px/28px var(--font-display)}.sc-empty p{margin:0;max-width:280px;font:400 16px/24px var(--font-body);color:var(--ink-muted)}.sc-pages{position:relative;padding-right:14px;padding-bottom:6px}.sc-pages .edge{position:absolute;border-radius:var(--radius-lg);background:var(--line)}.sc-pages .top{position:relative;border-radius:var(--radius-lg);background:var(--p-soft);overflow:hidden}.sc-flip{display:flex;align-items:flex-end;gap:4px;height:44px;margin-top:var(--space-3)}.sc-flip button{flex:1;min-height:20px;border:0;padding:0;border-radius:4px;background:var(--line);cursor:pointer}.sc-flip button[aria-current=true]{height:44px;background:var(--p);outline:2px solid var(--line-strong);outline-offset:-2px}.sc-flip-labels{display:flex;justify-content:space-between;font:700 12px/16px var(--font-body);color:var(--ink-muted);margin-top:4px}@media(prefers-reduced-motion:reduce){.sc-root *,.sc-scrap,.sc-sticker,.sc-sheet,.sc-btn,.sc-make{animation:none!important;transition:none!important}}html,body{height:100%}body{background:var(--surface);color:var(--ink);font-family:var(--font-body)}#root{height:100%}button{font-family:inherit}.row{display:flex}.col{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.center{align-items:center}.grow{flex:1;min-width:0}.gap4{gap:4px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.muted{color:var(--ink-muted)}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.field-label{font:700 14px/20px var(--font-body)}.section-h{margin:8px 0 0;font:700 13px/16px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.name-clean{font-family:var(--font-display);font-weight:800;line-height:1}.plain-btn{background:none;border:0;padding:0;cursor:pointer;border-radius:50%}h1,h2,h3,p{margin:0}h1{text-wrap:balance}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.stage-full{height:100%}.stage-desk{height:100%;display:flex;flex-direction:column;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:12px 16px;gap:12px}.desk-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.desk-note{flex:1;min-width:200px}.phone-wrap{flex:1;min-height:0;display:flex;justify-content:center}.phone-frame{position:relative;width:390px;max-width:100%;height:min(844px,100%);border:10px solid var(--ink);border-radius:48px;overflow:hidden;background:var(--canvas);box-shadow:0 30px 60px #1a1a1a2e}.web-wrap{flex:1;min-height:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--canvas)}.app{position:relative;height:100%;display:flex;flex-direction:column;background:var(--canvas);overflow:hidden}.app.web{flex-direction:row}.app.web>.sc-tabbar{order:-1}.app-main{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative}.screen{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;min-height:60px;background:var(--canvas);padding:10px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px))}.topbar>.title-1{flex:1}.web .feed,.web .list,.web .chips,.web .profile-tabs,.web .profile-body{width:100%;max-width:640px;margin-inline:auto}.web .topbar{max-width:672px;width:100%;margin-inline:auto}.web .board-top,.web .chat-top{max-width:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet)}.sc-sheet{position:relative;max-height:92%;overflow-y:auto}.sheet-x{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;background:transparent;color:var(--ink-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-sheet h2{padding-right:44px}.phone .sc-sheet-wrap{align-items:flex-end!important}.phone .sc-sheet{max-width:none!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.phone .sc-sheet .grab{display:block!important}.toasts{position:absolute;left:12px;right:12px;bottom:calc(var(--size-nav) + 12px + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toasts>*{pointer-events:auto;animation:sc-up var(--timing-sheet) ease-out}.web .toasts{left:auto;right:20px;bottom:20px;width:360px}.onb{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:24px max(20px,env(safe-area-inset-right,0px)) 28px max(20px,env(safe-area-inset-left,0px))}.web .onb{max-width:520px;margin-inline:auto;width:100%}.onb-hero{justify-content:center}.onb-art{position:relative;height:210px}.onb-art>.sc-scrap:nth-child(1){position:absolute;left:4px;top:10px;transform:rotate(-6deg)}.onb-art>.sc-scrap:nth-child(2){position:absolute;left:150px;top:60px;transform:rotate(5deg)}.onb-art>.sc-sticker{position:absolute;left:128px;top:8px}.onb-lede{font:400 18px/26px var(--font-body);max-width:32ch}.onb-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.demo-note{font:500 12px/16px var(--font-body);color:var(--ink-muted)}.back-row{margin-left:-8px}.join-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:18px 16px 14px;border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas);color:var(--ink);cursor:pointer;text-align:left}.join-card.on{border-color:var(--line-strong)}.join-check{position:absolute;right:14px;top:14px;width:28px;height:28px;border-radius:50%;border:2px solid var(--line-strong);display:flex;align-items:center;justify-content:center}.join-card.on .join-check{background:var(--action);color:var(--ink-inverse)}.look{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.look-controls{display:flex;flex-direction:column;gap:10px}.look-preview{flex:1;min-width:240px;display:flex;flex-direction:column;gap:18px;padding:18px;border-radius:var(--radius-xl);background:var(--p-soft)}.chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px))}.feed{display:flex;flex-direction:column;gap:32px;padding:20px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}.feed-end{text-align:center}.tag-hit{position:absolute;left:12px;top:-16px;width:180px;height:36px;opacity:0;border:0;cursor:pointer;z-index:3}.collage{display:flex;flex-direction:column;padding:4px 0}.collage-item{position:relative;max-width:82%}.collage-item.left{align-self:flex-start;margin-left:2px}.collage-item.right{align-self:flex-end;margin-right:2px}.collage-item.overlap{margin-top:-20px}.collage-item.is-reply{margin-top:10px}.tap{cursor:pointer;touch-action:manipulation;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent}.string-line{position:absolute;top:-26px;width:56px;height:38px;pointer-events:none}.collage-item.right .string-line{left:-46px}.collage-item.left .string-line{right:-46px}.string-line path{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:3 5;stroke-linecap:round}.reply-to{margin:0 0 4px 4px}.scrap-wrap{position:relative;display:inline-block}.stk-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stk{position:absolute;transform:translate(-50%,-50%);z-index:4}.stk-count{position:absolute;right:-8px;bottom:-12px;z-index:5}.people-card{position:relative;border-radius:var(--radius-xl);background:var(--p-soft);padding:26px 16px 16px}.people-card>.sc-tag{position:absolute;left:16px;top:-12px}.people-body{display:flex;align-items:center;gap:16px;width:100%;background:none;border:0;padding:4px;color:var(--ink);text-align:left;cursor:pointer;border-radius:var(--radius-md)}.mini-stack{position:relative;width:70px;height:86px;flex:none}.ms-back{position:absolute;top:4px;right:-4px;bottom:-2px;left:6px;border-radius:10px;background:var(--line);transform:rotate(6deg)}.ms-front{position:absolute;top:0;right:6px;bottom:4px;left:0;border-radius:10px;border:4px solid var(--sticker-edge);box-shadow:var(--shadow-scrap);transform:rotate(-3deg)}.list{display:flex;flex-direction:column;gap:14px;padding:8px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px))}.board-card{position:relative;display:flex;align-items:center;gap:16px;padding:18px 16px;border-radius:var(--radius-lg);background:var(--p-soft)}.board-card-hit{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border:0;border-radius:inherit;cursor:pointer}.board-card .sc-btn{position:relative;z-index:1}.board-thumbs{position:relative;width:68px;height:58px;flex:none}.thumb{position:absolute;top:6px;width:40px;height:40px;border-radius:8px;border:3px solid var(--sticker-edge);box-shadow:var(--shadow-sticker)}.thumb:nth-child(1){left:0}.thumb:nth-child(2){left:14px;top:2px}.thumb:nth-child(3){left:28px;top:10px}.avatars{display:flex}.avatars>*+*{margin-left:-6px}.board-screen{overflow:hidden}.board-top{border-bottom:1px solid var(--line)}.board-top .sc-seg button{padding:0 12px}.join-bar{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:10px 16px;border-bottom:1px solid var(--line)}.stage{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none;cursor:grab;background-color:var(--canvas);background-image:radial-gradient(var(--line) 1.2px,transparent 1.2px);background-size:24px 24px}.world{position:absolute;left:0;top:0;width:1px;height:1px;transform-origin:0 0}.world-empty{position:absolute;left:0;top:40px;width:340px}.board-item{position:absolute;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.board-item.landing{animation:land var(--timing-land) cubic-bezier(.2,.8,.2,1.2)}@keyframes land{0%{opacity:0;scale:1.15}to{opacity:1;scale:1}}.hit{position:absolute;width:44px;height:44px;z-index:6;touch-action:none}.hit-resize{right:-26px;bottom:-26px;cursor:nwse-resize}.hit-rotate{left:50%;top:-64px;margin-left:-22px;cursor:grab}.zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:8px;z-index:10}.sel-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:2px;padding:4px;background:var(--surface-raised);border-radius:var(--radius-pill);box-shadow:var(--shadow-sheet);z-index:10;max-width:calc(100% - 24px);overflow-x:auto}.fab{position:absolute;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;border:0;background:var(--action);color:var(--ink-inverse);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-scrap);cursor:pointer;z-index:10}.list-view{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px 16px 40px}.list-item{display:flex;flex-direction:column;gap:8px;width:min(340px,100%)}.kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kind{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;border:0;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);font:700 14px/20px var(--font-body);cursor:pointer;transition:transform var(--timing-snap) ease}.kind:active{transform:scale(.96)}.kind-ic{width:44px;height:44px;border-radius:50%;background:var(--canvas);display:flex;align-items:center;justify-content:center}.make-body{display:flex;flex-direction:column;gap:18px}.make-preview{display:flex;justify-content:center;align-items:center;min-height:170px;padding:20px;border-radius:var(--radius-xl);background:var(--p-soft)}.make-preview .scrap-wrap{transform:rotate(-2deg)}.make-form{display:flex;flex-direction:column;gap:16px}.file-btn{align-self:flex-start}.tint-dot{width:40px;height:40px;border-radius:50%;border:3px solid var(--sticker-edge);box-shadow:var(--shadow-sticker);cursor:pointer}.tint-dot[aria-pressed=true]{outline:2px solid var(--line-strong);outline-offset:2px}.rec{width:112px;height:112px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:700 13px/16px var(--font-body);cursor:pointer;align-self:center}.rec.on{background:var(--danger-soft);color:var(--danger);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.05)}}.doodle-pad{width:100%;aspect-ratio:160 / 110;max-width:100%;background:var(--surface);border-radius:var(--radius-md);touch-action:none;cursor:crosshair}.detail-scrap{display:flex;justify-content:center;padding:8px 0 22px}.replies{margin-top:16px}.reply-form{margin:16px -20px -8px}.chat-list{gap:0;padding-inline:0}.chat-row{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));border:0;border-bottom:1px solid var(--line);background:var(--canvas);color:var(--ink);cursor:pointer}.chat-row.active{background:var(--surface)}.group-av{position:relative;width:40px;height:40px;flex:none}.group-av>:first-child{position:absolute;left:0;top:0}.group-av>:last-child{position:absolute;right:0;bottom:0}.chat-screen{overflow:hidden}.chat-top{border-bottom:1px solid var(--line)}.chat-body{flex:1;min-height:0;overflow-y:auto}.msg{display:flex;flex-direction:column}.msg.mine{align-items:flex-end}.msg.theirs{align-items:flex-start}.msg .sc-chatrow{max-width:82%}.msg-photo{margin-bottom:4px}.typing .dots{display:inline-flex;gap:4px;padding:6px 2px}.typing .dots i{width:7px;height:7px;border-radius:50%;background:var(--ink-muted);animation:blink 1s infinite}.typing .dots i:nth-child(2){animation-delay:.15s}.typing .dots i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.25}}.offline-bar{padding:8px 12px 0}.split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.split>.screen:first-child{border-right:1px solid var(--line)}.person-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 8px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink);cursor:pointer;text-align:left}.person-row:hover{background:var(--surface)}.profile-tabs{padding:0 max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}.profile-body{display:flex;flex-direction:column;gap:16px;padding:4px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px))}.page-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px 16px 26px;min-height:420px}.page-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.page-title{font:500 15px/20px var(--font-body)}.pinned,.gb-collage{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding-top:4px}.gb-item{position:relative;display:flex;flex-direction:column;gap:4px}.gb-name{font:700 12px/16px var(--font-body);color:var(--p-deep);padding-left:4px}.profile-actions{display:flex;flex-wrap:wrap;gap:8px}.toasts{top:12px;bottom:auto;left:0;right:0;align-items:center}.web .toasts{top:16px;bottom:auto;left:auto;right:20px;width:auto;align-items:flex-end}.pill-toast{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 8px 6px 14px;border-radius:var(--radius-pill);background:var(--action);color:var(--ink-inverse);font:600 14px/20px var(--font-body);box-shadow:var(--shadow-sheet);max-width:calc(100% - 24px)}.pill-toast.danger{background:var(--danger-soft);color:var(--danger)}.pill-toast button{min-height:28px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;font:700 13px/16px var(--font-body);text-decoration:underline;cursor:pointer}.pill-toast:not(:has(button)){padding-right:14px}.scrap-wrap>.newdot{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--notify);border:3px solid var(--canvas);z-index:6}.caption-out{font:400 14px/20px var(--font-body);padding:6px 4px 0;color:var(--ink)}.shared-by{font:700 12px/16px var(--font-body);padding:6px 2px 0}.win{position:relative;padding:10px;border-radius:var(--radius-xl);background:var(--p-soft);border:3px solid var(--sticker-edge);box-shadow:var(--shadow-scrap);max-width:100%}.win-tag{margin:-2px 0 6px}.win-body{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--canvas)}.win-inner{position:absolute;left:0;top:14px;transform-origin:0 0;pointer-events:none}.win-item{position:absolute}.win-title{font:600 15px/20px var(--font-body);padding:8px 4px 2px}.cluster-wrap{display:flex;flex-direction:column;gap:8px}.window-bar{display:flex;align-items:center;gap:6px;padding:0 4px}.wb-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:var(--radius-pill);border:0;background:var(--surface);color:var(--ink);font:700 13px/16px var(--font-body);cursor:pointer}.new-badge{position:absolute;right:14px;top:-12px;z-index:3;background:var(--notify);color:var(--on-notify);font:700 12px/16px var(--font-body);padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap}.new-badge.static{position:static}.world.flying{transition:transform .38s cubic-bezier(.2,.8,.2,1)}.world-strings{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.world-strings path,.chat-strings path{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-dasharray:3 6;stroke-linecap:round;opacity:.8}.reply-chip{font:700 11px/14px var(--font-body);color:var(--ink-muted);margin:0 0 4px 6px;white-space:nowrap}.board-item.spot:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:3px solid var(--focus);border-radius:var(--radius-lg);pointer-events:none;animation:pulse 1.2s ease-in-out infinite}.board-item.win-mode{cursor:pointer}.board-item.in-win:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:3px dashed var(--line-strong);border-radius:var(--radius-lg);pointer-events:none}.win-check{position:absolute;top:-16px;left:-16px;width:30px;height:30px;border-radius:50%;background:var(--action);color:var(--ink-inverse);display:flex;align-items:center;justify-content:center;z-index:7}.edge-ptr{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;padding:4px;cursor:pointer;z-index:9;animation:bob 1.6s ease-in-out infinite}.edge-new{font:700 10px/14px var(--font-body);background:var(--notify);color:var(--on-notify);border-radius:var(--radius-pill);padding:1px 6px}@keyframes bob{50%{translate:0 -4px}}.catchup-pill{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);border:0;background:var(--action);color:var(--ink-inverse);font:700 14px/20px var(--font-body);box-shadow:var(--shadow-sheet);z-index:10;cursor:pointer;white-space:nowrap}.catchup-pill .dot{width:9px;height:9px;border-radius:50%;background:var(--notify);box-shadow:0 0 0 3px color-mix(in srgb,var(--notify) 35%,transparent)}.catchup-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:var(--shadow-sheet);z-index:10;white-space:nowrap;max-width:calc(100% - 70px)}.sel-bar{border-radius:var(--radius-lg);bottom:12px;padding:4px;gap:0}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;min-height:48px;padding:4px 6px;border:0;background:transparent;color:var(--ink);font:600 11px/14px var(--font-body);border-radius:var(--radius-md);cursor:pointer;flex:none}.tool-btn:hover{background:var(--surface)}.join-bar{flex-direction:row;align-items:center}.board-composer{background:var(--canvas);border-top:1px solid var(--line)}.board-composer .sc-composer{border-top:0}.replying{display:flex;align-items:center;gap:8px;padding:8px 12px 0 14px;font:600 13px/18px var(--font-body);color:var(--ink-muted)}.x-btn{width:32px;height:32px;flex:none;border-radius:50%;border:0;background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.latest{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}.web .latest>*{width:100%;max-width:640px;margin-inline:auto}.thread{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--radius-lg);background:var(--surface)}.thread.has-new{box-shadow:inset 0 0 0 2px var(--line-strong)}.thread-root{display:flex}.thread-replies{display:flex;flex-direction:column;gap:10px;margin-left:10px;padding-left:16px;border-left:2.5px dashed var(--line-strong)}.thread-reply{position:relative;display:flex;flex-direction:column}.thread-reply .sc-chatrow{max-width:100%}.thread-reply>.newdot{position:absolute;left:-26px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--notify);border:3px solid var(--surface)}.chat-body{background:var(--surface)}.chat-inner{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 12px 28px;min-height:100%}.chat-strings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.msg{position:relative;z-index:1}.msg .slot{position:relative;display:inline-flex;flex-direction:column;max-width:82%;cursor:pointer;transition:transform var(--timing-snap) ease;-webkit-tap-highlight-color:transparent}.msg.mine .slot{align-items:flex-end}.msg.theirs .slot{align-items:flex-start}.msg .slot .sc-chatrow{max-width:100%}.msg.loose.stack{margin-top:-16px}.msg.loose .slot{transition:none}.slot.is-active .sc-bubble,.slot.is-active>.scrap-wrap,.slot.is-active>.win{box-shadow:0 0 0 3px var(--focus)}.msg-actions{display:flex;align-items:center;gap:2px;margin-top:6px;padding:4px;background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet)}.quote{max-width:82%;padding:2px 6px 4px;border:0;background:none;color:var(--ink-muted);font:600 12px/16px var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-align:inherit}.msg.flash .slot{animation:flashring .9s ease}@keyframes flashring{30%{transform:scale(1.04)}}.who-loose{font:700 12px/16px var(--font-body);padding:0 6px 4px}.loose-status{padding:2px 6px 0}.chat-tray{padding:8px 12px 0;background:var(--canvas);border-top:1px solid var(--line)}.chat-tray .sc-tray{box-shadow:none;padding:4px}.style-btn{flex:none;min-width:48px;height:36px;padding:0 10px;border-radius:var(--radius-pill);border:2px solid var(--line);background:var(--canvas);color:var(--ink);font:800 13px/1 var(--font-display);cursor:pointer}.style-btn.block{background:var(--action);color:var(--ink-inverse);border-color:var(--action)}.style-btn.shout{font-family:var(--font-cutout-a);font-weight:400;background:var(--person-mustard);color:var(--on-person);border-color:var(--person-mustard)}.profile-head{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-xl);background:var(--p-soft);flex-wrap:wrap}.tab-help{margin-top:-4px}.page-wrap{position:relative;padding:0 8px 8px 0}.page-wrap:before{content:"";position:absolute;top:8px;right:0;bottom:0;left:8px;border-radius:var(--radius-xl);background:var(--line)}.page-canvas{position:relative;z-index:1;width:100%;border-radius:var(--radius-xl);background:var(--p-soft);overflow:hidden;touch-action:pan-y}.page-item{position:absolute;touch-action:none}.page-item.movable{cursor:grab}.page-item.sel .scrap-wrap,.page-item.sel .win{outline:2px solid var(--line-strong);outline-offset:4px;border-radius:var(--radius-md)}.page-item .gb-name{display:block;padding:4px 0 0 4px}.page-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.page-tools{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:0;padding:4px;background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet);z-index:60}.past{display:flex;flex-direction:column;gap:10px}.past-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px}.past-card{flex:0 0 120px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border-radius:var(--radius-lg);border:2px solid var(--line);background:var(--canvas);color:var(--ink);text-align:left;cursor:pointer}.past-card.on{border-color:var(--line-strong)}.past-swatch{width:100%;height:40px;border-radius:var(--radius-sm);background:var(--p)}.past-card .caption{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.share-preview{display:flex;justify-content:center;padding:8px 0 16px}.share-h{margin:18px 0 6px}.person-row:disabled{opacity:.45;cursor:not-allowed}@keyframes pop-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.sc-composer{align-items:center}.sc-composer input{min-width:0}.sc-composer>*{flex-shrink:0}.sc-composer>input{flex:1 1 auto}.sc-tag{max-width:100%;min-width:0}.sc-tag>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.title-2.ellipsis,.title-3.ellipsis{min-width:0}.label{font:700 13px/18px var(--font-body)}.small{font:400 14px/20px var(--font-body)}.caption{font:500 12px/16px var(--font-body)}.title-2{font:800 22px/26px var(--font-display)}.title-3{font:700 17px/22px var(--font-display)}.catchup-bar{left:12px;transform:none;max-width:calc(100% - 80px)}.catchup-group{position:absolute;top:12px;left:12px;z-index:10;display:flex;gap:6px;max-width:calc(100% - 80px)}.catchup-group .catchup-pill{position:static;transform:none;min-width:0}.catchup-clear{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 12px;border-radius:var(--radius-pill);border:0;background:var(--surface-raised);color:var(--ink);font:700 13px/1 var(--font-body);box-shadow:var(--shadow-sheet);cursor:pointer}.catchup-pill{overflow:hidden;text-overflow:ellipsis}.scrap-wrap .sc-scrap.text .frame{background:var(--surface-raised);box-shadow:var(--shadow-scrap)}.scrap-wrap[data-card=tint] .sc-scrap.text .frame{background:var(--p-soft);color:var(--ink)}.scrap-wrap[data-card=bold] .sc-scrap.text .frame{background:var(--p);color:var(--p-on);font-weight:700}.scrap-wrap[data-card=outline] .sc-scrap.text .frame{background:var(--canvas);box-shadow:none;border:2.5px solid var(--p-deep)}.by-line{font:700 12px/16px var(--font-body);padding:5px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stk{pointer-events:auto;cursor:default;touch-action:none}.stk.mine{cursor:grab}.stk.dragging{cursor:grabbing;z-index:30;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));transform:translate(-50%,-50%) scale(1.15);transition:none}.stk-tag{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);padding:3px 8px;border-radius:var(--radius-pill);background:var(--action);color:var(--ink-inverse);font:700 11px/14px var(--font-body);white-space:nowrap;pointer-events:none;animation:pop-in .16s ease-out}.photo-stk,.doodle-stk{display:inline-block;border-radius:50%;border:3px solid var(--sticker-edge);box-shadow:var(--shadow-sticker);overflow:hidden;background:var(--surface-raised)}.photo-stk img{width:100%;height:100%;object-fit:cover;display:block}.doodle-stk svg{width:100%;height:100%;display:block}.react-bar{display:flex;align-items:center;gap:8px;padding:0 2px;min-width:0}.react-sum{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:hidden}.react-chip{display:inline-flex;align-items:center;gap:4px;flex:none;height:32px;padding:0 8px 0 4px;border-radius:var(--radius-pill);border:2px solid transparent;background:var(--surface);color:var(--ink);font:700 13px/1 var(--font-body);cursor:pointer}.react-chip.mine{border-color:var(--line-strong);background:var(--canvas)}.react-who{min-width:0;flex:1 1 auto;padding:0 4px;border:0;background:none;color:var(--ink-muted);font:500 13px/18px var(--font-body);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}span.react-who{cursor:default}.react-actions{display:flex;align-items:center;gap:6px;flex:none}.react-pop-wrap{position:relative}.react-btn.on,.wb-btn.on{background:var(--action);color:var(--ink-inverse)}.wb-btn.icon-only{width:40px;min-height:40px;padding:0;justify-content:center}.wb-btn{min-height:40px}.react-pop{position:absolute;right:0;bottom:calc(100% + 8px);display:flex;align-items:center;gap:0;padding:4px;background:var(--surface-raised);border-radius:var(--radius-pill);box-shadow:var(--shadow-sheet);z-index:40;animation:pop-in .16s ease-out}.react-pop .sc-sticker-btn{transition:transform .12s ease}.react-pop .sc-sticker-btn:hover{transform:scale(1.2) translateY(-2px)}.pop-more{flex:none;min-height:36px;padding:0 12px;margin-left:2px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font:700 13px/1 var(--font-body);cursor:pointer}.cluster-wrap{gap:10px}.cluster-wrap>.sc-cluster,.cluster-wrap>section{position:relative}.pack-tabs{padding:0 0 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.pack-tabs>*{flex:none}.stk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.stk-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;border:2px solid transparent;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform var(--timing-snap) ease;padding:0}.stk-cell:active{transform:scale(.92)}.stk-cell.on{border-color:var(--line-strong);background:var(--canvas)}.stk-cell.make-own{border:2px dashed var(--line-strong);background:transparent;font:700 12px/14px var(--font-body)}.stk-empty{grid-column:1 / -1;padding:8px 2px}.stk-preview{display:flex;align-items:center;justify-content:center;min-height:140px;border-radius:var(--radius-xl);background:var(--surface)}.mini-sw{display:flex;flex-wrap:wrap;gap:6px}.mini-dot{width:32px;height:32px;border-radius:50%;border:3px solid var(--sticker-edge);box-shadow:var(--shadow-sticker);cursor:pointer;padding:0}.mini-dot[aria-checked=true]{outline:3px solid var(--line-strong);outline-offset:2px}.opt-row{display:flex;flex-direction:column;gap:6px;min-width:0}.opt-row .sc-seg{max-width:100%;overflow-x:auto}.deco-body{padding-top:4px}.sc-sheet .look-preview{margin-bottom:14px}.look-preview{min-width:0;overflow:hidden}.look-preview .msg{display:flex}.look-preview .sc-chatrow{max-width:100%}.bg-dots{background-image:radial-gradient(color-mix(in srgb,var(--p-deep) 28%,transparent) 1.6px,transparent 1.8px);background-size:18px 18px}.bg-grid{background-image:linear-gradient(color-mix(in srgb,var(--p-deep) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--p-deep) 16%,transparent) 1px,transparent 1px);background-size:22px 22px}.bg-stripes{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--p) 22%,transparent) 0 10px,transparent 10px 22px)}.bg-confetti{background-image:radial-gradient(circle at 20% 30%,var(--person-tomato) 2.5px,transparent 3px),radial-gradient(circle at 70% 15%,var(--person-sky) 2.5px,transparent 3px),radial-gradient(circle at 45% 75%,var(--person-mustard) 3px,transparent 3.5px),radial-gradient(circle at 85% 60%,var(--person-grass) 2.5px,transparent 3px),radial-gradient(circle at 10% 85%,var(--person-plum) 2.5px,transparent 3px);background-size:90px 90px}.bub-soft .sc-chatrow.mine .sc-bubble{background:var(--p-soft);color:var(--ink)}.bub-outline .sc-chatrow.mine .sc-bubble{background:var(--canvas);color:var(--ink);box-shadow:inset 0 0 0 2.5px var(--p-deep)}.who-name{font:700 12px/16px var(--font-body);padding:0 6px 3px}.q-who{font-weight:800;color:var(--ink)}.chat-inner{padding-inline:22px}.msg-actions{flex-wrap:nowrap;max-width:100%}.board-item.is-sel>.scrap-wrap{filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}.board-item.is-sel>.scrap-wrap .sc-scrap{scale:1.02;transition:scale var(--timing-snap) ease}.board-item.is-drag{cursor:grabbing}.board-item.is-drag>.scrap-wrap{filter:drop-shadow(0 18px 26px rgba(0,0,0,.28))}.board-item.is-drag>.scrap-wrap .sc-scrap{scale:1.05}.knob{position:absolute;width:36px;height:36px;border-radius:50%;background:var(--action);color:var(--ink-inverse);border:3px solid var(--canvas);box-shadow:var(--shadow-sticker);display:flex;align-items:center;justify-content:center;z-index:8;touch-action:none}.knob:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%}.knob-resize{right:-18px;bottom:-18px;cursor:nwse-resize}.knob-rotate{right:-18px;top:-18px;cursor:grab}.drag-hint{position:absolute;left:50%;bottom:84px;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 14px;border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:var(--shadow-sheet);font:600 13px/18px var(--font-body);text-align:center;z-index:10;pointer-events:none;animation:pop-in var(--timing-sheet) ease-out}.place-bar{gap:10px}.catchup-bar .label{overflow:hidden;text-overflow:ellipsis;min-width:0}.view-toggle{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--radius-pill);border:2px solid var(--line);background:var(--canvas);color:var(--ink);font:700 13px/1 var(--font-body);cursor:pointer}.view-toggle.on{background:var(--action);color:var(--ink-inverse);border-color:var(--action)}.vt-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--notify);color:var(--on-notify);font:700 11px/20px var(--font-body);text-align:center}.view-toggle.on .vt-count{background:var(--notify);color:var(--on-notify)}.color-btn{flex:none;width:30px;height:30px;border-radius:50%;border:3px solid var(--sticker-edge);box-shadow:0 0 0 1.5px var(--line-strong);cursor:pointer;padding:0}.board-composer .style-btn{min-width:44px;padding:0 8px}.board-top{gap:4px}.style-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 14px;border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas);color:var(--ink);font:700 14px/20px var(--font-body);cursor:pointer;text-align:left}.style-toggle[aria-expanded=true]{border-color:var(--line-strong)}.style-panel{padding:14px;border-radius:var(--radius-lg);background:var(--surface)}.dest{padding-top:4px}.dest .sc-chip{max-width:100%}.dest .sc-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 0;border-bottom:1px solid var(--line)}.profile-screen .profile-body{gap:14px}.profile-head{flex-direction:column;align-items:stretch;gap:10px;padding:18px 16px 14px;flex-wrap:nowrap}.ph-top{display:flex;align-items:center;gap:14px;min-width:0}.ph-top>:first-child{flex:none}.ph-name{flex:1;min-width:0}.ph-name .sc-cutout{flex-wrap:wrap}.ph-status{font:500 15px/21px var(--font-body);color:var(--ink);overflow-wrap:anywhere}.ph-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.friend-count{display:inline-flex;align-items:baseline;gap:4px;min-height:36px;padding:0 12px;border-radius:var(--radius-pill);border:0;background:var(--canvas);color:var(--ink);font:500 14px/36px var(--font-body);cursor:pointer}.friend-count strong{font:800 16px/1 var(--font-display)}.tab-row{display:flex;align-items:center;gap:10px}.tab-row>.sc-btn,.tab-row>*>.sc-btn{flex:none}.link-btn{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.bell-wrap{position:relative;display:inline-flex}.bell-wrap>.sc-dot{top:8px;right:8px;pointer-events:none}.page-wrap{padding:0 6px 6px 0}.page-wrap:before{top:6px;right:0;bottom:0;left:6px}.wall{position:relative;z-index:1;width:100%;border-radius:var(--radius-xl);background-color:var(--p-soft);overflow:hidden;touch-action:pan-y}.wall-strings{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.wall-strings path{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-dasharray:3 6;stroke-linecap:round;opacity:.8}.wall-item{position:absolute;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer}.wall-item.movable{touch-action:none;cursor:grab}.wall-item.is-sel>.scrap-wrap{filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}.wall-item.is-drag{cursor:grabbing}.wall-item.is-drag>.scrap-wrap{filter:drop-shadow(0 18px 26px rgba(0,0,0,.28));scale:1.04}.wall-item .gb-name{display:block;padding:4px 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wall-tools{position:absolute;left:50%;transform:translate(-50%);display:flex;padding:4px;background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-sheet);z-index:60;max-width:calc(100% - 16px);overflow-x:auto}.friend-row{display:flex;align-items:center;gap:8px;min-height:64px;border-bottom:1px solid var(--line)}.fr-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:8px 0;border:0;background:none;color:var(--ink);cursor:pointer;text-align:left}.friend-row>:last-child:not(.fr-main){flex:none}.invite-card{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:18px 16px;border-radius:var(--radius-xl);background:var(--surface)}.invite-code{flex:1;min-width:0;padding:10px 12px;border-radius:var(--radius-md);background:var(--canvas);border:2px dashed var(--line-strong);font:700 15px/20px var(--font-cutout-c, monospace);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-row>.grow{min-width:0}.person-row>.caption{flex:none;white-space:nowrap}.share-preview .win{max-width:100%}.board-card>.col{min-width:0}.board-card .caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.board-card .row.wrap{row-gap:2px;min-width:0}.onb>*{flex-shrink:0}.onb .look-preview{flex:none}.onb-top{display:flex;align-items:center;gap:12px;margin:-8px 0 0 -8px}.onb-dots{display:flex;gap:6px;flex:1}.onb-dot{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--line);transition:background var(--timing-snap) ease}.onb-dot.on{background:var(--action)}.onb-count{flex:none}.onb-invite{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-pill);background:var(--surface);align-self:flex-start}.onb-name-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;padding:20px;border-radius:var(--radius-xl);background:var(--p-soft);text-align:center}.onb-art{position:relative;height:230px}.onb-art>.oa{position:absolute;animation:oa-in .6s cubic-bezier(.2,.9,.3,1.3) both}.oa1{left:0;top:18px;rotate:-7deg;animation-delay:80ms!important}.oa2{left:150px;top:92px;rotate:6deg;animation-delay:.26s!important}.oa3{left:180px;top:-6px;rotate:10deg;animation-delay:.44s!important;filter:drop-shadow(1.5px 0 0 var(--sticker-edge)) drop-shadow(-1.5px 0 0 var(--sticker-edge)) drop-shadow(0 1.5px 0 var(--sticker-edge)) drop-shadow(0 -1.5px 0 var(--sticker-edge)) drop-shadow(0 3px 4px rgba(0,0,0,.2))}.oa4{left:118px;top:8px;animation:oa-slap .5s cubic-bezier(.3,1.6,.5,1) .9s both!important}.oa5{left:40px;top:178px;rotate:-8deg;animation-delay:1.1s!important}@keyframes oa-in{0%{opacity:0;translate:0 40px;scale:.8}to{opacity:1;translate:0 0;scale:1}}@keyframes oa-slap{0%{opacity:0;scale:2.2}60%{opacity:1;scale:.9}to{scale:1;opacity:1}}.onb-try{position:relative;display:flex;justify-content:center;padding:14px 0 6px}.onb-try-photo{position:relative;cursor:pointer;touch-action:manipulation;rotate:-3deg;-webkit-tap-highlight-color:transparent}.onb-try-tip{position:absolute;right:18%;top:4px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--action);color:var(--ink-inverse);font:700 12px/16px var(--font-body);animation:bob 1.6s ease-in-out infinite;pointer-events:none}.onb-stk-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.onb-done{align-items:center;text-align:center;justify-content:center}.onb-done-art{position:relative;margin-top:24px}.onb-done-art .sc-sticker{position:absolute;right:-26px;top:-14px}.onb-tips{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left;width:100%}.onb-tips li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-lg);background:var(--surface);font:400 15px/21px var(--font-body)}.onb-tips li>svg{flex:none;margin-top:2px}.kind{min-height:104px;padding:10px 6px;gap:4px}.kind-hint{font:500 11px/14px var(--font-body);color:var(--ink-muted);text-align:center}.x-scrap{position:relative;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-scrap);overflow:hidden;color:var(--ink);--k: 1}.x-event{display:flex;gap:calc(12px * var(--k));padding:calc(12px * var(--k));background:var(--surface-raised);border:2.5px solid var(--p)}.ev-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(58px * var(--k));padding:calc(6px * var(--k)) 0;border-radius:var(--radius-md);background:var(--p);color:var(--p-on);align-self:flex-start}.ev-mon{font:800 calc(12px * var(--k))/1.2 var(--font-body);text-transform:uppercase;letter-spacing:.08em}.ev-day{font:800 calc(28px * var(--k))/1 var(--font-display)}.ev-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ev-title{font:800 calc(17px * var(--k))/1.2 var(--font-display);overflow-wrap:anywhere}.ev-meta{font:500 calc(13px * var(--k))/1.35 var(--font-body);color:var(--ink-muted)}.ev-go{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:calc(8px * var(--k));min-height:36px;padding:0 12px;border:2px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--canvas);color:var(--ink);font:700 13px/1 var(--font-body);cursor:pointer}.ev-go.on{background:var(--action);border-color:var(--action);color:var(--ink-inverse)}.ev-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--p-soft);color:var(--ink);font:700 11px/20px var(--font-body);text-align:center}.x-count{padding:calc(14px * var(--k));background:var(--p);color:var(--p-on)}.cd-title{font:800 calc(18px * var(--k))/1.2 var(--font-display);overflow-wrap:anywhere}.cd-row{display:flex;gap:calc(6px * var(--k));margin-top:calc(10px * var(--k))}.cd-unit{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:calc(6px * var(--k)) 0;border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink)}.cd-n{font:800 calc(24px * var(--k))/1.05 var(--font-cutout-c, var(--font-display));font-variant-numeric:tabular-nums}.cd-l{font:700 calc(10px * var(--k))/1.3 var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.cd-when{margin-top:calc(8px * var(--k));font:600 calc(12px * var(--k))/1.3 var(--font-body);opacity:.9}.cd-done{margin-top:10px}.x-song{display:flex;align-items:center;gap:calc(12px * var(--k));padding:calc(12px * var(--k));background:var(--p-soft)}.song-art{position:relative;flex:none;width:calc(76px * var(--k));height:calc(76px * var(--k))}.song-sleeve{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--radius-sm);background:var(--p);color:var(--p-on);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sticker)}.song-disc{position:absolute;top:6%;left:30%;width:88%;height:88%;border-radius:50%;background:radial-gradient(circle,var(--p) 0 16%,#1a1a1a 17% 30%,#2b2b2b 31% 33%,#1a1a1a 34% 50%,#2b2b2b 51% 53%,#1a1a1a 54%)}.song-disc.spin{animation:spin 2.4s linear infinite;left:42%}@keyframes spin{to{rotate:360deg}}.song-body{flex:1;min-width:0;padding-left:calc(18px * var(--k))}.song-kicker{font:700 calc(10px * var(--k))/1.3 var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--p-deep)}.song-title{font:800 calc(16px * var(--k))/1.2 var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font:500 calc(13px * var(--k))/1.3 var(--font-body);color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-ctl{display:flex;align-items:center;gap:8px;margin-top:calc(6px * var(--k))}.song-play{width:36px;height:36px;flex:none;border-radius:50%;border:0;background:var(--action);color:var(--ink-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer}.song-link{font:700 12px/1 var(--font-body);color:var(--ink)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.eq i{width:3px;height:100%;border-radius:2px;background:var(--p-deep);animation:eq .8s ease-in-out infinite;transform-origin:bottom}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.x-gift{border:0;padding:0;cursor:pointer;background:var(--p);color:var(--p-on);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:inherit;transition:transform var(--timing-snap) ease}.x-gift:hover{animation:wiggle .5s ease}@keyframes wiggle{25%{rotate:-3deg}75%{rotate:3deg}}.gift-rib{position:absolute;background:var(--sticker-edge);opacity:.9}.gift-rib.v{left:50%;top:0;bottom:0;width:14%;translate:-50% 0}.gift-rib.hz{top:38%;left:0;right:0;height:12%}.gift-bow{position:absolute;left:50%;top:44%;translate:-50% -88%;display:flex;align-items:center}.gift-bow i{width:calc(44px * var(--k));height:calc(28px * var(--k));background:var(--sticker-edge);border-radius:50%;box-shadow:inset 0 -3px #0000001f;rotate:24deg;margin-right:-4px}.gift-bow i+i{rotate:-24deg;margin:0 0 0 -4px}.gift-bow:after{content:"";position:absolute;left:50%;top:50%;width:calc(12px * var(--k));height:calc(12px * var(--k));translate:-50% -50%;border-radius:5px;background:var(--sticker-edge);box-shadow:0 1px 3px #00000040}.gift-label{position:relative;z-index:1;margin-top:30%;padding:3px 10px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font:800 calc(16px * var(--k))/1.2 var(--font-display);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;rotate:-3deg;box-shadow:var(--shadow-sticker)}.gift-hint{position:relative;z-index:1;font:700 calc(11px * var(--k))/1.2 var(--font-body)}.x-surprise-open{display:flex;flex-direction:column;align-items:flex-start;gap:6px;animation:oa-in .5s cubic-bezier(.2,.9,.3,1.3)}.sp-again{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font:700 12px/1 var(--font-body);cursor:pointer}.x-cut{box-shadow:none;overflow:visible;border-radius:0;background:none;filter:drop-shadow(2px 0 0 var(--sticker-edge)) drop-shadow(-2px 0 0 var(--sticker-edge)) drop-shadow(0 2px 0 var(--sticker-edge)) drop-shadow(0 -2px 0 var(--sticker-edge)) drop-shadow(0 4px 5px rgba(26,26,26,.25))}.cut-img{position:relative}.cut-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cut-clip img{position:absolute;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cut-stk{display:inline-flex;align-items:center;justify-content:center;rotate:var(--rot, 0deg);filter:drop-shadow(1.5px 0 0 var(--sticker-edge)) drop-shadow(-1.5px 0 0 var(--sticker-edge)) drop-shadow(0 1.5px 0 var(--sticker-edge)) drop-shadow(0 -1.5px 0 var(--sticker-edge)) drop-shadow(0 2px 2px rgba(26,26,26,.25))}.wall-stk{display:flex;justify-content:center}.lasso-pad{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);touch-action:none}.lasso-pad img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lasso-pad svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.lasso-tip{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-pill);background:var(--action);color:var(--ink-inverse);font:700 13px/1 var(--font-body);pointer-events:none;white-space:nowrap}.pic-pick{width:64px;height:48px;padding:0;border:3px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:none}.pic-pick img{width:100%;height:100%;object-fit:cover;display:block}.pic-pick.on{border-color:var(--line-strong)}.fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-toast) + 1);pointer-events:none;overflow:hidden}.fx-p{position:absolute;width:var(--s);height:var(--s)}.fx-confetti .fx-p{top:-12px!important;height:calc(var(--s) * .5);background:var(--c);border-radius:1px;animation:fx-fall var(--t) cubic-bezier(.25,.6,.4,1) var(--d) both}.fx-snow .fx-p{top:-12px!important;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #2a6f9659;animation:fx-fall var(--t) linear var(--d) both}@keyframes fx-fall{0%{transform:translate(0) rotate(0);opacity:1}85%{opacity:1}to{transform:translate(var(--dx),110vh) rotate(var(--r));opacity:0}}.fx-hearts .fx-p,.fx-balloons .fx-p{top:auto!important;bottom:-60px;animation:fx-rise var(--t) cubic-bezier(.3,.5,.4,1) var(--d) both}.fx-balloons .fx-p{width:calc(var(--s) * 1.4);height:calc(var(--s) * 1.7);border-radius:50% 50% 48% 48%;background:var(--c);box-shadow:inset -6px -8px #0000001f}.fx-balloons .fx-p:after{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:40px;background:var(--ink-muted)}@keyframes fx-rise{0%{transform:translate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--dx),-115vh);opacity:.9}}.fx-fireworks .fx-p{border-radius:50%;background:var(--c);opacity:0;animation:fx-burst var(--t) cubic-bezier(.1,.7,.3,1) var(--d) both;box-shadow:0 0 8px var(--c)}@keyframes fx-burst{0%{transform:translate(0) scale(.4);opacity:1}70%{opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 30px)) scale(1);opacity:0}}.app.shaking{animation:shake .6s cubic-bezier(.36,.07,.19,.97) 2}@keyframes shake{10%,90%{translate:-2px 0}20%,80%{translate:4px 0}30%,50%,70%{translate:-8px 2px}40%,60%{translate:8px -2px}}.wall.can-add{cursor:copy}.wall-item.landing{animation:land var(--timing-land) cubic-bezier(.2,.8,.2,1.2)}.wall-add-slot{position:absolute;left:14px;right:14px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2.5px dashed color-mix(in srgb,var(--p-deep) 45%,transparent);border-radius:var(--radius-lg);color:var(--p-deep);font:700 14px/20px var(--font-body);pointer-events:none;text-align:center;padding:0 16px}.add-pop{position:absolute;z-index:70;padding:10px;border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sheet);cursor:default;animation:pop-in .16s ease-out}.add-pop-h{padding:0 0 6px 6px}.add-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.add-kind{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:6px 2px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink);font:600 11px/14px var(--font-body);cursor:pointer}.add-kind:hover,.add-kind:focus-visible{background:var(--surface)}.add-kind .kind-ic{width:36px;height:36px;background:var(--surface)}.cluster-wrap{position:relative}.fly-stk{position:absolute;z-index:20;translate:-50% -50%;pointer-events:none;animation:fly-down .72s cubic-bezier(.5,-.3,.6,1) both}@keyframes fly-down{0%{transform:scale(.4);opacity:0}25%{transform:scale(1.25);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.5);opacity:.2}}.talk-btn{gap:4px;padding:0 12px}.talk-peek{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 12px;border:0;border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left}.talk-peek .avatars{flex:none}.winwall-head{display:flex;justify-content:center;padding:4px 0 14px;max-height:230px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}.winwall-wrap{margin:0 -4px}.board-thumbs .thumb{overflow:hidden}.board-thumbs .thumb img{width:100%;height:100%;object-fit:cover;display:block}.board-card .card-deco{position:relative;z-index:1;flex:none}.board-card>.new-badge.static{position:absolute;top:-10px;right:14px;z-index:2}.board-card>.col .sc-cutout{flex-wrap:wrap}.board-preview{margin-bottom:18px}.board-title-btn{border:0;background:none;padding:0;color:inherit;text-align:left;cursor:pointer;font:inherit}.board-h1{display:flex;min-width:0;overflow:hidden}.board-h1 .sc-cutout{flex-wrap:nowrap}.cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.cover-opt{position:relative;aspect-ratio:1;padding:0;border:3px solid transparent;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink);font:700 11px/14px var(--font-body)}.cover-opt img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cover-opt.on{border-color:var(--line-strong)}.cover-n{position:absolute;right:4px;top:4px;width:22px;height:22px;border-radius:50%;background:var(--action);color:var(--ink-inverse);font:800 12px/22px var(--font-body);text-align:center}.cover-add{border:2px dashed var(--line-strong);background:transparent}.stage.sbg-plain{background-image:none}.stage.sbg-grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px}.stage.sbg-tint{background-color:var(--p-soft);background-image:radial-gradient(color-mix(in srgb,var(--p-deep) 22%,transparent) 1.2px,transparent 1.4px)}.stage.sbg-confetti{background-image:radial-gradient(circle at 20% 30%,var(--person-tomato) 2px,transparent 2.5px),radial-gradient(circle at 70% 15%,var(--person-sky) 2px,transparent 2.5px),radial-gradient(circle at 45% 75%,var(--person-mustard) 2.5px,transparent 3px),radial-gradient(circle at 85% 60%,var(--person-grass) 2px,transparent 2.5px),radial-gradient(circle at 10% 85%,var(--person-plum) 2px,transparent 2.5px);background-size:110px 110px}.bell-wrap>.sc-dot,.sc-dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--notify) 30%,transparent)}.onb-inviter{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-xl);background:var(--p-soft)}.onb-step-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-xl);background:var(--surface)}.onb-num{width:28px;height:28px;flex:none;border-radius:50%;background:var(--action);color:var(--ink-inverse);font:800 14px/28px var(--font-body);text-align:center}.onb-step-card .invite-code{background:var(--canvas)}@media(prefers-reduced-motion:reduce){.board-item.landing,.onb-art>.oa,.app.shaking,.song-disc.spin,.eq i,.fly-stk,.wall-item.landing,.toasts>*,.stk-tag,.react-pop,.drag-hint,.rec.on,.typing .dots i,.edge-ptr,.board-item.spot:after,.msg.flash .slot{animation:none!important}.world.flying{transition:none}.fx{display:none}}.board-card>:not(.board-card-hit){pointer-events:none}.board-card>.card-deco,.board-card>.sc-btn,.board-card>.sc-iconbtn{pointer-events:auto;position:relative;z-index:1}.nudge-wrap{padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}.nudge-wrap:empty{display:none}.nudge{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:var(--radius-lg);background:var(--surface);margin-top:8px}.nudge>svg{flex:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body)}.shell{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.lede{margin:0;max-width:30ch;font:400 18px/26px var(--font-body)}.checks{list-style:none;margin:8px 0 0;padding:14px 18px;border-radius:var(--radius-lg);background:var(--surface);display:flex;flex-direction:column;gap:10px;text-align:left;font:500 15px/20px var(--font-body)}.checks li{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background:var(--line-strong);flex:none}.dot.ok{background:var(--success)}.dot.warn{background:var(--notify, var(--person-tomato))}.ver{margin:0;font:500 12px/16px var(--font-body);color:var(--ink-muted)}.stage-full,.stage-web,.stage-web .app{height:100%}.net-error{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 10px);transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;border-radius:var(--radius-pill);background:var(--danger-soft);color:var(--danger);font:600 13px/18px var(--font-body);box-shadow:var(--shadow-sheet)}.net-error button{border:0;background:transparent;color:inherit;font:700 13px/1 var(--font-body);text-decoration:underline;cursor:pointer;padding:6px}.signin{min-height:100%;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.signin-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:20px}.signin-form{width:100%;display:flex;flex-direction:column;gap:14px}.signin-form h1{margin:0}.signin-form p{margin:-6px 0 0}.signin-invite{margin:0;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:var(--radius-pill);background:var(--surface);font:500 14px/20px var(--font-body)}.join-check.on{background:var(--action);color:var(--ink-inverse);border-color:var(--action)}