*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--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}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}.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}.tl-question{--ink: #1a1a1e;--ink-dim: #5c5c66;--line: #e2e2e8;--bg: #f7f7f9;--card: #ffffff;--accent: #2c47d6;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);line-height:1.5}.tl-question,.tl-question *{box-sizing:border-box}.tl-question .card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px}.tl-question h1{font-size:22px;margin:0 0 12px}.tl-question h2{font-size:16px;margin:0 0 8px}.tl-question p{margin:0 0 12px;font-size:16px}.tl-question .muted{color:var(--ink-dim);font-size:14px}.tl-question .center{text-align:center}.tl-question .grid{display:grid;gap:12px;margin:16px 0}.tl-question .grid.covers{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tl-question{container-type:inline-size}@container (min-width: 500px){.tl-question .grid.covers:has(>:nth-child(5)):not(:has(>:nth-child(7))){grid-template-columns:repeat(3,minmax(0,1fr))}}.tl-question .option{border:2px solid var(--line);border-radius:8px;padding:10px;background:var(--card)}.tl-question .option[role=radio]{cursor:pointer}.tl-question .option[role=radio]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tl-question .option.selected{border-color:var(--accent);box-shadow:0 0 0 2px #2c47d626}.tl-question .option img{display:block;width:100%;height:auto;border-radius:4px}.tl-question .text-option{display:flex;flex-direction:column;gap:4px;font-size:16px}.tl-question .text-option strong{font-size:17px}.tl-question .text-option span{color:var(--ink-dim);white-space:pre-wrap}.tl-question .stars{display:flex;gap:4px;margin-top:8px}.tl-question .star{font-size:26px;line-height:1;background:none;border:none;cursor:pointer;color:var(--line);padding:2px}.tl-question .star.on{color:#e8a13c}.tl-question .star:focus-visible{outline:2px solid var(--accent);border-radius:4px}.tl-question textarea{width:100%;min-height:72px;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:14px;background:var(--card);color:var(--ink)}.tl-question .reason{display:block;margin:12px 0;font-size:16px;font-weight:700;color:var(--ink)}.tl-question .reason textarea{font-size:15px;font-weight:400;color:var(--ink)}.tl-question .reason-helper{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--ink-dim)}.tl-question 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}.tl-question button.primary:disabled{opacity:.45;cursor:not-allowed}.tl-question .grid.thumbs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.tl-question .grid.single{grid-template-columns:minmax(0,320px);justify-content:center}.tl-question .grid.duel{grid-template-columns:repeat(2,1fr)}.tl-question .grid.context{margin-bottom:4px}.tl-question img.thumb{max-width:104px;margin:0 auto}.tl-question .option[role=checkbox]{cursor:pointer}.tl-question .option[role=checkbox]:focus-visible,.tl-question .option[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tl-question .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)}.tl-question .rank-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}.tl-question .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)}.tl-question .rank-item img{max-width:64px;border-radius:4px}.tl-question .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}.tl-question .pager{display:flex;justify-content:space-between;gap:8px;margin:12px 0}.tl-question .pager button{padding:8px 18px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer}.tl-question .pager button:disabled{opacity:.4;cursor:not-allowed}.tl-question .exposure .option{border-color:transparent}.tl-question .click-target-wrap{display:flex;flex-direction:column;gap:4px}.tl-question .click-target{position:relative;cursor:crosshair;border:2px solid var(--line);border-radius:8px;overflow:hidden}.tl-question .click-target img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.tl-question .click-target .text-option{padding:12px}.tl-question .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}.tl-question button.link{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;text-align:left;padding:0}.tl-question .meta-block{margin:16px 0 4px;border-top:1px solid var(--line);padding-top:12px}.tl-question .meta-question p{margin-bottom:6px;font-size:15px}.tl-question .meta-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tl-question .pill{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:15px;cursor:pointer}.tl-question .pill.on{border-color:var(--accent);background:#2c47d61a;font-weight:600}.tl-question .pill:focus-visible{outline:2px solid var(--accent)}.tl-question .survey-block{margin:14px 0;border-top:1px solid var(--line);padding-top:10px}.tl-question .survey-prompt{font-weight:600;font-size:16px;margin-bottom:6px}.tl-question .shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:16px 0}.tl-question .shelf-card{border:2px solid var(--line);border-radius:8px;padding:8px;background:var(--card);cursor:pointer;display:flex;flex-direction:column;gap:6px}.tl-question .shelf-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tl-question .shelf-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #2c47d626}.tl-question .shelf-cover{aspect-ratio:5 / 8;overflow:hidden;border-radius:4px;background:var(--bg)}.tl-question .shelf-cover img{width:100%;height:100%;object-fit:cover;display:block}.tl-question .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)}.tl-question .shelf-meta{display:flex;flex-direction:column;gap:1px;font-size:12px}.tl-question .shelf-title{font-weight:600;color:var(--accent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tl-question .shelf-author{color:var(--ink-dim)}.tl-question .shelf-stars{display:flex;align-items:center;gap:4px}.tl-question .static-stars .star{font-size:13px;padding:0;cursor:default}.tl-question .shelf-reviews{color:var(--ink-dim);font-size:11px}.tl-question .shelf-price{font-weight:700;font-size:13px}.tl-question .listing-stack{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tl-question .listing-card{display:grid;grid-template-columns:110px 1fr;gap:12px;border:2px solid var(--line);border-radius:8px;padding:12px;background:var(--card)}.tl-question .listing-card.clickable{cursor:pointer}.tl-question .listing-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tl-question .listing-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #2c47d626}.tl-question .listing-cover{aspect-ratio:5 / 8;overflow:hidden;border-radius:4px;background:var(--bg)}.tl-question .listing-cover img{width:100%;height:100%;object-fit:cover;display:block}.tl-question .listing-body{display:flex;flex-direction:column;gap:3px;font-size:13px;min-width:0}.tl-question .listing-badges{display:flex;gap:4px;flex-wrap:wrap}.tl-question .badge{padding:1px 7px;border-radius:3px;background:#b3520d;color:#fff;font-size:11px;font-weight:700}.tl-question .listing-title{font-size:16px;font-weight:600;color:var(--accent)}.tl-question .listing-subtitle,.tl-question .listing-author{color:var(--ink-dim)}.tl-question .listing-format{color:var(--ink-dim);font-size:12px}.tl-question .listing-price{font-size:17px;font-weight:700;margin-top:2px}.tl-question .or-progress{margin:-6px 0 10px;font-variant-numeric:tabular-nums}.tl-question .or-question{margin:14px 0;border-top:1px solid var(--line);padding-top:10px}.tl-question .or-prompt{display:block;font-weight:600;font-size:16px;color:var(--ink)}.tl-question .or-number{color:var(--ink-dim);font-weight:500;margin-right:2px}.tl-question .or-optional{color:var(--ink-dim);font-weight:400;font-size:13px}.tl-question .or-hint{margin:4px 0 0;font-size:13px}.tl-question .or-nav{display:flex;gap:10px;margin-top:12px}.tl-question .or-nav button.primary{flex:1;margin-top:0}.tl-question button.secondary{padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}