:root{--red:#CE1126;--gold:#FCD116;--green:#006B3F;--ink:#101113;--muted:#6b7280;--bg:#f7f8fb;--card:#ffffff;--card2:#f6f7f9;--border:#e6e8ee;--shadow: 0 6px 18px rgba(16,17,19,.06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;background:radial-gradient(1200px 700px at 8% 0%,#fcd11647,#fff0),radial-gradient(900px 550px at 92% 8%,#006b3f42,#fff0),radial-gradient(1100px 700px at 50% 112%,#ce11262e,#fff0),linear-gradient(180deg,#f7fbf7,#eef3f0);color:var(--ink)}.nocopy{user-select:none;-webkit-user-select:none;-ms-user-select:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:12px}.topbar{position:sticky;top:0;z-index:50;background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;padding:10px 12px}.gomlogo{height:32px;width:auto;border-radius:10px;box-shadow:0 10px 24px #1011131a}.brand h1{font-size:16px;margin:0}.notice{padding:8px 12px;background:linear-gradient(90deg,#ce11261a,#fcd1161a,#006b3f1a);border-top:1px solid var(--border);font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grow{flex:1}.btn{border:1px solid var(--border);background:#fff;padding:10px 12px;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #1011130a}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.input{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px;background:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:0 18px 40px #10111314}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 8px;border-radius:999px;border:1px solid var(--border);background:#fff}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(0,0,0,.08)}.price{font-size:16px;font-weight:800}.muted{color:var(--muted);font-size:13px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.bottomnav .inner{display:flex;justify-content:space-between;gap:4px;padding:8px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.bottomnav .inner::-webkit-scrollbar{display:none}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--muted);padding:6px 10px;border-radius:14px;min-width:66px;flex:0 0 auto}.bottomnav a.active{color:var(--ink);font-weight:800;background:linear-gradient(90deg,#ce11261a,#fcd1161a,#006b3f1a)}.spacer{height:88px}.navicon{font-size:16px;line-height:1;position:relative;display:inline-flex}.navicon .badge{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);border:2px solid rgba(255,255,255,.9);color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #ce112640}.thumbwrap{width:100%;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px;background:#ffffffbf;border:1px solid var(--border);margin-bottom:10px}.thumb{width:100%;height:100%;object-fit:contain;display:block}.thumbwrap.placeholder{display:flex;align-items:center;justify-content:center}.thumbph{width:60%;height:45%;border-radius:12px;background:linear-gradient(90deg,#1011130f,#10111305)}.modalOverlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modal{width:min(520px,100%);border-radius:18px;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55);box-shadow:0 24px 60px #0000004d;overflow:hidden}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid rgba(0,0,0,.06)}.modalTitle{font-weight:900}.modalBody{padding:12px 14px}.modalFooter{padding:12px 14px 14px;border-top:1px solid rgba(0,0,0,.06)}.iconBtn{border:1px solid rgba(0,0,0,.1);background:#ffffffb3;border-radius:12px;width:38px;height:34px;cursor:pointer}.footer{margin:28px 0 110px}.footerInner{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.35);background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 45px #0000001a}.footerInner a{color:#000000bf;font-weight:800;text-decoration:none}.footerInner a:hover{text-decoration:underline}.modalFooter{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.textarea{width:100%;min-height:110px;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.1);background:#ffffffd9;box-shadow:inset 0 1px #fff9}.chat{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto;padding:10px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06)}.bubble{padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.06);background:#ffffffe6}.bubble.admin{align-self:flex-end;background:#0a643c1f}.bubble.user{align-self:flex-start}.legal-content{color:#27303a;line-height:1.75;font-size:14px}.legal-content h2{margin:18px 0 8px;font-size:16px;font-weight:900;color:#0f172a}.legal-content h3{margin:14px 0 6px;font-size:14px;font-weight:800;color:#111827}.legal-content p{margin:8px 0}.legal-content ul,.legal-content ol{margin:8px 0 8px 18px;padding:0}.legal-content li{margin:6px 0}.callout{border:1px solid var(--border);border-radius:14px;padding:10px 12px;margin:12px 0;background:#ffffffb8;box-shadow:0 10px 24px #1011130f}.callout.warn{border-color:#ce112640;background:linear-gradient(135deg,#ce11261a,#fcd1161f)}.callout.info{border-color:#006b3f38;background:linear-gradient(135deg,#006b3f14,#fcd1161a)}
