:root{--bg:#fdf7f8;--card:#fff;--line:#ecdfe3;--text:#33272a;--muted:#8d7b80;--accent:#ef6c8a;--accent-weak:#fde8ee;--blue:#3b7dd8;--green:#4caf7d;--amber:#f0a04b;--radius:14px;--nav-h:62px;--header-h:52px;color:var(--text);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Noto Sans JP,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:#e9e4e6;height:100%;margin:0;padding:0}#root{height:100%}.phone{background:var(--bg);flex-direction:column;max-width:460px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #00000014}.hd{height:var(--header-h);background:var(--card);border-bottom:1px solid var(--line);z-index:5;flex:none;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.hd-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:700;overflow:hidden}.hd-sub{color:var(--muted);font-size:11px;font-weight:400}.room-chip{background:var(--accent-weak);height:34px;color:var(--text);cursor:pointer;border:none;border-radius:17px;align-items:center;gap:5px;max-width:150px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.room-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--text);background:0 0;border:none;border-radius:10px;place-items:center;font-size:19px;display:grid}.icon-btn:active{background:var(--accent-weak)}.body{-webkit-overflow-scrolling:touch;flex:auto;padding-bottom:14px;overflow:hidden auto}.pad{padding:12px}.nav{height:var(--nav-h);background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.nav button{letter-spacing:-.02em;white-space:nowrap;min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:0 2px;font-family:inherit;font-size:9.5px;display:flex;position:relative}.nav button .ic{color:#b6a9ad;place-items:center;line-height:1;transition:color .15s,transform .15s;display:grid}.nav button .ic svg{width:23px;height:23px;display:block}.nav button.on{color:var(--tab-color,var(--accent));font-weight:700}.nav button.on .ic{color:var(--tab-color,var(--accent));transform:scale(1.16)}.nav .badge{background:var(--tab-color,var(--accent));color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:4px;right:50%;transform:translate(20px)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:12px}.card-t{margin:0 0 6px;font-size:14px;font-weight:700}.muted{color:var(--muted);font-size:12px}.sec-t{color:var(--muted);letter-spacing:.04em;margin:16px 2px 8px;font-size:12px;font-weight:700}.sec-t:first-child{margin-top:4px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:23px;width:100%;min-height:46px;padding:0 16px;font-family:inherit;font-size:15px;font-weight:700}.btn:disabled{color:#fff;background:#ddd0d4}.btn.sub{background:var(--card);color:var(--text);border:1px solid var(--line)}.btn.sm{border-radius:19px;width:auto;min-height:38px;padding:0 14px;font-size:13px}.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap;gap:6px;display:flex}input[type=text],input[type=date],input[type=number],textarea,select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:16px}textarea{resize:vertical;min-height:88px;line-height:1.5}label.fld{margin-bottom:12px;display:block}label.fld>.lb{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.tag{background:var(--accent-weak);color:var(--accent);border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.tag.gray{color:var(--muted);background:#f0ebec}.tag.blue{color:var(--blue);background:#e5eefa}.tag.green{color:var(--green);background:#e4f4ec}.tag.amber{color:#c97a24;background:#fdf0e2}.chip{border:1px solid var(--line);min-height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:4px;padding:0 14px;font-family:inherit;font-size:14px;display:inline-flex}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.sheet-bg{z-index:20;background:#00000059;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--card);width:100%;max-height:88%;padding:8px 14px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:18px 18px 0 0;transition:transform .28s cubic-bezier(.16,.84,.28,1);animation:.3s cubic-bezier(.16,.84,.28,1) up;overflow-y:auto}@keyframes up{0%{opacity:.5;transform:translateY(24px)}}.sheet-closing{transition:none;animation:.26s cubic-bezier(.4,0,1,1) forwards sheet-down}@keyframes sheet-down{0%{transform:translateY(var(--from-y,0px));opacity:1}to{opacity:.4;transform:translateY(105%)}}.sheet-bg.closing{animation:.24s ease-out forwards bg-out}@keyframes bg-out{to{background:0 0}}.sheet-bar{background:var(--line);cursor:pointer;border:none;border-radius:3px;width:56px;height:5px;margin:6px auto 12px;padding:0;display:block}.sheet-bar:active{background:var(--accent)}.sheet h3{margin:0 0 12px;font-size:17px}.msgs{flex-direction:column;gap:12px;padding:12px;display:flex}.msg{align-items:flex-end;gap:8px;max-width:84%;display:flex}.msg.mine{flex-direction:row-reverse;align-self:flex-end}.msg-col{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.msg.mine .msg-col{align-items:flex-end}.av{color:#fff;border-radius:16px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.bub{background:var(--card);border:1px solid var(--line);word-break:break-word;cursor:pointer;text-align:left;color:var(--text);border-radius:14px;padding:8px 11px;font-family:inherit;font-size:14.5px;line-height:1.5}.msg.mine .bub{background:var(--accent);border-color:var(--accent);color:#fff}.msg-meta{color:var(--muted);margin-bottom:3px;font-size:10px}.rx-row{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.rx{border:1px solid var(--line);cursor:pointer;color:var(--text);background:#fff;border-radius:12px;padding:2px 7px;font-family:inherit;font-size:12px;line-height:1.6}.rx.on{background:var(--accent-weak);border-color:var(--accent)}.sys-msg{border:1px solid var(--line);background:var(--bg);max-width:88%;color:var(--muted);font:inherit;text-align:center;white-space:pre-wrap;cursor:pointer;border-radius:999px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:6px;margin:4px auto;padding:7px 12px;font-size:12px;line-height:1.6;display:flex}.sys-ic{font-size:14px}.sys-go{color:var(--accent);white-space:nowrap;font-weight:700}.msg-topic{border:1px solid var(--line);background:var(--bg);color:var(--muted);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:3px;max-width:100%;margin-bottom:3px;padding:2px 8px;font-size:11px;line-height:1.6;display:inline-flex;overflow:hidden}.filter-bar{background:var(--accent-weak);border-bottom:1px solid var(--line);color:var(--fg);flex:none;align-items:center;gap:8px;padding:7px 10px;font-size:12px;line-height:1.5;display:flex}.filter-bar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn.xs{border-radius:8px;flex:none;width:auto;min-height:30px;padding:0 10px;font-size:12px}.icon-btn.on{color:var(--accent)}.composer-btn{border:1px solid var(--line);background:var(--bg);width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.composer-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-weak)}.topic-bar{background:var(--accent-weak);border-top:1px solid var(--line);color:var(--fg);flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;line-height:1.5;display:flex}.topic-bar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer{background:var(--card);border-top:1px solid var(--line);flex:none;align-items:flex-end;gap:8px;padding:8px 10px;display:flex}.composer.no-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.composer textarea{resize:none;border-radius:22px;min-height:44px;max-height:110px;padding:11px 14px}.send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:22px;flex:none;width:44px;height:44px;font-size:17px}.send:disabled{background:#e2d6da}.stamp-msg{cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:54px;line-height:1.1;display:block}.vote-item{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.vote-item .info{flex:1;min-width:0}.seal{border:2px solid var(--line);cursor:pointer;color:#c9bcc0;background:#fff;border-radius:23px;flex:none;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.seal.on.waku{border-color:var(--amber);color:#d9820e;background:#fff2d6}.seal.on.iine{border-color:var(--green);color:var(--green);background:#e4f4ec}.meter{background:#efe6e9;border-radius:6px;height:12px;margin:6px 0 4px;overflow:hidden}.meter>i{background:var(--green);height:100%;transition:width .2s;display:block}.meter>i.over{background:var(--accent)}.tab-pane,.tab-anim{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.pane-enter{animation:.3s cubic-bezier(.16,.84,.28,1) both pane-slide-in}@keyframes pane-slide-in{0%{transform:translateX(var(--from,0px))}}.pane-neighbor{background:var(--bg);position:absolute;inset:0;box-shadow:0 0 12px #0000001f}@media (prefers-reduced-motion:reduce){.pane-enter,.sheet{animation:none}}.install-hint{background:var(--accent-weak);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:9px 10px 9px 12px;display:flex}.detail-page{background:var(--bg);flex-direction:column;flex:auto;min-height:0;transition:transform .28s cubic-bezier(.16,.84,.28,1);display:flex}.detail-closing{transition:none;animation:.26s cubic-bezier(.4,0,1,1) forwards detail-down}@keyframes detail-down{0%{transform:translateY(var(--from-y,0px));opacity:1}to{opacity:.5;transform:translateY(100%)}}.detail-back{background:var(--card);border:none;border-bottom:1px solid var(--line);cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:4px;width:100%;padding:6px 12px 8px;font-family:inherit;display:flex}.detail-bar{background:var(--line);border-radius:3px;width:56px;height:5px}.detail-back-label{color:var(--text);font-size:13px;font-weight:700}.detail-back:active .detail-bar{background:var(--accent)}.qr-frame{aspect-ratio:1;background:#000;border-radius:14px;width:100%;position:relative;overflow:hidden}.qr-frame video{object-fit:cover;width:100%;height:100%;display:block}.qr-guide{border:3px solid #ffffffe6;border-radius:12px;position:absolute;inset:18%;box-shadow:0 0 0 9999px #00000047}.cal-cell{border:1px solid var(--line);min-height:52px;color:var(--text);text-align:left;border-radius:8px;width:100%;padding:3px;font-family:inherit;font-size:11px;display:block}.cal-cell:active{border-color:var(--accent)}.lot{animation:.72s ease-in-out infinite lot-blink}@keyframes lot-blink{0%,to{border-color:var(--line);background:#fff}50%{background:var(--accent-weak);border-color:var(--accent)}}.lot.won{border-color:var(--amber);background:#fff6da;animation:.45s ease-out lot-won}@keyframes lot-won{0%{transform:scale(.97)}55%{transform:scale(1.035)}to{transform:scale(1)}}.lot.lost{opacity:.45;animation:none}.who{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.who .av{opacity:.28;border-radius:15px;width:30px;height:30px}.who .av.done{opacity:1}.item{border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--text);background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:11px 12px;font-family:inherit;font-size:14px;display:flex}.item .info{flex:1;min-width:0}.item .ttl{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.thumb{background:var(--accent-weak);border-radius:10px;flex:none;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.empty{text-align:center;color:var(--muted);padding:34px 20px;font-size:13px;line-height:1.7}.fab{background:var(--accent);color:#fff;cursor:pointer;z-index:6;border:none;border-radius:27px;width:54px;height:54px;font-size:25px;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 14px #ef6c8a66}.tabs{background:var(--card);border-bottom:1px solid var(--line);flex:none;display:flex}.tabs button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;font-family:inherit;font-size:13.5px;font-weight:700}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.q{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:12px;padding:13px}.q h4{margin:0 0 6px;font-size:14.5px;line-height:1.5}.q .desc{color:var(--muted);white-space:pre-wrap;margin-bottom:10px;font-size:12.5px;line-height:1.65}.ans{border-top:1px dashed var(--line);margin-top:10px;padding-top:9px;font-size:13px;line-height:1.6}.ans .head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.reply{border-left:3px solid var(--green);background:#f4f9f6;border-radius:0 8px 8px 0;margin-top:6px;padding:7px 9px;font-size:12.5px;line-height:1.6}.shot{border:1px solid var(--line);border-radius:8px;max-width:100%;margin-top:6px;display:block}.saved{color:var(--green);font-size:12px;font-weight:700}