:root{--bg:#fdf7f8;--card:#fff;--line:#ecdfe3;--text:#33272a;--muted:#8d7b80;--accent:#ef6c8a;--accent-weak:#fde8ee;--line-strong:#e2d6da;--faint:#b6a9ad;--disabled:#ddd0d4;--on-accent:#fff;--outer:#e9e4e6;--surface:#fff;--surface-ink:#33272a;--tint-plain:#f0ebec;--tint-blue:#e5eefa;--tint-green:#e4f4ec;--tint-amber:#fdf0e2;--amber-ink:#c97a24;--red:#d95f5f;--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:var(--outer);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(--surface);border-bottom:1px solid var(--line);z-index:5;flex:none;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.hd,.hd-title{color:var(--surface-ink)}.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-now{background:var(--accent-weak);max-width:60%;height:34px;color:var(--text);border-radius:17px;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.room-now span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-last{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.room-badge{background:var(--accent);color:var(--on-accent);border-radius:10px;flex:none;align-self:center;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.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(--surface);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:var(--faint);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:var(--on-accent);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);min-height:46px;color:var(--on-accent);cursor:pointer;border:none;border-radius:23px;width:100%;padding:0 16px;font-family:inherit;font-size:15px;font-weight:700}.btn:disabled{background:var(--disabled);color:var(--on-accent)}.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=search],input[type=time],input[type=email],input[type=tel],input[type=date],input[type=number],textarea,select{border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;color:var(--text);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{background:var(--tint-plain);color:var(--muted)}.tag.blue{background:var(--tint-blue);color:var(--blue)}.tag.green{background:var(--tint-green);color:var(--green)}.tag.amber{background:var(--tint-amber);color:var(--amber-ink)}.chip{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--text);cursor:pointer;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:var(--on-accent);font-weight:700}.sheet-bg{z-index:20;background:#00000059;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--card-solid,var(--card));border-radius:18px 18px 0 0;flex-direction:column;width:100%;min-height:0;max-height:min(88%,88dvh);transition:transform .28s cubic-bezier(.16,.84,.28,1);animation:.3s cubic-bezier(.16,.84,.28,1) up;display:flex;overflow:hidden}.sheet-head{background:var(--card-solid,var(--card));flex:none;padding:8px 14px 0}.sheet-head h3{margin:2px 0 10px}.sheet-body{-webkit-overflow-scrolling:touch;min-height:0;padding:0 14px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:auto;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{width:32px;height:32px;color:var(--on-accent);border-radius:16px;flex:none;place-items:center;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(--bubble-me,var(--accent));border-color:var(--bubble-me,var(--accent));color:var(--on-accent)}.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);background:var(--card);cursor:pointer;color:var(--text);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);width:44px;height:44px;color:var(--on-accent);cursor:pointer;border:none;border-radius:22px;flex:none;font-size:17px}.send:disabled{background:var(--line-strong)}.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:var(--card);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);background:var(--card);cursor:pointer;width:46px;height:46px;color:var(--faint);border-radius:23px;flex:none;place-items:center;font-size:20px;display:grid}.seal.on.waku{background:var(--tint-amber);border-color:var(--amber);color:var(--amber-ink)}.seal.on.iine{background:var(--tint-green);border-color:var(--green);color:var(--green)}.meter{background:var(--line-strong);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-steps{color:var(--muted);margin:6px 0 4px;padding-left:1.3em;font-size:12px;line-height:1.9}.install-steps li{margin-bottom:1px}.install-more{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:2px;padding:0;font-family:inherit;font-size:12px;font-weight:700}.install-hint{background:var(--accent-weak);border-bottom:1px solid var(--line);flex:none;align-items:flex-start;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{background:var(--card);border-color:var(--line)}50%{background:var(--accent-weak);border-color:var(--accent)}}.lot.won{background:var(--tint-amber);border-color:var(--amber);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{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--text);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);width:54px;height:54px;color:var(--on-accent);cursor:pointer;z-index:6;border:none;border-radius:27px;font-size:25px;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 14px #ef6c8a66}.tabs{background:var(--surface);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{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);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{background:var(--tint-green);border-left:3px solid var(--green);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}.bg-layer{pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.bg-layer.blurred{transform:scale(1.08)}.bg-layer:after{content:"";background:rgba(0, 0, 0, var(--bg-dim,0));position:absolute;inset:0}.phone,.tab-anim{isolation:isolate}.bg-layer{z-index:-1}.has-bg{background:0 0}.look-prev{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);height:200px;position:relative;overflow:hidden}.look-prev .pv-hd{z-index:1;height:34px;color:var(--text);background:var(--card);border-bottom:1px solid var(--line);align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:flex;position:relative}.look-prev .pv-body{z-index:1;flex-direction:column;gap:8px;padding:10px 10px 34px;display:flex;position:relative}.look-prev .pv-msg{background:var(--card);border:1px solid var(--line);max-width:74%;color:var(--text);border-radius:12px;padding:7px 10px;font-size:12px}.look-prev .pv-msg.me{background:var(--accent);border-color:var(--accent);color:var(--on-accent);align-self:flex-end}.look-prev .pv-nav{z-index:1;background:var(--card);border-top:1px solid var(--line);height:30px;color:var(--muted);justify-content:space-around;align-items:center;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.look-prev .pv-nav b{color:var(--accent)}.sw-grid{flex-wrap:wrap;gap:10px;display:flex}.sw{width:62px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.sw i{border:2px solid var(--line);border-radius:50%;width:40px;height:40px;display:block}.sw.on i{border-color:var(--text);box-shadow:0 0 0 3px var(--accent-weak)}.sw.on{color:var(--text);font-weight:700}.bg-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bg-th{border:2px solid var(--line);cursor:pointer;background-position:50%;background-size:cover;border-radius:12px;height:76px;padding:0;position:relative;overflow:hidden}.bg-th span{color:#33272a;background:#ffffffd1;padding:3px 0;font-size:11px;position:absolute;bottom:0;left:0;right:0}.bg-th.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.look-range{width:100%;height:34px;accent-color:var(--accent);appearance:none;background:0 0}.look-range::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:3px;height:6px}.look-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--card);border-radius:50%;width:26px;height:26px;margin-top:-10px}.look-range::-moz-range-track{background:var(--line-strong);border-radius:3px;height:6px}.look-range::-moz-range-thumb{background:var(--accent);border:2px solid var(--card);border-radius:50%;width:22px;height:22px}html[data-sheen="1"] .btn,html[data-sheen="1"] .chip.on,html[data-sheen="1"] .msg.mine .bub,html[data-sheen="1"] .badge,html[data-sheen="1"] .fab{background-image:linear-gradient(#ffffff38 0%,#fff0 48%,#0000001a 100%);box-shadow:inset 0 1px #ffffff47}html[data-sheen="1"] .btn:active,html[data-sheen="1"] .chip.on:active{background-image:linear-gradient(#0000001f 0%,#fff0 60%,#ffffff1f 100%);box-shadow:inset 0 1px 2px #0000002e}html[data-sheen="1"] .hd,html[data-sheen="1"] .nav{background-image:linear-gradient(#ffffff80 0%,#00000008 100%)}html[data-sheen="1"] .card{border-color:var(--line-strong)}.look-prev.sheen .pv-msg.me{background-image:linear-gradient(#ffffff38 0%,#fff0 48%,#0000001a 100%);box-shadow:inset 0 1px #ffffff47}.look-prev.sheen .pv-hd,.look-prev.sheen .pv-nav{background-image:linear-gradient(#ffffff80 0%,#00000008 100%)}.look-prev .pv-msg{border-radius:calc(var(--radius) - 2px)}.bg-layer img{object-fit:cover;width:100%;height:100%;display:block}.bg-edit{border-radius:var(--radius);border:1px solid var(--line);touch-action:none;cursor:grab;background:var(--tint-plain);height:220px;position:relative;overflow:hidden}.bg-edit img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.bg-edit .hint{text-align:center;color:#fff;background:#0000006b;padding:5px 8px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.bg-edit .cross:before,.bg-edit .cross:after{content:"";background:#ffffff8c;position:absolute}.bg-edit .cross:before{width:1px;top:0;bottom:0;left:50%}.bg-edit .cross:after{height:1px;top:50%;left:0;right:0}html[data-sheer="1"] .card,html[data-sheer="1"] .bub,html[data-sheer="1"] .hd,html[data-sheer="1"] .nav,html[data-sheer="1"] .tabs,html[data-sheer="1"] .empty,html[data-sheer="1"] .msg-name,html[data-sheer="1"] .msg-meta,html[data-sheer="1"] .sec-t,html[data-sheer="1"] .sheet-head,html[data-sheer="1"] .filter-bar,html[data-sheer="1"] .topic-bar,html[data-sheer="1"] .room-now{text-shadow:0 0 3px var(--ink-halo), 0 0 6px var(--ink-halo), 0 1px 1px var(--ink-halo)}html[data-sheer="1"] .msg.mine .bub{text-shadow:0 0 3px var(--ink-halo-accent), 0 0 6px var(--ink-halo-accent), 0 1px 1px var(--ink-halo-accent)}html[data-sheer="1"] .card-t,html[data-sheer="1"] .hd-title,html[data-sheer="1"] .sheet-head h3{font-weight:800}.pf-screen{z-index:40;background:var(--bg);flex-direction:column;max-width:460px;margin:0 auto;display:flex;position:fixed;inset:0}.pf-area{isolation:isolate;touch-action:none;cursor:grab;flex:auto;min-height:0;position:relative;overflow:hidden}.pf-area .bg-layer{z-index:0}.pf-mock{z-index:1;flex-direction:column;height:100%;transition:opacity .18s ease-out;display:flex;position:relative}.pf-mock.fade{opacity:.25}.pf-msgs{flex-direction:column;flex:auto;justify-content:flex-end;gap:10px;min-height:0;padding:12px 10px;display:flex;overflow:hidden}.pf-bar{padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:var(--card-solid,var(--card));border-top:1px solid var(--line);flex:none}.pf-bar .wrap{justify-content:space-between;margin-top:6px}