*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;overflow:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.screen{position:relative;height:100dvh;width:100%}.topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;flex-direction:column;gap:8px;padding:max(10px,env(safe-area-inset-top)) 14px 12px;background:linear-gradient(#000c 60%,#0000)}.topbar .row,.searchbar .row{display:flex;align-items:center;gap:8px}.searchbar{display:flex;flex-direction:column;gap:6px}.searchbar input,.searchbar select{flex:1;min-width:0;height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#00000073;color:#fff;font-size:15px;outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-appearance:none;appearance:none}.searchbar select{flex:0 0 auto;padding-right:14px}.searchbar select:disabled{opacity:.4}.searchbar input::placeholder{color:#ffffff8c}.searchbar .go{flex:0 0 auto;height:38px;padding:0 16px;border-radius:999px;border:none;background:#fff;color:#000;font-weight:600}.topbar .info{font-size:12px;color:#ffffffbf;padding-left:4px}.topbar .back{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:none;background:#00000073;font-size:28px;line-height:1;padding-bottom:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar .title{display:flex;flex-direction:column;min-width:0;text-shadow:0 1px 4px rgba(0,0,0,.8)}.topbar .title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.topbar .title span{font-size:12px;color:#ffffffbf}.auction-link{align-self:flex-start;border:none;background:none;padding:0;text-align:left;font-size:13px;color:#ffd166;text-shadow:inherit}.feed{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.card{position:relative;height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#111}.card.status{display:grid;place-items:center;align-content:center;text-align:center;gap:12px;padding:24px}.card.status p{margin:0;overflow-wrap:anywhere;color:#ffffffd9}.card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-bg.empty{background:radial-gradient(circle at 30% 30%,#333,#000)}.card-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#00000059,#0000 30% 45%,#000000d9)}.card-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 16px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;text-shadow:0 1px 6px rgba(0,0,0,.9)}.card-body h2{margin:0;font-size:22px;line-height:1.2}.card-body .meta{margin:0;font-size:14px;color:#ffffffd9}.card-body .desc{margin:0;font-size:14px;color:#ffffffd9;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body.expanded .desc{-webkit-line-clamp:unset;max-height:45dvh;overflow-y:auto}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill.ship.yes{background:#34c75947}.pill.ship.no{background:#ffffff1a;color:#ffffffb3}.pill{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.primary,.ghost{padding:8px 14px;border-radius:999px;border:none;font-weight:600;font-size:14px;display:inline-flex;align-items:center}.primary{background:#fff;color:#000}.ghost{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.strip{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.strip::-webkit-scrollbar{display:none}.strip img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;background:#000;scroll-snap-align:start;scroll-snap-stop:always;-webkit-user-select:none;user-select:none}.dots{position:absolute;top:max(112px,calc(env(safe-area-inset-top) + 104px));left:0;right:0;z-index:3;display:flex;justify-content:center;gap:5px;pointer-events:none}.dots span{width:6px;height:6px;border-radius:50%;background:#fff6}.dots span.on{background:#fff}.nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:none;background:#0006;font-size:28px;line-height:1;padding-bottom:4px;opacity:0;transition:opacity .15s}.nav.left{left:10px}.nav.right{right:10px}.card:hover .nav{opacity:1}@media(hover:none){.nav{display:none}}.account{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000073;color:#ffffffb3;font-size:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account.on{color:#ff2d55;border-color:#ff2d55}.topbar .title{flex:1}.sheet-backdrop{position:fixed;inset:0;z-index:20;background:#0009;display:flex;align-items:flex-end}.sheet{width:100%;max-height:85dvh;overflow-y:auto;background:#1a1a1a;color:#fff;border-radius:20px 20px 0 0;padding:20px 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.4}.sheet h3{margin:0;font-size:18px}.sheet p,.sheet ol{margin:0;color:#ffffffd9}.sheet ol{padding-left:20px;display:flex;flex-direction:column;gap:6px}.sheet a{color:#ffd166;text-decoration:underline}.sheet code{background:#ffffff1f;padding:1px 5px;border-radius:4px}.sheet pre{margin:6px 0 0;padding:8px 10px;background:#000;border-radius:8px;font-size:12px;overflow-x:auto;-webkit-user-select:all;user-select:all}.sheet textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#000;color:#fff;font:13px ui-monospace,Menlo,monospace;resize:vertical}.sheet .actions{justify-content:flex-end}.sheet .primary:disabled{opacity:.5}.error{color:#ff6b6b}.error.small{font-size:12px;text-shadow:none}.watch.on{background:#ff2d5540;color:#ff6b8a}.hide{padding-inline:12px}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:14px;padding:10px 16px;border-radius:999px;background:#1e1e1ef2;color:#fff;font-size:14px;box-shadow:0 4px 20px #00000080;white-space:nowrap}.toast button{border:none;background:none;color:#ffd166;font-weight:700;padding:0}.sheet .hidden-row{font-size:13px;color:#ffffffb3}.link{border:none;background:none;padding:0;color:#ffd166;text-decoration:underline;font-size:inherit}
