:root{--bg:#7e959a;--bg2:#6c858c;--panel:#a9bdbb;--ink:#10231f;--mute:#243e3b;--line:#8aa19f;--thread:#2a5f5b;--thread-d:#1f4a47;--mico:#e2b48a;--micoink:#4a2e14;--me:#2a5f5b;--meink:#eaf2f0;--bub:#97aeac;--field:#bcccca;--bar:#234f4c}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(160deg,var(--bg) 0%,var(--bg2) 100%) fixed;min-height:100vh;margin:0;font:400 16px/1.5 Bricolage Grotesque,system-ui,sans-serif}h1{letter-spacing:.01em;color:#0e1f1c;margin:0 0 3px;font-family:Suez One,Georgia,serif;font-size:clamp(22px,2.4vw,30px);font-weight:400;line-height:1.1}.sub{color:var(--mute);margin:0;font-size:14px;line-height:1.35}.chat{background:var(--panel);border:1px solid var(--line);border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 40px -24px #0a232099}#log{padding:16px 16px 6px;overflow-y:auto}.row{align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.row.me{justify-content:flex-end}.av{background:var(--mico);width:34px;height:34px;color:var(--micoink);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;box-shadow:0 0 0 3px #e2b48a59}.b{background:var(--bub);border-radius:20px;max-width:82%;padding:11px 15px}.row.bot .b{border-bottom-left-radius:6px}.row.me .b{background:var(--me);color:var(--meink);border-bottom-right-radius:6px}form{border-top:1px solid var(--line);background:#6c858c59;gap:8px;padding:12px;display:flex}input{border:1px solid var(--line);background:var(--field);min-width:0;color:var(--ink);font:inherit;border-radius:99px;flex:1;padding:12px 18px}button.send{background:var(--thread);color:#eaf2f0;font:inherit;cursor:pointer;border:0;border-radius:99px;padding:0 22px;font-weight:600;transition:background .2s}button.send:hover{background:var(--thread-d)}input:focus-visible,button:focus-visible{outline:3px solid var(--mico);outline-offset:2px}.cards{gap:8px;margin:0 0 12px 44px;display:grid}.card{border:1px solid var(--line);border-left:3px solid var(--thread);background:var(--field);border-radius:14px;padding:10px 12px}.card small{color:var(--mute);display:block}.card .ph{color:var(--thread-d);margin-top:4px;font-weight:600}.stage{z-index:-1;background:#f4f4f1;position:fixed;inset:0;overflow:hidden}.stage:before{content:"";background:url(/hero.jpg) 50%/cover no-repeat;position:absolute;inset:0}.stage:after{content:"";aspect-ratio:3/2;background:url(/hero.jpg) 50%/100% 100% no-repeat;width:min(100vw,150vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}.page{flex-direction:column;align-items:center;height:100svh;padding:14px 16px 8px;display:flex;overflow:hidden}.deck{flex:1;justify-content:center;align-items:stretch;gap:14px;width:100%;max-width:1360px;min-height:0;max-height:900px;margin:auto 0;display:flex;position:relative}.wrap.panel{-webkit-backdrop-filter:blur(14px);opacity:0;background:#96aeacf2;border:1px solid #ffffff59;border-radius:30px;flex-direction:column;flex:1;width:100%;max-width:920px;min-height:0;max-height:900px;margin:auto 0;padding:14px 18px 16px;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .7s;display:flex;position:relative;transform:translateY(120vh);box-shadow:0 30px 70px -30px #0a23208c}.deck>.wrap.panel{flex:auto;min-width:0;max-height:none;margin:0}.wrap.panel.in{opacity:1;transform:none}.wrap.panel .chat,.wrap.panel #log{flex:1;min-height:0}.phead{z-index:30;align-items:center;gap:14px;margin-bottom:10px;display:flex;position:relative}.ptext{flex:1;min-width:0}.logochip{background:#eef4f2d9;border-radius:16px;flex:none;padding:6px 10px;line-height:0}.logochip img{width:84px;height:auto}#who{color:var(--mute);border:1px solid var(--line);background:#eef4f2b3;border-radius:99px;flex:none;align-self:flex-start;padding:4px 12px;font-size:14px}.menubtn{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#eef4f2b3;border-radius:13px;flex:none;place-items:center;padding:0;display:grid}.menubtn svg{width:22px;height:22px}.menu{background:#f3f7f6;border:1px solid #b4c4c2;border-radius:16px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 30px -10px #0a23208c}.menu button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px;display:block}.menu button:hover{background:#dce6e4}.menu hr{border:0;border-top:1px solid #d5e0dc;margin:4px 6px}.foot{color:var(--mute);text-align:center;opacity:0;background:#eef4f2d9;border-radius:99px;flex:none;margin:8px 0 0;padding:2px 14px;font-size:12px;line-height:1.3;transition:opacity .8s .5s}.foot.in{opacity:1}@media (prefers-reduced-motion:reduce){.wrap.panel,.foot,.gal{transition:none}}.pic{object-fit:cover;border-radius:10px;width:100%;max-height:200px;margin-bottom:6px;display:block}.thumbs{gap:6px;margin-bottom:6px;display:flex}.thumbs img{object-fit:cover;border-radius:8px;width:56px;height:56px}.card .desc{color:var(--ink);margin:4px 0 0;font-size:14px}.card .report{font:inherit;color:var(--mute);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;text-decoration:underline}.tray{border-top:1px solid var(--line);background:#dce6e4eb;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.trayrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trayrow img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:48px;height:48px}.up{color:var(--mute);font-size:13px}.tray button{font:inherit;cursor:pointer;border:1px solid var(--thread);color:var(--thread);background:#fff;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:600}.tray button.post{color:#fff;background:#178544;border-color:#178544}.tray button:disabled{opacity:.5;cursor:default}.gal{opacity:0;background:#f3f7f6f7;border:1px solid #fff6;border-radius:30px;flex-direction:column;flex:none;width:380px;transition:width .45s cubic-bezier(.2,.8,.2,1),opacity .7s .15s,transform .9s cubic-bezier(.2,.8,.2,1) .15s;display:flex;position:relative;overflow:hidden;transform:translateY(40px);box-shadow:0 30px 70px -30px #0a23208c}.deck.in .gal{opacity:1;transform:none}.gin{flex-direction:column;flex:1;width:380px;min-height:0;transition:opacity .25s;display:flex}.deck.closed .gal{width:50px}.deck.closed .gin{opacity:0;pointer-events:none}.gtab{background:var(--bar);color:#eaf2f0;writing-mode:vertical-rl;font:inherit;letter-spacing:.05em;cursor:pointer;z-index:3;border:0;justify-content:center;align-items:center;font-weight:600;display:none;position:absolute;inset:0}.deck.closed .gtab{display:flex}.ghide{z-index:2;color:var(--thread);font:inherit;cursor:pointer;background:#fff;border:1px solid #b4c4c2;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;top:14px;right:14px}.etab{display:none}.g-head{padding:16px 14px 8px}.g-title{color:#0e1f1c;margin:0 70px 10px 0;font-family:Suez One,Georgia,serif;font-size:22px;font-weight:400;line-height:1.1}.g-search{width:100%;color:var(--ink);font:inherit;box-shadow:none;background:#fff;border:1px solid #b4c4c2;border-radius:99px;flex:none;margin-bottom:8px;padding:10px 16px;font-size:14px;display:block}.g-chips{scrollbar-width:thin;gap:6px;margin-bottom:6px;padding-bottom:6px;display:flex;overflow-x:auto}.g-chip{color:#243e3b;font:inherit;cursor:pointer;background:#fff;border:1px solid #b4c4c2;border-radius:99px;flex:none;padding:4px 12px;font-size:13px}.g-chip.on{background:var(--thread);border-color:var(--thread);color:#fff}.g-tabs{gap:6px;display:flex}.g-tab{border:1px solid var(--thread);color:var(--thread);font:inherit;cursor:pointer;background:#fff;border-radius:99px;padding:6px 16px;font-size:14px;font-weight:600}.g-tab.on{background:var(--thread);color:#fff}.g-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:10px;min-height:0;padding:6px 14px;display:grid;overflow-y:auto}.g-card{background:#fff;border:1px solid #d5e0dc;border-radius:14px;flex-direction:column;gap:3px;min-width:0;padding:8px;font-size:14px;line-height:1.3;display:flex}.g-card b{overflow-wrap:anywhere}.g-photo{object-fit:cover;background:#dce9e4;border-radius:10px;width:100%;height:96px;display:block}.g-ini{height:96px;color:var(--thread);background:#dce9e4;border-radius:10px;place-items:center;font-size:30px;font-weight:800;display:grid}.g-sub{color:#4a625f;overflow-wrap:anywhere;font-size:13px}.g-msg{text-align:center;color:#243e3b;grid-column:1/-1;margin:0;padding:24px 8px;font-size:14px}.g-more{border:1px solid var(--thread);color:var(--thread);font:inherit;cursor:pointer;background:#fff;border-radius:99px;grid-column:1/-1;padding:9px;font-size:14px;font-weight:600}.g-more:disabled{opacity:.6}.g-foot{flex:none;padding:10px 14px 14px}.g-sell{background:var(--thread);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:99px;padding:11px;font-size:14px;font-weight:600}@media (max-width:700px),(max-aspect-ratio:1){html,body{overscroll-behavior:none;height:100%;overflow:hidden}.stage:after{display:none}.page{height:auto;padding:0;position:fixed;inset:0}.foot,.sub,#who{display:none}.deck{perspective:1600px;gap:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:block}.wrap.panel{width:100%;max-width:none;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.deck>.wrap.panel{transform-origin:0;backface-visibility:hidden;z-index:3;height:100%;transition:transform .95s cubic-bezier(.55,0,.25,1),opacity .7s;position:absolute;inset:0}.deck>.wrap.panel:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#00000073,#0000 75%);transition:opacity .95s;position:absolute;inset:0}.deck.flipped>.wrap.panel.in{pointer-events:none;transform:rotateY(-174deg)}.deck.flipped>.wrap.panel:after{opacity:1}.phead{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:var(--bar);gap:10px;margin:0;box-shadow:0 2px 8px #0a232059}.phead h1{color:#f2f7f6;margin:0;font-size:19px}.logochip{border-radius:12px;padding:4px 8px}.logochip img{width:60px}.menubtn{color:#f2f7f6;background:#ffffff1f;border-color:#ffffff4d}.menu{right:12px}.wrap.panel .chat{box-shadow:none;background:0 0;border:0;border-radius:0}.wrap.panel #log{background:#bececcd6;padding:14px 12px 8px}form{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--bar);border-top:0;gap:10px;box-shadow:0 -2px 8px #0a232040}input{background:#f3f7f6;border:0;padding:12px 16px;box-shadow:inset 0 1px 3px #0a232033}button.send{color:#fff;background:#178544;border:1px solid #fff6;padding:0 20px;box-shadow:0 2px 6px #0000004d}button.send:hover{background:#126b37}.tray{background:var(--bar);border-top:0}.tray button{border-color:#fff6}.gal,.deck.closed .gal{width:100%;box-shadow:none;opacity:1;z-index:1;background:#f3f7f6;border:0;border-radius:0;transition:none;position:absolute;inset:0;transform:none}.deck:not(.in) .gal{opacity:0}.gin,.deck.closed .gin{opacity:1;pointer-events:auto;width:100%}.gtab,.deck.closed .gtab,.ghide{display:none}.etab{background:var(--bar);color:#eaf2f0;writing-mode:vertical-rl;font:inherit;letter-spacing:.04em;z-index:6;cursor:pointer;border:0;padding:16px 8px;font-size:13px;font-weight:600;display:block;position:absolute;top:44%;box-shadow:0 2px 8px #0000004d}.etab.r{border-radius:14px 0 0 14px;right:0}.etab.l{z-index:5;border-radius:0 14px 14px 0;left:0}.g-head{padding-top:max(14px,env(safe-area-inset-top));padding-left:30px}.g-title{margin-right:0}.g-grid{padding-left:30px}.g-foot{padding-left:30px;padding-bottom:max(14px,env(safe-area-inset-bottom))}h1{font-size:20px}}