:root{--ground:#f3f5f0;--surface:#fff;--soft:#eef1eb;--line:#e2e6df;--ink:#17211b;--muted:#5b665e;--accent:#93d6a6;--good:#1e5a34;--bad:#8c2b24;--good-bg:#bde7c8;--bad-bg:#ffc7c1;--bad-line:#ff9f95;--track:#d5dad2;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"DM Sans", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y;overscroll-behavior:none;margin:0}button,a,input,textarea{touch-action:manipulation}#root{justify-content:center;min-height:100dvh;display:flex}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}h1,h2,p{margin:0}code{font-size:.9em}.app{width:100%;max-width:440px}.frame{height:100dvh;position:relative;overflow:clip}.screen{flex-direction:column;width:100%;max-width:440px;height:100dvh;display:flex;overflow:hidden}.screen-padded{padding:calc(var(--safe-top) + 48px) 16px calc(var(--safe-bottom) + 28px);gap:20px;overflow-y:auto}.stack-2,.stack-6,.stack-8,.stack-4,.stack-10,.stack-12,.stack-18{flex-direction:column;display:flex}.stack-2{gap:2px}.stack-6{gap:6px}.stack-8{gap:8px}.stack-10{gap:10px}.stack-4{gap:4px}.stack-12{gap:12px}.stack-18{gap:18px}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-between.baseline{align-items:baseline}.row-between.end{align-items:flex-end}.grow{flex-grow:1}.display{font-family:var(--display);letter-spacing:-.02em;font-size:38px;font-weight:800;line-height:1.05}.title{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.eyebrow{color:var(--muted);font-size:15px;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}.body{font-size:16px;line-height:1.45}.center{text-align:center}.num{font-variant-numeric:tabular-nums}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.press{transition:transform .12s}.press:active:not(:disabled){transform:scale(.97)}.btn{border:none;border-radius:28px;justify-content:center;align-items:center;gap:10px;height:56px;font-size:17px;font-weight:700;transition:opacity .15s,transform .12s;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4}.btn-dark{background:var(--ink);color:#fff}.btn-soft{background:var(--ground);color:var(--ink)}.btn-white{background:var(--surface);color:var(--ink)}.btn-danger{background:var(--bad);color:#fff}.btn-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.btn-row.single{grid-template-columns:1fr}.icon-btn,.round-btn{background:var(--ground);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.round-btn{background:var(--surface);box-shadow:0 1px 2px #17211b14}.pill-btn{background:var(--surface);border:none;border-radius:22px;flex-shrink:0;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:15px;font-weight:700;display:flex;box-shadow:0 1px 2px #17211b14}.danger-text{color:var(--bad)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:14px;font-weight:600}.field input,.field textarea{background:var(--ground);border:2px solid #0000;border-radius:18px;outline:none;height:54px;padding:0 16px;font-size:16px}.field textarea{resize:none;border-radius:20px;height:96px;padding:14px 16px;line-height:1.4}.field input:focus,.field textarea:focus{border-color:var(--accent)}.screen-padded>.stack-12 .field input{background:var(--surface)}.password-input{flex-grow:1;min-width:0;display:flex;position:relative}.password-input input{flex-grow:1;min-width:0;padding-right:52px}.password-toggle{width:44px;height:44px;color:var(--muted);background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.input-row{gap:8px;display:flex}.input-row input{flex-grow:1;min-width:0}.input-row .btn{border-radius:18px;height:54px;padding:0 20px}.link-btn{min-height:44px;color:var(--muted);text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:0 12px;font-size:15px;font-weight:600;text-decoration:underline}.account-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.account-card-icon{background:var(--good-bg);width:40px;height:40px;color:var(--good);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.account-card p{flex-direction:column;gap:2px;margin:0;display:flex}.account-card strong{font-size:15px}.form-error{color:var(--bad);font-weight:600}.form-warning{border:1px solid var(--bad-line);background:color-mix(in srgb, var(--bad-bg) 45%, var(--surface));color:var(--bad);border-radius:18px;flex-direction:column;gap:4px;padding:14px 16px 6px;font-size:15px;display:flex}.form-warning .link-btn{color:var(--bad);align-self:flex-start;padding:0}.signin-hero{flex-direction:column;gap:14px;margin-bottom:12px;display:flex}.signin-logo{background:var(--accent);color:#fff;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.scrim{background:#17211b73;animation:.2s fade-in;position:absolute;inset:0}.sheet-scrim{z-index:20}.sheet{max-height:calc(100% - var(--safe-top) - 24px);background:var(--surface);padding:10px 16px calc(var(--safe-bottom) + 28px);z-index:21;overscroll-behavior:contain;border-radius:32px 32px 0 0;outline:none;flex-direction:column;gap:16px;animation:.34s cubic-bezier(.2,.9,.25,1) sheet-up;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 40px #17211b2e}.sheet.keyboard-open{height:calc(100% - 12px);max-height:none;padding-bottom:20px}.sheet h2{font-family:var(--display);letter-spacing:-.02em;font-size:28px;font-weight:800}.grabber{background:var(--track);border-radius:3px;align-self:center;width:40px;height:5px}.sheet-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-heading{flex-direction:column;align-items:flex-start;gap:6px;display:flex}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.username-input{background:var(--ground);border:2px solid #0000;border-radius:18px;align-items:center;padding-left:16px;display:flex}.username-input:focus-within{border-color:var(--accent)}.username-input>span{color:var(--muted);font-size:16px;font-weight:700}.field .username-input input{background:0 0;border:none;flex-grow:1;min-width:0;height:50px;padding-left:2px}.screen-padded>.stack-12 .username-input{background:var(--surface)}.screen-padded>.stack-12 .field .username-input input{background:0 0}.field-hint{color:var(--muted);font-size:13px}.field-hint.bad{color:var(--bad);font-weight:600}.field-hint.good{color:var(--good);font-weight:600}.settings-group{background:var(--ground);border-radius:20px;flex-direction:column;padding:4px 14px;display:flex}.settings-group .group-title{padding:12px 0 4px}.group-title{color:var(--muted);margin:0;font-size:14px;font-weight:700}.switch-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.switch-row+.switch-row{border-top:1px solid var(--line)}.switch-text{flex-direction:column;gap:2px;min-width:0;display:flex}.switch-label{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.switch-row.locked .switch-label{color:var(--muted)}.switch{background:var(--track);border:none;border-radius:15px;flex-shrink:0;width:50px;height:30px;transition:background .2s;position:relative}.switch.on{background:var(--good)}.switch:disabled{opacity:.4}.switch-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #17211b40}.switch.on .switch-knob{transform:translate(20px)}.avatar{letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative}.avatar-live{min-width:10px;min-height:10px;box-shadow:0 0 0 2px var(--surface);background:#3fb565;border-radius:50%;position:absolute;bottom:0;right:0}:root{--ground:#f7f2ee;--soft:#f0e9e3;--line:#ebe2da;--ink:#241c18;--muted:#6c625b;--accent:#ee8a5e;--accent-ink:#a3431c;--accent-bg:#fde4d8;--good:#2c6233;--bad:#a3271d;--good-bg:#dcefdc;--bad-bg:#ffd9d4;--bad-line:#f0796b;--track:#e0d7cf;--shadow-card:0 1px 2px #241c180d, 0 4px 16px -8px #241c1824}.card{background:var(--surface);box-shadow:var(--shadow-card);border-radius:24px;padding:16px}.section-title{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.row-gap{align-items:center;gap:12px;min-width:0;display:flex}.group-badge{font-family:var(--display);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.avatar-stack{flex-shrink:0;align-items:center;display:inline-flex}.avatar-stack-item{box-shadow:0 0 0 2px var(--surface);border-radius:50%;display:inline-flex}.avatar-stack-item+.avatar-stack-item{margin-left:-8px}.avatar-more{background:var(--soft);color:var(--muted);justify-content:center;align-items:center;font-size:11px;font-weight:800}.chip{background:var(--soft);height:36px;color:var(--ink);white-space:nowrap;border:none;border-radius:18px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.chip.on{background:var(--ink);color:#fff}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.person-chip{padding-left:5px}.person-chip .avatar{box-shadow:0 0 0 2px var(--surface)}.icon-btn.small{width:36px;height:36px}.icon-btn.ghost{color:var(--muted);background:0 0}.pill-btn.soft{background:var(--ground);box-shadow:none;height:36px;padding:0 14px;font-size:14px}.pill-btn.dark{background:var(--ink);color:#fff;box-shadow:none;height:36px;padding:0 16px;font-size:14px}.pill-btn.danger{background:var(--bad);color:#fff;box-shadow:none;height:36px;padding:0 16px;font-size:14px}.pill-btn:disabled{opacity:.5}.small-btn{height:46px;font-size:16px}.inline-link{color:var(--ink);font:inherit;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.inline-link.danger-text{color:var(--bad)}.skeleton{background:linear-gradient(90deg, var(--soft) 0%, #fbf8f5 50%, var(--soft) 100%);background-size:200% 100%;border-radius:20px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.new-tag{background:var(--accent-bg);height:22px;color:var(--accent-ink);border-radius:11px;flex-shrink:0;align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.new-tag.small-tag{height:18px;padding:0 6px;font-size:11px}.home{padding-top:calc(var(--safe-top) + 32px);gap:22px}.home .display{font-size:34px}.home-header{align-items:flex-start}.avatar-btn{padding:0;overflow:hidden}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-tile{background:var(--surface);box-shadow:var(--shadow-card);text-align:left;border:none;border-radius:22px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px 16px;font-size:16px;font-weight:800;display:flex}.action-icon{border-radius:13px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.invite-card{border:2px solid var(--accent);flex-direction:column;gap:12px;display:flex}.invite-card strong{font-size:18px;font-family:var(--display);font-weight:800}.group-list{background:var(--surface);box-shadow:var(--shadow-card);border-radius:24px;margin:0;padding:4px 0;list-style:none}.group-row{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:14px;padding:12px 16px;display:flex}.group-list>li+li .group-row{box-shadow:inset 0 1px 0 var(--line);border-top:none}.group-info{flex-direction:column;flex-grow:1;gap:3px;min-width:0;display:flex}.group-name{font-size:17px;font-weight:800}.group-time{color:var(--muted);flex-shrink:0;font-weight:600}.group-preview-line{color:var(--muted);font-size:14px}.group-row.unread .group-preview-line{color:var(--ink);font-weight:600}.group-row.unread .group-time{color:var(--accent-ink);font-weight:800}.unread-count{background:var(--accent);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;display:inline-flex}.empty-card{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 20px;display:flex}.empty-card .btn{align-self:stretch}.empty-icon{background:var(--accent-bg);width:56px;height:56px;color:var(--accent-ink);border-radius:18px;justify-content:center;align-items:center;display:flex}.screen-layer{background:var(--ground);position:absolute;inset:0}.swiping{will-change:transform;box-shadow:-3px 0 14px #241c1817}.swipe-dim{background:rgba(36, 28, 24, var(--dim));pointer-events:none;position:absolute;inset:0}.layer-header{padding:calc(var(--safe-top) + 14px) 16px 10px;align-items:center;gap:10px;display:flex}.layer-heading{text-align:left;min-width:0;color:var(--ink);background:0 0;border:none;flex-grow:1;align-items:center;gap:10px;padding:0;display:flex}.layer-heading .title{margin:0;font-size:20px}.layer-subtitle{color:var(--muted);font-size:13px;font-weight:600}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.people-btn{background:var(--surface);border:none;border-radius:22px;align-items:center;gap:6px;height:44px;padding:0 14px 0 12px;font-size:15px;font-weight:800;display:flex;box-shadow:0 1px 2px #241c1814}.feed-scroll{scrollbar-width:none;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:4px 16px 0;display:flex;overflow-y:auto}.feed-scroll::-webkit-scrollbar{display:none}.composer-spacer{height:calc(var(--safe-bottom) + 84px);flex-shrink:0}.composer{z-index:5;padding:24px 16px calc(var(--safe-bottom) + 14px);background:linear-gradient(to bottom, #f7f2ee00, var(--ground) 45%);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.composer-btn{pointer-events:auto;background:var(--surface);color:#948a83;text-align:left;border:none;border-radius:28px;align-items:center;gap:10px;width:100%;height:56px;padding:0 20px 0 22px;font-size:17px;font-weight:600;display:flex;box-shadow:0 10px 30px -10px #241c1859,0 1px 2px #241c1814}.all-clear{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px 24px;display:flex}.all-clear-icon{border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:6px;display:flex}.load-more{background:var(--soft);height:40px;color:var(--muted);border:none;border-radius:20px;flex-shrink:0;align-self:center;padding:0 18px;font-size:14px;font-weight:700}.post{flex-direction:column;flex-shrink:0;gap:12px;padding:14px 14px 12px;animation:.25s backwards row-in;display:flex}.post.is-new{box-shadow:var(--shadow-card), 0 0 0 2px var(--accent-bg)}.post-head{align-items:center;gap:10px;display:flex}.post-who{flex-direction:column;flex-grow:1;gap:1px;min-width:0;display:flex}.post-author{font-size:15px;font-weight:800}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.45}.more-link{color:var(--muted);font:inherit;background:0 0;border:none;padding:0;font-weight:700}.post-menu{background:var(--ground);border-radius:16px;justify-content:flex-end;align-items:center;gap:8px;padding:8px 8px 8px 12px;animation:.15s fade-in;display:flex}.photo-grid{background:var(--soft);border-radius:18px;gap:3px;margin:0 -2px;display:grid;overflow:hidden}.photo-grid.n2{aspect-ratio:2/1.2;grid-template-columns:1fr 1fr}.photo-grid.n3{aspect-ratio:4/3;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.photo-grid.n3 .photo-tile:first-child{grid-row:span 2}.photo-grid.n4{aspect-ratio:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.photo-tile{background:var(--soft);border:none;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.photo-tile img,.photo-tile .photo-loading{object-fit:cover;width:100%;height:100%;display:block}.photo-loading{background:var(--soft)}.photo-tile .photo-loading{background:linear-gradient(90deg, var(--soft) 0%, #fbf8f5 50%, var(--soft) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.photo-more{color:#fff;font-family:var(--display);background:#241c1873;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex;position:absolute;inset:0}.reactions{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.reaction{background:var(--ground);min-width:34px;height:34px;color:var(--ink);border:1.5px solid #0000;border-radius:17px;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:14px;font-weight:700;transition:transform .12s,background .15s;display:inline-flex;position:relative}.reaction:active{transform:scale(.94)}.reaction.mine{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-ink)}.reaction-emoji{font-size:16px;line-height:1}.reaction.add{color:var(--muted);padding:0 9px}.comment-btn{color:var(--muted);margin-left:auto}.unread-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.reaction-picker{z-index:3;background:var(--surface);box-shadow:0 12px 34px -8px #241c1859, 0 0 0 1px var(--line);border-radius:24px;gap:2px;padding:6px;animation:.18s cubic-bezier(.2,.9,.25,1) pop-in;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.reaction-picker button{background:0 0;border:none;border-radius:50%;width:42px;height:42px;font-size:24px;line-height:1;transition:transform .12s}.reaction-picker button:active{transform:scale(1.25)}.reaction-picker button.mine{background:var(--accent-bg)}.last-comment{background:var(--ground);min-width:0;color:var(--ink);text-align:left;border:none;border-radius:14px;align-items:baseline;gap:4px;padding:8px 12px;font-size:14px;display:flex}.last-comment strong{flex-shrink:0}.last-comment .ellipsis{flex:auto}.last-comment-more{flex-shrink:0;padding-left:6px;font-weight:700}.thread-scroll{gap:12px}.reacted-by{color:var(--muted);flex-direction:column;gap:4px;margin:0;padding:0 6px;font-size:13px;list-style:none;display:flex}.thread-empty{padding:20px 0}.comments{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.comment{align-items:flex-start;gap:8px;animation:.2s backwards row-in;display:flex}.comment-main{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.comment-bubble{background:var(--surface);max-width:100%;color:var(--ink);text-align:left;border:none;border-radius:4px 18px 18px;flex-direction:column;gap:1px;padding:8px 13px 9px;display:flex;box-shadow:0 1px 2px #241c180f}.comment-bubble:disabled{cursor:default}.comment.is-new .comment-bubble{box-shadow:0 0 0 2px var(--accent-bg)}.comment-author{font-size:13px;font-weight:800}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.4}.comment-meta{align-items:center;gap:8px;padding-left:6px;display:flex}.reply-spacer{height:calc(var(--safe-bottom) + 76px);flex-shrink:0}.reply-bar{z-index:5;padding:10px 12px calc(var(--safe-bottom) + 12px) 16px;background:var(--ground);box-shadow:0 -1px 0 var(--line);align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.frame[style*=translateY] .reply-bar{padding-bottom:10px}.reply-bar textarea{background:var(--surface);resize:none;border:2px solid #0000;border-radius:23px;outline:none;flex-grow:1;min-width:0;min-height:46px;max-height:132px;padding:12px 16px;font-size:16px;line-height:1.3}.reply-bar textarea:focus{border-color:var(--accent)}.send-btn{background:var(--ink);color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .15s,transform .12s;display:flex}.send-btn:disabled{opacity:.3}.send-btn:active:not(:disabled){transform:scale(.94)}.viewer{z-index:40;background:#0d0a08;animation:.18s fade-in;position:absolute;inset:0}.viewer-strip{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;display:flex;position:absolute;inset:0;overflow:auto hidden}.viewer-strip::-webkit-scrollbar{display:none}.viewer-slide{scroll-snap-align:center;flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex}.viewer-slide img,.viewer-slide .photo-loading{object-fit:contain;max-width:100%;max-height:100%}.viewer-slide .photo-loading{aspect-ratio:1;background:#2a2420;border-radius:12px;width:60%}.viewer-bar{padding:calc(var(--safe-top) + 12px) 12px 12px 20px;color:#fff;pointer-events:none;background:linear-gradient(#00000080,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.viewer-count{font-weight:700}.viewer-btn{pointer-events:auto;color:#fff;background:#ffffff29}.viewer-prev,.viewer-next{position:absolute;top:50%;transform:translateY(-50%)}.viewer-prev{left:10px}.viewer-next{right:10px}@media (hover:none){.viewer-prev,.viewer-next{display:none}}.composer-text{background:var(--ground);resize:none;border:2px solid #0000;border-radius:20px;outline:none;min-height:132px;padding:14px 16px;font-size:17px;line-height:1.45}.composer-text:focus{border-color:var(--accent)}.sheet.keyboard-open .composer-text{flex:auto;min-height:80px}.sheet.keyboard-open form.stack-12{flex:auto;min-height:0}.thumbs{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px;list-style:none;display:flex;overflow-x:auto}.thumbs::-webkit-scrollbar{display:none}.thumb{background:var(--soft);border-radius:16px;flex-shrink:0;width:84px;height:84px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-remove{color:#fff;background:#241c18b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex;position:absolute;top:5px;right:5px}.composer-actions{align-items:center;gap:10px;display:flex}.composer-actions .pill-btn{border-radius:28px;height:56px;padding:0 18px;font-size:16px}.composer-actions .btn{flex:auto}.group-preview{align-items:flex-end;gap:14px;display:flex}.field-group{flex-direction:column;gap:8px;min-width:0;display:flex}.field-label{color:var(--muted);padding-left:4px;font-size:14px;font-weight:700}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch-btn{border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .12s,border-color .15s;display:flex}.swatch-btn.on{border-color:currentColor}.swatch-btn:active{transform:scale(.94)}.danger-zone{padding:4px 14px}.settings-action{text-align:left;background:0 0;border:none;min-height:52px;padding:0;font-size:16px;font-weight:700}.confirm-box{padding:12px 0}.search-input{background:var(--ground);height:54px;color:var(--muted);border:2px solid #0000;border-radius:18px;align-items:center;gap:10px;padding:0 16px;display:flex}.search-input:focus-within{border-color:var(--accent)}.search-input input{min-width:0;height:100%;color:var(--ink);background:0 0;border:none;outline:none;flex-grow:1;font-size:16px}.person-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.person-list>li+li{border-top:1px solid var(--line)}.person-row{align-items:center;gap:12px;padding:10px 0;display:flex}.person-who{flex-direction:column;flex-grow:1;gap:1px;min-width:0;display:flex}.person-name{font-size:16px;font-weight:800}.person-state{flex-shrink:0;font-weight:700}.person-actions{justify-content:flex-end;align-items:center;gap:8px;padding:0 0 12px;display:flex}.search-empty{padding:12px 8px}.invite-box{background:var(--ground);border-radius:20px;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex}.invite-icon{background:var(--accent-bg);width:40px;height:40px;color:var(--accent-ink);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast{top:calc(var(--safe-top) + 12px);z-index:30;background:var(--bad);color:#fff;border-radius:18px;padding:14px 16px;font-weight:600;animation:.2s fade-in;position:absolute;left:16px;right:16px;box-shadow:0 12px 30px #241c1840}.notice{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 86px);z-index:15;background:var(--ink);color:#fff;border-radius:20px;align-items:center;gap:8px;min-height:52px;padding:6px 6px 6px 18px;font-size:15px;font-weight:600;animation:.28s cubic-bezier(.2,.9,.25,1) notice-in;display:flex;position:absolute;box-shadow:0 14px 34px -10px #241c188c}.notice-close{color:#ffffffb3;background:0 0;width:40px;height:40px}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:none}}@keyframes notice-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width>=700px){.app,.screen{max-width:560px}}.c-coral{color:#9a3a17;background:#fde1d5}.c-amber{color:#7d4a0e;background:#fbe8c9}.c-green{color:#276338;background:#d6efd8}.c-blue{color:#1f4f8a;background:#dde9fb}.c-violet{color:#4b3aa8;background:#e8e3fc}.c-pink{color:#8a2468;background:#f9daee}