:root{--grad-1: #f0a8a0;--grad-2: #e8938c;--accent: #e8938c;--accent-dark: #d97c74;--accent-light: #f9e3e0;--bubble-mine: #f9d9d4;--bg: #fbf7f5;--shadow-c: rgba(232, 147, 140, .35);--bubble-other: #ffffff;--text: #443c3a;--text-sub: #a09088;--danger: #d95f6e;--header-h: 56px;--footer-h: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=pink]{--grad-1: #fbb6cc;--grad-2: #f49ab8;--accent: #f8a5c2;--accent-dark: #ef7fa8;--accent-light: #fde4ec;--bubble-mine: #fdd0e0;--bg: #fdf6f8;--shadow-c: rgba(248, 165, 194, .35)}[data-theme=lavender]{--grad-1: #c3aed6;--grad-2: #a98bc8;--accent: #b39ccc;--accent-dark: #9673b8;--accent-light: #ede5f5;--bubble-mine: #e6dcf3;--bg: #faf8fd;--shadow-c: rgba(169, 139, 200, .35)}[data-theme=mint]{--grad-1: #8fd3c0;--grad-2: #6bbfa8;--accent: #7cc7b2;--accent-dark: #55a890;--accent-light: #ddf1ea;--bubble-mine: #d5f0e6;--bg: #f6fbf9;--shadow-c: rgba(107, 191, 168, .35)}[data-theme=blue]{--grad-1: #92b8e8;--grad-2: #6f9dd8;--accent: #7fa9de;--accent-dark: #5b88c8;--accent-light: #e2ecf9;--bubble-mine: #d8e6f7;--bg: #f6f9fd;--shadow-c: rgba(111, 157, 216, .35)}[data-theme=greige]{--grad-1: #b8a99a;--grad-2: #9c8b7d;--accent: #a89888;--accent-dark: #83705f;--accent-light: #ece6e0;--bubble-mine: #e9e2da;--bg: #faf8f6;--shadow-c: rgba(156, 139, 125, .35)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}#app{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:16px}a{color:var(--accent-dark);text-decoration:none}.page{display:flex;flex-direction:column;height:100dvh}.app-header{height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;gap:8px;padding-left:12px;padding-right:12px;background:linear-gradient(135deg,var(--grad-1),var(--grad-2));color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--shadow-c);position:relative;z-index:10}.app-header h1{font-size:17px;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;border-radius:50%}.header-btn:active{background:#ffffff40}.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-bar{height:calc(var(--footer-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;background:#fff;border-top:1px solid var(--accent-light);flex-shrink:0}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--text-sub);position:relative}.tab-item.active{color:var(--accent-dark);font-weight:700}.tab-item .tab-icon{display:flex;align-items:center;justify-content:center;height:24px}.tab-item .tab-icon svg{stroke-width:1.6}.tab-item.active .tab-icon svg{stroke-width:2.2}.tab-badge{position:absolute;top:6px;right:calc(50% - 24px);min-width:18px;height:18px;padding:0 5px;background:var(--danger);color:#fff;border-radius:9px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.btn{display:block;width:100%;padding:14px;background:linear-gradient(135deg,var(--grad-1),var(--grad-2));color:#fff;font-size:16px;font-weight:700;border-radius:999px;box-shadow:0 4px 12px var(--shadow-c);transition:opacity .15s}.btn:disabled{opacity:.5}.btn:active{opacity:.8}.btn-sub{background:#fff;color:var(--accent-dark);border:2px solid var(--accent-light);box-shadow:none}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--text-sub);margin-bottom:6px;font-weight:700}.field input{width:100%;padding:13px 16px;border:2px solid var(--accent-light);border-radius:14px;background:#fff;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.error-msg{background:#fbecee;color:var(--danger);padding:10px 14px;border-radius:12px;font-size:13px;margin-bottom:16px}.auth-page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px 24px calc(32px + var(--safe-bottom));max-width:420px;margin:0 auto}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo .logo-mark{font-size:56px}.auth-logo h1{font-size:26px;color:var(--accent-dark);letter-spacing:.1em}.auth-logo p{font-size:13px;color:var(--text-sub);margin-top:4px}.talk-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--bg);width:100%;text-align:left}.talk-item:active{background:var(--accent-light)}.avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;flex-shrink:0}.talk-body{flex:1;min-width:0}.talk-name{font-weight:700;font-size:15px}.talk-preview{font-size:13px;color:var(--text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talk-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.talk-time{font-size:11px;color:var(--text-sub)}.unread-badge{min-width:20px;height:20px;padding:0 6px;background:var(--accent-dark);color:#fff;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;padding:64px 24px;color:var(--text-sub)}.empty-state .big{font-size:48px;margin-bottom:12px}.chat-content{flex:1;overflow-y:auto;padding:12px 12px 8px;-webkit-overflow-scrolling:touch;background:var(--bg)}.msg-row{display:flex;margin-bottom:10px;align-items:flex-end;gap:6px}.msg-row.mine{flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;font-size:14px}.bubble{max-width:72%;padding:10px 14px;border-radius:18px;background:var(--bubble-other);box-shadow:0 1px 3px #0000000f;word-break:break-word;white-space:pre-wrap;position:relative}.msg-row.mine .bubble{background:var(--bubble-mine);border-bottom-right-radius:6px}.msg-row:not(.mine) .bubble{border-bottom-left-radius:6px}.bubble.stamp-bubble{background:transparent;box-shadow:none;padding:0;font-size:64px;line-height:1.1}.bubble img.chat-image{max-width:100%;border-radius:12px;display:block}.file-attachment{display:flex;align-items:center;gap:8px;color:var(--accent-dark);font-weight:700;font-size:14px}.file-size{font-size:11px;color:var(--text-sub);font-weight:400}.msg-time{font-size:10px;color:var(--text-sub);flex-shrink:0}.reaction-chip{position:absolute;bottom:-12px;background:#fff;border:1px solid var(--accent-light);border-radius:999px;padding:1px 6px;font-size:12px;box-shadow:0 1px 3px #0000001a}.msg-row.mine .reaction-chip{left:-6px}.msg-row:not(.mine) .reaction-chip{right:-6px}.reaction-picker{position:absolute;z-index:30;background:#fff;border-radius:999px;box-shadow:0 4px 16px #00000026;padding:6px 10px;display:flex;gap:6px;top:-44px}.msg-row.mine .reaction-picker{right:0}.reaction-picker button{font-size:22px;padding:2px}.chat-input-bar{flex-shrink:0;display:flex;align-items:flex-end;gap:6px;padding:8px 10px calc(8px + var(--safe-bottom));background:#fff;border-top:1px solid var(--accent-light)}.chat-input-bar textarea{flex:1;border:2px solid var(--accent-light);border-radius:20px;padding:9px 14px;resize:none;max-height:120px;outline:none;background:var(--bg)}.icon-btn{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-dark);border-radius:50%}.icon-btn:active{background:var(--accent-light)}.send-btn{background:linear-gradient(135deg,var(--grad-1),var(--grad-2));color:#fff;font-size:18px;box-shadow:0 2px 8px var(--shadow-c)}.stamp-panel{flex-shrink:0;background:#fff;border-top:1px solid var(--accent-light);padding:12px 12px calc(12px + var(--safe-bottom));max-height:240px;overflow-y:auto}.stamp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.stamp-grid button{font-size:44px;padding:8px;border-radius:12px}.stamp-grid button:active{background:var(--accent-light)}.card{background:#fff;border-radius:20px;padding:24px;margin:16px;box-shadow:0 2px 12px #0000000f}.card h2{font-size:16px;color:var(--accent-dark);margin-bottom:12px}.qr-wrap{display:flex;justify-content:center;padding:16px 0}.invite-url{background:var(--bg);border-radius:12px;padding:12px;font-size:12px;word-break:break-all;color:var(--text-sub);margin-bottom:12px}.settings-row{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid var(--bg);width:100%;text-align:left;font-size:15px}.color-swatches{display:flex;gap:10px;flex-wrap:wrap}.color-swatches button{width:40px;height:40px;border-radius:50%;border:3px solid transparent}.color-swatches button.selected{border-color:var(--text)}.theme-swatches{display:flex;gap:12px;flex-wrap:wrap}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--text-sub)}.theme-swatch .swatch-circle{width:44px;height:44px;border-radius:50%;border:3px solid transparent}.theme-swatch.selected{color:var(--text);font-weight:700}.theme-swatch.selected .swatch-circle{border-color:var(--text)}.loading-dot{text-align:center;color:var(--text-sub);padding:24px}