*{box-sizing:border-box;margin:0;padding:0}:root{--ink: #1a1a1e;--ink-dim: #5c5c66;--line: #e2e2e8;--bg: #f7f7f9;--card: #ffffff;--accent: #2c47d6}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}.page{max-width:720px;margin:0 auto;padding:16px}.brand{padding:8px 0 16px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px}h1{font-size:20px;margin-bottom:12px}p{margin-bottom:12px;font-size:15px}.muted{color:var(--ink-dim);font-size:13px}.center{text-align:center}.grid{display:grid;gap:12px;margin:16px 0}.grid.covers{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.option{border:2px solid var(--line);border-radius:8px;padding:10px;background:var(--card)}.option[role=radio]{cursor:pointer}.option[role=radio]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.option.selected{border-color:var(--accent);box-shadow:0 0 0 2px #2c47d626}.option img{display:block;width:100%;height:auto;border-radius:4px}.text-option{display:flex;flex-direction:column;gap:4px;font-size:15px}.text-option strong{font-size:16px}.text-option span{color:var(--ink-dim);white-space:pre-wrap}.stars{display:flex;gap:4px;margin-top:8px}.star{font-size:26px;line-height:1;background:none;border:none;cursor:pointer;color:var(--line);padding:2px}.star.on{color:#e8a13c}.star:focus-visible{outline:2px solid var(--accent);border-radius:4px}textarea{width:100%;min-height:72px;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:14px}.reason{display:block;margin:12px 0;font-size:14px;color:var(--ink-dim)}button.primary{display:block;width:100%;padding:12px;margin-top:8px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.45;cursor:not-allowed}.receipt{display:inline-block;margin-top:4px;padding:10px 18px;border:1px dashed var(--ink-dim);border-radius:8px;font-family:ui-monospace,monospace;font-size:22px;letter-spacing:.15em}.grid.thumbs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.grid.single{grid-template-columns:minmax(0,320px);justify-content:center}.grid.duel{grid-template-columns:repeat(2,1fr)}.grid.context{margin-bottom:4px}img.thumb{max-width:104px;margin:0 auto}.option[role=checkbox]{cursor:pointer}.option[role=checkbox]:focus-visible,.option[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.option-tag{display:inline-block;margin-bottom:6px;padding:1px 8px;border-radius:10px;background:var(--bg);font-size:12px;font-weight:700;color:var(--ink-dim)}.rank-list{list-style:none;margin:12px 0;display:flex;flex-direction:column;gap:8px}.rank-item{display:flex;align-items:center;gap:10px;border:2px solid var(--accent);border-radius:8px;padding:8px 10px;cursor:pointer;background:var(--card)}.rank-item img{max-width:64px;border-radius:4px}.rank-no{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:grid;place-items:center;font-size:14px}.pager{display:flex;justify-content:space-between;gap:8px;margin:12px 0}.pager button{padding:8px 18px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer}.pager button:disabled{opacity:.4;cursor:not-allowed}.exposure .option{border-color:transparent}.click-target-wrap{display:flex;flex-direction:column;gap:4px}.click-target{position:relative;cursor:crosshair;border:2px solid var(--line);border-radius:8px;overflow:hidden}.click-target img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.click-target .text-option{padding:12px}.click-marker{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;pointer-events:none}button.link{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;text-align:left;padding:0}.meta-block{margin:16px 0 4px;border-top:1px solid var(--line);padding-top:12px}.meta-block h2{font-size:15px;margin-bottom:8px}.meta-question p{margin-bottom:6px;font-size:14px}.meta-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pill{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:14px;cursor:pointer}.pill.on{border-color:var(--accent);background:#2c47d61a;font-weight:600}.pill:focus-visible{outline:2px solid var(--accent)}.survey-block{margin:14px 0;border-top:1px solid var(--line);padding-top:10px}.survey-prompt{font-weight:600;font-size:15px;margin-bottom:6px}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:16px 0}.shelf-card{border:2px solid var(--line);border-radius:8px;padding:8px;background:var(--card);cursor:pointer;display:flex;flex-direction:column;gap:6px}.shelf-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.shelf-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #2c47d626}.shelf-cover{aspect-ratio:5 / 8;overflow:hidden;border-radius:4px;background:var(--bg)}.shelf-cover img{width:100%;height:100%;object-fit:cover;display:block}.shelf-cover-fallback{width:100%;height:100%;display:grid;place-items:center;padding:8px;font-size:12px;font-weight:600;text-align:center;color:var(--ink-dim)}.shelf-meta{display:flex;flex-direction:column;gap:1px;font-size:12px}.shelf-title{font-weight:600;color:var(--accent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-author{color:var(--ink-dim)}.shelf-stars{display:flex;align-items:center;gap:4px}.static-stars .star{font-size:13px;padding:0;cursor:default}.shelf-reviews{color:var(--ink-dim);font-size:11px}.shelf-price{font-weight:700;font-size:13px}.listing-stack{display:flex;flex-direction:column;gap:12px;margin:16px 0}.listing-card{display:grid;grid-template-columns:110px 1fr;gap:12px;border:2px solid var(--line);border-radius:8px;padding:12px;background:var(--card)}.listing-card.clickable{cursor:pointer}.listing-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.listing-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #2c47d626}.listing-cover{aspect-ratio:5 / 8;overflow:hidden;border-radius:4px;background:var(--bg)}.listing-cover img{width:100%;height:100%;object-fit:cover;display:block}.listing-body{display:flex;flex-direction:column;gap:3px;font-size:13px;min-width:0}.listing-badges{display:flex;gap:4px;flex-wrap:wrap}.badge{padding:1px 7px;border-radius:3px;background:#b3520d;color:#fff;font-size:11px;font-weight:700}.listing-title{font-size:16px;font-weight:600;color:var(--accent)}.listing-subtitle,.listing-author{color:var(--ink-dim)}.listing-format{color:var(--ink-dim);font-size:12px}.listing-price{font-size:17px;font-weight:700;margin-top:2px}@media(prefers-color-scheme:dark){:root{--ink: #ececf1;--ink-dim: #9d9da8;--line: #33333c;--bg: #141418;--card: #1d1d23}.star.on{color:#f0b45a}}.brandmark{display:flex;align-items:center;justify-content:center;gap:6px;margin:28px auto 12px;opacity:.55;-webkit-user-select:none;user-select:none}.brandmark-word{font-size:12px;letter-spacing:.01em;color:var(--ink-dim)}.brandmark-word strong{font-weight:700;color:var(--ink-dim)}.arc{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);text-align:left}.arc input[type=email]{width:100%;padding:10px 12px;margin:8px 0;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:15px}.arc-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-dim);margin:8px 0 12px}.arc-consent input{margin-top:3px}.share-row{display:flex;align-items:center;gap:10px;margin:8px 0}.share-label{flex:0 0 38%;font-size:14px;overflow-wrap:anywhere}.share-bar-track{flex:1;height:12px;background:var(--line);border-radius:6px;overflow:hidden}.share-bar{height:100%;background:#1e63d0;border-radius:6px}.share-pct{flex:0 0 52px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.share-h2{font-size:15px;margin:18px 0 6px}.share-comment{border-left:3px solid var(--line);margin:8px 0;padding:4px 10px;font-size:14px}.share-comment.s-positive{border-left-color:#2e9e6b}.share-comment.s-negative{border-left-color:#c0564f}.share-comment.s-mixed{border-left-color:#b98a2c}.library-card{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:10px 0;text-decoration:none;color:var(--ink)}.library-card:hover{border-color:#1e63d0}