:root,.theme-light,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);--color-brand:#9b2768;--color-brand-hover:#812057;--color-brand-soft:#f8eaf2;--color-on-brand:#fff;--color-canvas:#f6f5f8;--color-surface:#fff;--color-surface-subtle:#f1f0f4;--color-text:#252331;--color-text-secondary:#646170;--color-text-muted:#726e7d;--color-border:#e2dfe8;--color-border-strong:#aaa3b6;--color-bubble-mine:var(--color-brand);--color-bubble-peer:#ecebf0;--color-bubble-peer-text:#252331;--color-ai:#6550a5;--color-ai-soft:#f1edfa;--color-ai-border:#d7ccee;--color-success:#16715d;--color-success-soft:#e5f4ee;--color-warning:#80409a;--color-warning-soft:#f4eaf8;--color-danger:#bd344e;--color-danger-soft:#fcebf0;--color-info:#365fa8;--color-info-soft:#edf2fc;--color-focus:#6550a5;--color-overlay:#25233166;--shadow-card:0 4px 16px #25233106;--shadow-popover:0 12px 36px #2523311a;--shadow-phone:0 32px 64px #2523311f, 0 6px 16px #25233114}.theme-dark,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text);--color-brand:#db8dba;--color-brand-hover:#eca9d0;--color-brand-soft:#392434;--color-on-brand:#281420;--color-canvas:#17151d;--color-surface:#211e29;--color-surface-subtle:#2b2734;--color-text:#f3eff7;--color-text-secondary:#bbb4c7;--color-text-muted:#aaa1b7;--color-border:#3d3748;--color-border-strong:#80758f;--color-bubble-mine:var(--color-brand);--color-bubble-peer:#302b39;--color-bubble-peer-text:#f3eff7;--color-ai:#c2b0f3;--color-ai-soft:#30273f;--color-ai-border:#57456f;--color-success:#7dd4b6;--color-success-soft:#1e372f;--color-warning:#d9acf1;--color-warning-soft:#392743;--color-danger:#ff9baf;--color-danger-soft:#402530;--color-info:#9cbcf7;--color-info-soft:#243149;--color-focus:#c2b0f3;--color-overlay:#08060db3;--shadow-card:0 4px 16px #0000001a;--shadow-popover:0 12px 36px #00000052;--shadow-phone:0 32px 64px #00000040, 0 6px 16px #00000030}:root{--font-family:Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-size-caption:12px;--font-size-label:13px;--font-size-meta:14px;--font-size-body:16px;--font-size-title:20px;--font-size-section:28px;--font-size-display:48px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-body:1.6;--line-height-label:1.5;--line-height-heading:1.3;--letter-spacing-heading:-.04em;--space-none:0;--space-micro:4px;--space-tight:8px;--space-compact:12px;--space-base:16px;--space-comfort:20px;--space-roomy:24px;--space-group:32px;--space-section:48px;--space-layout:64px;--radius-small:8px;--radius-control:12px;--radius-bubble:16px;--radius-card:20px;--radius-panel:28px;--radius-pill:999px;--border-width:1px;--icon-size:24px;--icon-stroke:1.75;--touch-target:44px;--motion-instant:.1s;--motion-fast:.16s;--motion-normal:.24s;--motion-slow:.36s;--motion-easing:cubic-bezier(.2, .8, .2, 1);--frame-width:390px;--frame-height:844px;--frame-bezel:8px;--frame-radius:48px;--frame-status-height:44px;--frame-home-height:24px;--frame-shell:#292531;--frame-shell-edge:#514a5d}@media (prefers-reduced-motion:reduce){:root{--motion-instant:0s;--motion-fast:0s;--motion-normal:0s;--motion-slow:0s}}
:root{--feel-tail:1;--feel-corner:1;--feel-squircle:1;--feel-icon-fill:1;--feel-motion:1;--feel-send-swap:1;--feel-reaction-row:1;--feel-room-header-tint:1;--feel-list-divider:0;--feel-demo-hints:0;--feel-round-check:1;--feel-group-runs:1}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.splash{z-index:50;background:var(--color-canvas);align-content:center;place-items:center;gap:12px;animation:.4s .9s forwards splash-out;display:grid;position:fixed;inset:0}.splash img{width:72px;height:72px;animation:.5s both splash-in}@keyframes splash-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes splash-out{to{opacity:0;visibility:hidden}}.screen{flex-direction:column;justify-content:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:24px;display:flex}.brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.brand img{width:40px;height:40px}.brand b{font-size:var(--font-size-title)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font-size:var(--font-size-label);color:var(--color-text-secondary)}.field input{height:48px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:12px;padding:0 14px}.field input:focus{outline:2px solid var(--color-focus);outline-offset:1px}.btn{width:100%;height:48px;font:inherit;cursor:pointer;background:var(--color-brand);color:var(--color-on-brand);border:0;border-radius:12px;font-weight:600}.btn:hover{background:var(--color-brand-hover)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.msg{font-size:var(--font-size-meta);color:var(--color-danger);min-height:1.4em;margin:12px 0 0}.note{color:var(--color-text-secondary);font-size:var(--font-size-meta);line-height:1.6}.card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:14px;padding:18px}.btn.google{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);justify-content:center;align-items:center;gap:10px;display:flex}.btn.google:hover{background:var(--color-surface-subtle)}.gate{z-index:60;background:var(--color-canvas);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gate-box{text-align:center;gap:12px;width:100%;max-width:360px;display:grid}.gate-box .btn{place-items:center;text-decoration:none;display:grid}.sheet{z-index:55;padding:calc(12px + env(safe-area-inset-top)) 12px 12px;position:fixed;top:0;left:0;right:0}.sheet-box{background:var(--color-surface);border:2px solid var(--color-border);max-width:520px;box-shadow:var(--shadow-popover);border-radius:22px;gap:14px;margin:0 auto;padding:20px;animation:.3s both sheet-down;display:grid}.sheet-head{align-items:center;gap:14px;display:flex}.sheet-head b{font-size:22px;line-height:1.3}.sheet-head .note{font-size:15px}.sheet-box .btn-big{border-radius:16px;width:100%;height:64px;font-size:22px;font-weight:700}.sheet-box .btn-later{width:100%;height:40px;font-size:14px}@keyframes sheet-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}.tk{background:var(--color-canvas);flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;padding-bottom:64px;display:flex}.tk.room{height:100dvh;padding-bottom:0}.tk-top{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:18px;display:flex}.tk-top a{color:var(--color-text-secondary);text-decoration:none}.tk-links{color:var(--color-text-muted);font-size:12px}.tk-list{background:var(--color-surface);margin:0;padding:0;list-style:none}.tk-row{border:0;border-bottom:1px solid var(--color-border);width:100%;min-height:64px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex}.tk-row:hover{background:var(--color-surface-subtle)}.tk-av{background:var(--color-brand-soft);width:44px;height:44px;color:var(--color-brand);border-radius:16px;flex:none;place-items:center;font-weight:700;display:grid}.tk-main{flex:1;gap:2px;min-width:0;display:grid}.tk-main small{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tk-meta{justify-items:end;gap:4px;display:grid}.tk-meta small{color:var(--color-text-muted);font-size:11px}.tk-badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:1px 6px;font-size:11px;font-style:normal}.tk-empty{text-align:center;padding:32px 24px}.tk-tabs{background:var(--color-surface);border-top:1px solid var(--color-border);max-width:520px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:1fr 1fr;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tk-tabs a{text-align:center;color:var(--color-text-muted);padding:16px 0;font-size:11px;text-decoration:none}.tk-tabs a[aria-current]{color:var(--color-brand);font-weight:700}.msgs{flex-direction:column;flex:1;gap:4px;padding:12px 12px 8px;display:flex;overflow-y:auto}.daychip{text-align:center;margin:12px 0 8px}.daychip span{background:var(--color-surface-subtle);color:var(--color-text-secondary);border-radius:12px;padding:4px 12px;font-size:11px}.msg{gap:2px;display:grid}.msg.mine{justify-items:end}.msg .who{color:var(--color-text-secondary);margin:6px 0 0 4px;font-size:12px}.msg .line{align-items:flex-end;gap:6px;max-width:82%;display:flex}.msg .at{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;margin:0;padding:9px 12px;font-size:15px;line-height:1.5}.mine .bubble{background:var(--color-bubble-mine);color:var(--color-on-brand)}.peer .bubble{background:var(--color-bubble-peer);color:var(--color-bubble-peer-text)}.bubble.gone{background:var(--color-surface-subtle);color:var(--color-text-muted);font-style:italic}.retry{color:var(--color-danger);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);gap:8px;display:flex}.composer input{border:1px solid var(--color-border);background:var(--color-canvas);min-height:44px;color:var(--color-text);border-radius:22px;flex:1;padding:0 14px;font-size:16px}.composer .btn{width:auto;height:44px;padding:0 18px}.bubble{text-align:left;font:inherit;cursor:pointer;border:0;gap:4px;display:grid}.bubble:disabled{cursor:default}.bubble .quote{opacity:.7;border-left:3px solid;padding-left:8px;font-size:12px;display:block}.bubble .pic{border-radius:10px;max-width:220px;max-height:280px;display:block}.filebox{gap:2px;display:grid}.filebox small{opacity:.75;font-size:11px}.noticebar{background:var(--color-brand-soft);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.noticebar span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.noticebar button,.replybar button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:8px;font-size:12px}.replybar{background:var(--color-surface-subtle);color:var(--color-text-secondary);align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:flex}.replybar span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.roomerr{color:var(--color-danger);margin:0;padding:8px 16px;font-size:13px}.composer .attach{border:1px solid var(--color-border);background:var(--color-surface);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;border-radius:22px;flex:none;font-size:22px}.menu-back{z-index:70;background:var(--color-overlay);align-items:end;display:grid;position:fixed;inset:0}.menu{width:100%;max-width:520px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--color-surface);border-radius:18px 18px 0 0;gap:1px;margin:0 auto;display:grid}.menu button{min-height:52px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:16px}.menu button:hover{background:var(--color-surface-subtle)}.menu .danger{color:var(--color-danger)}.menu .ghost{color:var(--color-text-muted)}.leave{background:var(--color-surface);text-align:center;padding:8px 16px}.leave button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:8px;font-size:12px}.newform{gap:14px;padding:16px;display:grid}.newform label{gap:6px;font-size:14px;display:grid}.newform input:not([type=checkbox]),.newform select{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);border-radius:10px;padding:0 12px;font-size:16px}.newform fieldset{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:8px 12px;display:grid}.pick{align-items:center;gap:10px;min-height:44px;display:flex!important}.linkbtn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:13px}.searchrow{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.searchrow input{border:1px solid var(--color-border);background:var(--color-canvas);min-height:40px;color:var(--color-text);border-radius:20px;flex:1;margin:4px 0 4px 12px;padding:0 12px;font-size:16px}.hits{background:var(--color-surface);border-bottom:1px solid var(--color-border);max-height:40dvh;margin:0;padding:0;list-style:none;overflow-y:auto}.hits li{border-bottom:1px solid var(--color-border);gap:2px;padding:8px 16px;font-size:14px;display:grid}.hits small{color:var(--color-text-muted);font-size:11px}.chips{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:22px;min-height:44px;padding:0 10px;font-size:13px}.chip.on{border-color:var(--color-brand);background:var(--color-brand-soft)}.emojirow{justify-content:space-around;padding:4px 0 8px;display:flex}.emojirow button{min-width:52px;min-height:52px;font-size:26px}.bubble mark{color:inherit;background:0 0;font-weight:700;text-decoration:underline}.bubble mark.me{background:var(--color-warning-soft);color:var(--color-warning);border-radius:4px;padding:0 2px;text-decoration:none}.mentions{background:var(--color-surface);border-top:1px solid var(--color-border);flex-wrap:wrap;gap:6px;margin:0;padding:4px 12px;list-style:none;display:flex}.mentions button{border:1px solid var(--color-border);background:var(--color-surface-subtle);cursor:pointer;border-radius:22px;min-height:44px;padding:0 12px}.linkcard{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;gap:2px;max-width:260px;margin-top:4px;padding:8px 10px;font-size:13px;text-decoration:none;display:grid}.linkcard small{color:var(--color-text-muted);font-size:11px}.linkcard span{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.menu.fwd{max-height:80dvh;overflow-y:auto}.menu.fwd ul{margin:0;padding:0 8px;list-style:none}.fwdtitle{padding:12px}.viewer{z-index:80;background:#000d;place-items:center;display:grid;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:96vw;max-height:86dvh}.viewer button{background:var(--color-surface);cursor:pointer;border:0;border-radius:22px;min-height:44px;padding:0 16px;position:absolute;top:12px;right:12px}.rc{color:var(--color-brand);margin-right:4px;font-size:11px}.unreadline{text-align:center;border-top:1px solid var(--color-brand);margin:12px 0;line-height:0}.unreadline span{background:var(--color-brand-soft);color:var(--color-brand);border-radius:12px;padding:3px 12px;font-size:11px;line-height:1.4}.hdr-act{align-items:center;gap:4px;font-size:13px;display:flex}.hdr-act form{margin:0}.pollcard{gap:6px;min-width:220px;display:grid}.pollcard small{opacity:.75;font-size:11px}.popt{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);text-align:left;cursor:pointer;font:inherit;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:8px 12px;font-size:14px;display:grid;position:relative;overflow:hidden}.popt.on{border-color:var(--color-brand)}.popt .pbar{background:var(--color-brand-soft);z-index:0;position:absolute;top:0;bottom:0;left:0}.popt>span,.popt>small{z-index:1;position:relative}.popt .pnames{color:var(--color-text-muted);grid-column:1/-1}.sheetform{gap:10px;max-height:88dvh;padding:12px;overflow-y:auto}.sheetform input:not([type=checkbox]){border:1px solid var(--color-border);background:var(--color-canvas);min-height:44px;color:var(--color-text);border-radius:10px;padding:0 12px;font-size:16px}.schlist{margin:0;padding:0;font-size:13px;list-style:none}.schlist li{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.drawtabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.drawtabs a{text-align:center;color:var(--color-text-muted);padding:14px 0;font-size:14px;text-decoration:none}.drawtabs a[aria-current]{color:var(--color-brand);border-bottom:2px solid var(--color-brand);font-weight:700}.photos{background:var(--color-surface);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.photos img{aspect-ratio:1;object-fit:cover;width:100%;display:block}