.vb{--bg:#FBF7F2;--card:#FFFFFF;--ink:#1E1B3A;--muted:#625F77;--line:#EDE7E0;--blue:#4A63F0;--blue-soft:#E4E9FF;--green:#187044;--green-soft:#DDF5E8;--sky:#2157AF;--sky-soft:#DCEBFF;--yellow:#805800;--yellow-soft:#FFF1C8;--rose:#AE2945;--rose-soft:#FFE1E8;--purple:#7A4DE0;--purple-soft:#EFE6FF;--orange:#DD5F22;--orange-soft:#FFE9DC;--pink:#D6338A;--pink-soft:#FFE3F1;--shadow: 0 6px 20px rgba(60,40,90,.06);font-family:Nunito,ui-rounded,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}.vb *,.vb *:before,.vb *:after{box-sizing:border-box}.vb button{font:inherit;color:inherit;cursor:pointer}.vb :is(button,input,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:2px}.hand{font-family:Caveat,cursive;font-size:22px;color:var(--rose);line-height:1;transform:rotate(-3deg);display:inline-block}.wrap{max-width:1160px;margin:0 auto;padding:22px 24px 60px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}.brand .q{color:var(--muted);font-size:14px;font-weight:600;margin-top:3px}.top-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn{border:0;border-radius:14px;padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;background:var(--card);box-shadow:var(--shadow);transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:#3b53e0}.btn.sm{padding:8px 13px;border-radius:12px;font-size:13.5px;box-shadow:none;border:1px solid var(--line)}.btn.help{background:#fff8e6;border-color:#f6e4b4;color:var(--ink)}.btn.help:hover{background:#fff1cf}.btn.done{background:var(--green-soft);border-color:#c3e9d4;color:var(--green);cursor:default}.btn.done:hover{transform:none}.btn.quiet{border-color:transparent;color:var(--muted);box-shadow:none;background:transparent}.btn.quiet:hover{background:#f3eee7;transform:none;color:var(--ink)}.btn.still{background:var(--yellow-soft);border-color:#f3de9a;color:#7a5300}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filters button{border:0;background:var(--card);border-radius:14px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow);color:var(--ink)}.filters button[aria-pressed=true]{background:var(--blue);color:#fff}.filters .n{opacity:1;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.empty{grid-column:1/-1;background:var(--card);border-radius:20px;padding:44px 24px;text-align:center;color:var(--muted);box-shadow:var(--shadow)}.empty .hand{display:block;margin-bottom:8px;font-size:26px}.card{background:var(--card);border-radius:20px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;position:relative}.card .who{display:flex;align-items:center;gap:10px}.av{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none;color:#fff}.av-1{background:#4a5cc4}.av-2{background:#e06b8b}.av-3{background:#3fa97c}.av-4{background:#f0a030}.av-5{background:#7a4de0}.av-6{background:#2e9bd6}.who .name{font-weight:800;font-size:14px;line-height:1.15}.who .when{color:var(--muted);font-size:12.5px}.who .status{margin-left:auto}.status{border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;white-space:nowrap}.s-Exploring{background:var(--yellow-soft);color:var(--yellow)}.s-Building{background:var(--sky-soft);color:var(--sky)}.s-Stuck{background:var(--rose-soft);color:var(--rose)}.s-Shipped{background:var(--green-soft);color:var(--green)}.card h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}.card p{margin:0;color:#4b4864}.ask{display:flex;flex-direction:column;gap:8px}.ask .q{font-weight:700;font-size:13.5px}.ask .line{margin:0;color:#4b4864;font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700}.t-blue{background:var(--sky-soft);color:var(--sky)}.t-purple{background:var(--purple-soft);color:var(--purple)}.t-orange{background:var(--orange-soft);color:var(--orange)}.t-pink{background:var(--pink-soft);color:var(--pink)}.t-green{background:var(--green-soft);color:var(--green)}.offers{display:flex;flex-direction:column;gap:4px;font-size:13.5px;background:#f7f4ef;border-radius:12px;padding:10px 12px}.offers .more{color:var(--muted)}.foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;flex-wrap:wrap}.shipped-line{color:var(--green);font-weight:700;display:inline-flex;align-items:center;gap:6px;font-size:14px}.offerbox{display:flex;gap:6px}.offerbox input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;font-size:13.5px;background:#fffdfa}.foot-note{margin-top:34px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.stack{display:flex}.stack .av{width:26px;height:26px;font-size:10px;border:2px solid var(--bg);margin-left:-8px}.stack .av:first-child{margin-left:0}.pulse-head{text-align:center;margin:8px 0 26px}.pulse-head h2{margin:0;font-size:38px;font-weight:800;letter-spacing:-.02em}.pulse-head p{margin:6px 0 0;color:var(--muted);font-size:16px}.counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:22px}.count{border-radius:20px;padding:22px 20px;display:flex;align-items:center;gap:16px}.count .n{font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1}.count .l{font-weight:800;font-size:16px}.count .s{color:var(--muted);font-size:13.5px}.c-green{background:#eaf8ef}.c-green .n{color:var(--green)}.c-rose{background:#ffecf1}.c-rose .n{color:var(--rose)}.c-purple{background:#eeebff}.c-purple .n{color:var(--purple)}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}.col{background:var(--card);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.col h3{margin:0 0 2px;font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.col .sub{margin:0 0 14px;color:var(--muted);font-size:13.5px}.col .none{color:var(--muted);padding:14px;background:#f7f4ef;border-radius:12px;font-size:14px}.col .grid{grid-template-columns:1fr;gap:10px}.col .card{box-shadow:none;background:#fbf9f6;padding:14px}.offer-row{display:flex;gap:10px;padding:12px;background:#fbf9f6;border-radius:14px;margin-bottom:10px}.offer-row .body{font-size:14px}.offer-row .body .h{font-weight:800}.offer-row .body .w{color:var(--muted);font-size:12.5px;margin-left:6px}.offer-row .body .note{color:#4b4864;margin-top:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b3a59;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--card);border-radius:24px;width:100%;max-width:600px;max-height:calc(100vh - 32px);overflow:auto;padding:28px 28px 22px;position:relative}.modal h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.modal .sub{margin:6px 0 22px;color:var(--muted)}.modal .close{position:absolute;top:18px;right:18px;border:0;background:transparent;color:var(--muted);padding:6px;border-radius:10px}.modal .close:hover{background:#f3eee7;color:var(--ink)}.field{margin-bottom:18px}.field label{display:block;font-weight:800;margin-bottom:7px}.field .hint{font-weight:600;color:var(--muted);font-size:13px;margin-left:6px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 13px;font:inherit;background:#fffdfa}.field textarea{resize:vertical;min-height:80px}.field .counter{text-align:right;color:var(--muted);font-size:12.5px;margin-top:4px}.field .counter.over{color:var(--rose)}.field .help-copy{color:var(--muted);font-size:13px;margin-top:6px}.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.seg button{border:2px solid transparent;border-radius:14px;padding:10px 8px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.seg button[aria-pressed=true]{border-color:currentColor}.tagpick{display:flex;flex-wrap:wrap;gap:8px}.tagpick button{border:2px solid transparent;border-radius:999px;padding:7px 13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;opacity:1}.tagpick button[aria-pressed=true]{opacity:1;border-color:currentColor}.tagpick button:hover{opacity:1}.tagpick button:disabled{opacity:.3;cursor:not-allowed}.actions{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:6px;flex-wrap:wrap}.actions .right{display:flex;gap:8px;margin-left:auto}.actions .stamp{color:var(--muted);font-size:13.5px;display:inline-flex;align-items:center;gap:6px}.err{color:var(--rose);font-weight:700;font-size:13.5px;margin:-8px 0 14px}.danger{color:var(--rose)}@media(max-width:560px){.wrap{padding:16px 14px 48px}.seg{grid-template-columns:repeat(2,1fr)}.modal{padding:22px 18px}.brand h1{font-size:26px}}@media(prefers-reduced-motion:reduce){.vb *{transition:none!important}}body{margin:0}.vb{font-family:ui-rounded,system-ui,sans-serif}.hand{font-family:cursive}.card.stale{border:1px dashed #c5b9aa}.notice{padding:16px;background:#fff1c8;border-radius:14px;margin-bottom:16px}.error{background:#ffe1e8}.offerbox label{flex:1}.offerbox input{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.modal{max-height:90dvh;overflow:auto}.offers details summary{cursor:pointer}.btn:disabled{opacity:.65;cursor:wait}.status-group{display:flex;gap:8px;flex-wrap:wrap}.card h3,.card p,.offers{overflow-wrap:anywhere}.pulse-list{display:grid;gap:12px}.pulse-list section{background:#fff;border-radius:20px;padding:20px}.pulse-list h3{margin-top:0}.card .who>div{min-width:0;overflow-wrap:anywhere}.offerbox label{min-width:0}.tagpick button{background:#f3eee7}.card h3 button{font:inherit;text-align:left;border:0;background:none;padding:0;color:inherit}
