@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&family=Noto+Sans+TC:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--ink:#101a26;--ink2:#1b2836;--ink3:#2a3a4c;--paper:#f6f2e9;--paperdim:#dcd5c6;--muted:#8a97a6;--want:#e0a458;--try:#4e9f8f;--meh:#5d6b7d;--no:#9c5a4e;--r:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0}body{background:var(--ink);color:var(--paper);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:Noto Sans TC,system-ui,sans-serif}#root{flex-direction:column;min-height:100dvh;display:flex}.wrap{flex-direction:column;flex:1;width:100%;max-width:760px;margin:0 auto;padding:22px 18px 40px;display:flex}.eyebrow{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}h1{margin:10px 0 4px;font-family:Noto Serif TC,serif;font-size:26px;font-weight:700;line-height:1.35}h2{margin:30px 0 6px;font-family:Noto Serif TC,serif;font-size:19px;font-weight:600}h3{margin:22px 0 4px;font-family:Noto Serif TC,serif;font-size:16px;font-weight:600}p,li{color:#d8d2c6;font-size:15px;line-height:1.85}.note{color:var(--muted);font-size:13px;line-height:1.7}.warn{color:#f0a08c}.rule{background:var(--ink3);height:1px;margin:24px 0}button{cursor:pointer;border:0;border-radius:10px;font-family:inherit}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--paper);color:var(--ink);width:100%;margin-top:18px;padding:16px 22px;font-size:16px;font-weight:700}.ghost{color:var(--muted);border:1px solid var(--ink3);background:0 0;padding:10px 14px;font-size:13px}.copy{background:var(--want);color:#22190b;padding:11px 18px;font-size:14px;font-weight:700}.copy.t2{background:var(--try);color:#0e241f}button:focus-visible,.pilebtn:focus-visible,.pick:focus-visible,input:focus-visible{outline:2px solid var(--want);outline-offset:2px}.choice{gap:12px;margin-top:22px;display:grid}.card-choice{background:var(--ink2);border:1px solid var(--ink3);border-radius:var(--r);text-align:left;color:var(--paper);cursor:pointer;padding:20px}.card-choice:hover{background:var(--ink3)}.card-choice b{margin-bottom:4px;font-family:Noto Serif TC,serif;font-size:18px;display:block}.card-choice span{color:var(--muted);font-size:13px;line-height:1.7}.videoslot{aspect-ratio:16/9;background:var(--ink2);border-radius:var(--r);text-align:center;border:1px dashed #33465c;justify-content:center;align-items:center;width:100%;margin:16px 0;padding:16px;display:flex;overflow:hidden}.videoslot iframe{border-radius:var(--r);border:0;width:100%;height:100%}.rules{counter-reset:r;margin:14px 0 0;padding:0;list-style:none}.rules li{counter-increment:r;border-top:1px solid #22313f;padding:12px 0 12px 42px;position:relative}.rules li:last-child{border-bottom:1px solid #22313f}.rules li:before{content:counter(r);color:var(--want);border:1px solid #3a4e63;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex;position:absolute;top:12px;left:0}.topbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.count{color:var(--muted);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:12px}.bar{background:#22313f;border-radius:2px;flex:1;height:3px;overflow:hidden}.bar span{background:var(--want);height:100%;transition:width .3s;display:block}.stage{flex-direction:column;flex:1;justify-content:center;min-height:290px;padding:6px 0;display:flex}.card{background:var(--paper);color:var(--ink);border-radius:var(--r);box-shadow:0 18px 40px -18px #000000bf, 0 2px 0 0 var(--paperdim), 0 6px 0 -2px #c9c1b0;padding:30px 26px;transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .26s}.card .k{letter-spacing:.14em;color:#8c8371;font-family:IBM Plex Mono,monospace;font-size:11px}.card .t{margin:12px 0 14px;font-family:Noto Serif TC,serif;font-size:23px;font-weight:600;line-height:1.55}.card .e{color:#5a5346;border-top:1px solid #ddd6c7;padding-top:14px;font-size:14px;line-height:1.8}.card.out{opacity:0}.card.o-want{transform:translate(-24px,-70px)rotate(-7deg)}.card.o-try{transform:translate(24px,-70px)rotate(7deg)}.card.o-meh{transform:translate(-24px,70px)rotate(-4deg)}.card.o-no{transform:translate(24px,70px)rotate(4deg)}.card.in{animation:.26s cubic-bezier(.4,0,.2,1) pop}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.piles{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.piles.three{grid-template-columns:1fr 1fr 1fr}.pilebtn{background:var(--ink2);color:var(--paper);text-align:center;border:1px solid #2e4054;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;font-size:14px;font-weight:500;line-height:1.4;transition:background .15s;display:flex}.pilebtn:hover{background:var(--ink3)}.pilebtn .stack{align-items:flex-end;gap:2px;height:14px;display:flex}.pilebtn .stack i{background:currentColor;border-radius:1px;width:3px;display:block}.pilebtn[data-p=want]{color:var(--want)}.pilebtn[data-p=try]{color:var(--try)}.pilebtn[data-p=meh]{color:var(--meh)}.pilebtn[data-p=no]{color:var(--no)}.pilebtn[data-p=like]{color:var(--want)}.pilebtn[data-p=mid]{color:var(--meh)}.pilebtn[data-p=unlike]{color:var(--no)}.pilebtn span.lab{color:var(--paper)}.pilebtn small{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.back{text-align:center;justify-content:center;gap:8px;margin-top:14px;display:flex}.pick{background:var(--ink2);cursor:pointer;width:100%;color:var(--paper);text-align:left;border:1px solid #2e4054;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;font-size:15px;line-height:1.5;display:flex}.pick.on{border-color:var(--want);background:#22303e}.pick i{border:1px solid #46596d;border-radius:5px;flex:none;width:20px;height:20px}.pick.on i{background:var(--want);border-color:var(--want)}table{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #22313f;padding:9px 8px}th{color:var(--muted);font-size:12px;font-weight:500}td.n{color:var(--muted);text-align:right;white-space:nowrap;font-family:IBM Plex Mono,monospace}.rank{color:var(--want);width:26px;font-family:IBM Plex Mono,monospace}.tag{white-space:nowrap;border-radius:5px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-block}.t-hi{color:var(--want);background:#3a2e1b}.t-lo{color:var(--no);background:#3a2724}.t-cf{color:#f0a08c;background:#4a2a22;font-weight:600}.t-ok{color:var(--try);background:#1e3a34}.t-na{color:var(--muted)}a{color:var(--want);text-decoration:none}a:hover{text-decoration:underline}a.ghost,a.card-choice{text-decoration:none}a.card-choice{color:var(--paper);display:block}.big{grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;display:grid}.stat{background:var(--ink2);border:1px solid var(--ink3);border-radius:12px;padding:14px}.stat b{font-family:IBM Plex Mono,monospace;font-size:24px;line-height:1.2;display:block}.stat small{color:var(--muted);font-size:12px}.box{background:var(--ink2);border:1px solid var(--ink3);border-radius:12px;margin-top:10px;padding:16px}.str{word-break:break-all;font-family:IBM Plex Mono,monospace;font-size:15px;line-height:2.1}textarea,input[type=text],input[type=password],input[type=url]{background:var(--ink);width:100%;color:var(--paper);border:1px solid var(--ink3);border-radius:10px;padding:14px;font-family:inherit;font-size:16px}textarea{background:var(--ink2);color:#c9d3de;resize:vertical;height:140px;padding:12px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.6}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.pill{color:var(--muted);background:#22313f;border-radius:20px;margin:0 6px 6px 0;padding:3px 9px;font-size:12px;display:inline-block}.ask{border-left:2px solid var(--want);color:#e8e2d6;margin:10px 0;padding:2px 0 2px 14px;font-size:14px;line-height:1.9}.field{margin-top:14px}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}footer.sitefoot{border-top:1px solid var(--ink3);margin-top:32px;padding-top:16px}footer.sitefoot p{color:var(--muted);font-size:11px;line-height:1.8}@media (width<=420px){h1{font-size:23px}.card .t{font-size:20px}.card{padding:24px 20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}