:root{--base:#e4e7e9;--paper:#f6f7f7;--panel2:#eceff1;--ink:#0d1b2a;--sub:#61707e;--faint:#9ba6b0;--hit:#2e7d5b;--up:#d8432f;--down:#26569e;--line:#c6ccd1;--on-ink:#fff;--sub-on-ink:#9bb0c4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--base:#0b1622;--paper:#142336;--panel2:#0f1d2c;--ink:#e9edf0;--sub:#a6b6c3;--faint:#647889;--hit:#57b489;--up:#e9705a;--down:#6893d4;--line:#27394c;--on-ink:#0b1622;--sub-on-ink:#5b6b78}}:root[data-theme=dark]{--base:#0b1622;--paper:#142336;--panel2:#0f1d2c;--ink:#e9edf0;--sub:#a6b6c3;--faint:#647889;--hit:#57b489;--up:#e9705a;--down:#6893d4;--line:#27394c;--on-ink:#0b1622;--sub-on-ink:#5b6b78}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0;padding:0}body{background:var(--base);color:var(--ink);font-family:var(--font-body), sans-serif;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}a{color:inherit;text-decoration:none}.tnum{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display), sans-serif}.page{padding:26px 18px 48px}.wrap{max-width:520px;margin:0 auto;animation:.34s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.kicker{letter-spacing:.22em;color:var(--faint);margin-bottom:10px;font-size:10px}h1.title{font-family:var(--font-display), sans-serif;margin:0 0 8px;font-size:44px;line-height:1.1}.lead{color:var(--sub);margin:0 0 22px;font-size:14px;line-height:1.9}.section-label{letter-spacing:.15em;color:var(--faint);margin:22px 0 10px;font-size:11px}.streak{gap:12px;margin:0 0 18px;display:flex}.streak .box{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:6px;flex:1;padding:12px 14px}.streak .box.hot{border-color:#e9a23b}.streak .box .n{font-family:var(--font-display), sans-serif;justify-content:center;align-items:center;gap:6px;font-size:24px;display:flex}.streak .box .flame{font-size:20px;animation:1.6s ease-in-out infinite flame;display:inline-block}@keyframes flame{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.streak .box .l{letter-spacing:.1em;color:var(--faint);margin-top:2px;font-size:10px}.streak-banner{background:color-mix(in srgb, #e9a23b 12%, var(--paper));color:var(--ink);border:1px solid #e9a23b;border-radius:4px;justify-content:center;align-items:center;gap:6px;margin-bottom:10px;padding:12px;font-size:14px;font-weight:700;display:flex}.streak-banner .flame{font-size:18px}.streak-banner .best{color:var(--sub);margin-left:6px;font-size:12px;font-weight:400}.daily-card{background:var(--ink);color:var(--on-ink);border-radius:6px;margin-bottom:14px;padding:20px;box-shadow:0 6px 22px #0d1b2a38}.daily-card .d-label{letter-spacing:.22em;color:var(--sub-on-ink);margin-bottom:8px;font-size:10px}.daily-card .d-title{font-family:var(--font-display), sans-serif;margin:0 0 4px;font-size:24px;line-height:1.3}.daily-card .d-hint{color:var(--sub-on-ink);margin-bottom:16px;font-size:12px}.d-btn{text-align:center;background:var(--on-ink);color:var(--ink);font-family:var(--font-display), sans-serif;border-radius:4px;padding:15px;font-size:15px;transition:filter .2s;display:block}.d-btn:hover{filter:brightness(.96)}.genre-bar{scrollbar-width:none;gap:7px;margin:0 -18px 6px;padding:2px 18px 8px;display:flex;overflow-x:auto}.genre-bar::-webkit-scrollbar{display:none}.genre-chip{border:1px solid var(--line);background:var(--paper);color:var(--sub);white-space:nowrap;border-radius:999px;flex:none;padding:8px 13px;font-size:13px;font-weight:500;transition:all .16s}.genre-chip.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.qcard{background:var(--paper);border:1px solid var(--line);border-radius:6px;margin-bottom:8px;transition:border-color .18s,box-shadow .2s,transform .12s;display:flex;overflow:hidden}.qcard:hover{border-color:var(--faint);box-shadow:0 4px 14px #0d1b2a12}.qcard-main{text-align:left;flex-direction:column;flex:1;gap:3px;min-width:0;padding:13px 15px;display:flex}.qc-top{align-items:center;gap:7px;display:flex}.genre-tag{color:var(--sub);background:var(--panel2);border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:700}.count-tag{color:var(--faint);font-size:10.5px}.count-tag.ten{color:var(--down);font-weight:700}.qc-title{font-size:15px;font-weight:500}.qc-hint{color:var(--faint);font-size:11.5px}.qc-stat{color:var(--sub);margin-top:2px;font-size:10.5px}.topbar-right{text-align:right;letter-spacing:.15em;color:var(--faint);margin-bottom:14px;font-size:11px}.report-link{color:var(--faint);text-underline-offset:2px;margin:-6px 0 14px auto;font-size:11px;text-decoration:underline;display:block}.report-link:hover{color:var(--up)}.report-link:disabled{color:var(--faint);cursor:default;text-decoration:none}.back{color:var(--faint);margin-bottom:10px;font-size:12px;display:inline-block}.qtitle{font-family:var(--font-body), sans-serif;letter-spacing:.01em;margin:0 0 4px;font-size:25px;font-weight:700;line-height:1.4}.axis-note{justify-content:space-between;align-items:baseline;margin:4px 0 10px;font-size:11px;display:flex}.axis-note .axis-top{color:var(--hit);font-weight:700}.axis-note .axis-bottom{color:var(--faint)}.qhint{color:var(--faint);margin:14px 0 6px;font-size:12px}.slots{margin-bottom:18px}.slot{background:var(--paper);border:1.5px solid var(--line);text-align:left;border-radius:4px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:13px 14px;transition:border-color .2s,background .2s,box-shadow .2s,transform .12s;display:flex}.slot .rank{color:var(--faint);width:14px;font-size:11px}.slot .lbl{flex:1;font-size:15px;font-weight:500}.slot .val{color:var(--sub);font-size:11px}.slot .arrow{font-size:13px;font-weight:700}.slot .fix{color:var(--hit);font-size:11px;font-weight:700}.slot.sel{border-color:var(--ink);z-index:2;transform:scale(1.015);box-shadow:0 6px 16px #0d1b2a29}.slot.dim{opacity:.55}.slot.locked{border-color:var(--hit);background:color-mix(in srgb, var(--hit) 12%, var(--paper))}.slot.up{border-color:var(--up)}.slot.down{border-color:var(--down)}.slot:not(:disabled):hover{border-color:var(--faint)}.slot:disabled{cursor:default}.histgrid{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.histgrid .row{gap:2px;display:flex}.histgrid .cell{border-radius:1px;width:12px;height:12px}.btn-primary{background:var(--ink);width:100%;color:var(--on-ink);font-family:var(--font-display), sans-serif;border-radius:4px;padding:17px;font-size:16px;transition:transform .12s,filter .2s;box-shadow:0 2px #0d1b2a2e}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:4px;width:100%;padding:15px;font-size:14px;transition:border-color .18s,background .18s}.btn-ghost:hover{border-color:var(--faint)}.btn-ghost.block{display:block}.mb8{margin-bottom:8px}.hint-line{color:var(--faint);text-align:center;margin-top:10px;font-size:11px}.result-box{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:4px;margin-bottom:14px;padding:18px;animation:.4s cubic-bezier(.2,.8,.2,1) both rise}.result-box .r-title{font-family:var(--font-display), sans-serif;margin-bottom:6px;font-size:22px}.result-box .r-sub{color:var(--sub);font-size:12px}.grid-pre{text-align:center;color:var(--sub);white-space:pre;margin-top:18px;font-family:inherit;font-size:15px;line-height:1.5}.like-cta{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--sub);border-radius:4px;justify-content:center;align-items:center;gap:9px;margin-bottom:8px;padding:13px;font-size:14px;transition:border-color .16s,color .16s;display:flex}.like-cta.liked{border-color:var(--up);color:var(--up);background:color-mix(in srgb, var(--up) 7%, transparent)}.like-cta .heart{font-size:18px}.like-btn{border-left:1px solid var(--line);width:64px;color:var(--faint);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;transition:background .16s,color .16s;display:flex}.like-btn .heart{font-size:17px;line-height:1}.like-btn .lc{font-size:11px}.like-btn.liked{color:var(--up)}.form-group{margin-bottom:14px}.form-label{letter-spacing:.12em;color:var(--sub);margin-bottom:6px;font-size:11px;display:block}.form-label .req{color:var(--up);margin-left:4px}.input{background:var(--paper);border:1.5px solid var(--line);width:100%;color:var(--ink);border-radius:4px;padding:12px 13px;font-family:inherit;font-size:15px;transition:border-color .18s,box-shadow .18s}.input::placeholder{color:var(--faint)}.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 12%, transparent);outline:none}.genre-pick{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.genre-pick .gp{border:1px solid var(--line);background:var(--paper);color:var(--sub);border-radius:999px;padding:7px 12px;font-size:13px;transition:all .14s}.genre-pick .gp.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.items-help{color:var(--faint);margin:2px 0 12px;font-size:11px;line-height:1.7}.item-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.item-row .rn{background:var(--ink);width:22px;height:22px;color:var(--on-ink);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;display:flex}.item-row .lbl-in{flex:55%;min-width:0}.item-row .val-in{min-width:0;color:var(--sub);flex:45%;font-size:13px}.item-row .rm{border:1px solid var(--line);background:var(--paper);width:26px;height:26px;color:var(--faint);border-radius:50%;flex:none;font-size:15px;line-height:1}.item-row .rm:hover{border-color:var(--up);color:var(--up)}.add-item{border:1.5px dashed var(--line);width:100%;color:var(--sub);background:0 0;border-radius:4px;margin:2px 0 14px;padding:11px;font-size:13px;transition:border-color .16s,color .16s}.add-item:hover{border-color:var(--faint);color:var(--ink)}.add-item:disabled{opacity:.4;cursor:default}.form-err{color:var(--up);text-align:center;min-height:18px;margin:4px 0 10px;font-size:12px}.make-btn{border:1.5px dashed var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;padding:15px;font-size:15px;font-weight:500;transition:border-color .16s,transform .12s;display:flex}.make-btn:hover{border-color:var(--faint)}.make-btn:active{transform:translateY(1px)}.card-author{color:var(--faint);font-size:10.5px}.seo-note{border-top:1px solid var(--line);color:var(--sub);margin-top:26px;padding-top:18px}.seo-note h3{letter-spacing:.08em;color:var(--faint);margin:0 0 8px;font-size:13px;font-weight:500}.seo-note p{margin:0 0 8px;font-size:13px;line-height:1.8}.seo-note .seo-items{color:var(--faint);font-size:12px}.mine-empty{background:var(--paper);border:1px solid var(--line);text-align:center;color:var(--sub);border-radius:6px;padding:24px 18px;font-size:14px}.rank-row{background:var(--paper);border:1px solid var(--line);border-radius:6px;align-items:center;gap:10px;margin-bottom:7px;padding:11px 14px;display:flex}.rank-row .rk{font-family:var(--font-display), sans-serif;width:26px;color:var(--faint);font-size:15px}.rank-row .who{flex:1;min-width:0;font-weight:500}.rank-row .num{color:var(--sub);font-variant-numeric:tabular-nums;font-size:12px}.site-footer{border-top:1px solid var(--line);text-align:center;margin-top:32px;padding-top:16px}.site-footer a{color:var(--faint);text-underline-offset:2px;font-size:12px;text-decoration:underline}.site-footer a:hover{color:var(--sub)}