@font-face{font-family:Caveat;src:url(fonts/caveat.woff2) format("woff2");font-weight:700}
@font-face{font-family:FredokaW;src:url(fonts/fredoka.woff2) format("woff2");font-weight:300 700}
@font-face{font-family:Playfair;src:url(fonts/playfair.woff2) format("woff2");font-weight:400 900}
@font-face{font-family:NunitoW;src:url(fonts/nunito.woff2) format("woff2");font-weight:200 900}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#1b1512 radial-gradient(ellipse at 50% 0,#4a3b32,#1b1512 70%) fixed;color:#f3e9dc;font-family:NunitoW,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;padding-top:env(safe-area-inset-top)}
header{display:flex;align-items:baseline;gap:16px;padding:22px 5vw 8px;flex-wrap:wrap;position:relative}
.logo{font:900 30px Playfair;letter-spacing:.1em;color:#f3e9dc}.logo i{font-style:normal;color:#ff5a5f}
.tag{font-size:12px;letter-spacing:.2em;opacity:.6}
#setB{position:absolute;right:5vw;top:22px;background:rgba(255,255,255,0.078);border:1px solid rgba(255,255,255,0.188);color:#f3e9dc;border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer}
#status{margin:6px 5vw;font-size:13px;opacity:.75;min-height:18px}
main{padding:0 5vw 60px}h2{font:800 18px NunitoW;letter-spacing:.1em;margin:26px 0 14px}h2 small{opacity:.5;font-weight:600;margin-left:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,210px));justify-content:start;gap:30px 26px;padding-bottom:26px;border-bottom:10px solid #3a2b22;box-shadow:0 14px 18px -12px #000}
.issue{cursor:pointer;transition:transform .25s}.issue:hover{transform:translateY(-6px)}
.cv{position:relative;aspect-ratio:.72;border-radius:3px 8px 8px 3px;background-size:cover;background-position:24% 50%;box-shadow:-6px 0 0 rgba(0,0,0,0.251) inset,0 16px 30px rgba(0,0,0,0.667);overflow:hidden}
.cv:before{content:"";position:absolute;top:0;right:0;bottom:auto;left:0;inset:0 0 auto 0;height:42%;background:linear-gradient(rgba(251,241,220,0.949),rgba(251,241,220,0.667) 60%,transparent)}
.cv .m{position:absolute;top:6%;left:0;right:0;text-align:center;color:#c8102e;font:900 2.2em/.82 Playfair}.cv .m small{display:block;font-size:.8em}
.cv .n{position:absolute;top:33%;left:0;right:0;text-align:center;color:#14213d;font:italic 700 13px Playfair}
.cv .badge{position:absolute;right:8px;bottom:8px;background:#ff5a5f;color:#fff;font:800 11px NunitoW;border-radius:20px;padding:3px 9px}
.meta{margin-top:10px}.meta b{display:block;font:800 15px Playfair}.meta span{font-size:12px;opacity:.7}
.bar{height:4px;background:rgba(255,255,255,0.133);border-radius:4px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#ff5a5f,#ffb703)}
.act{margin-top:8px;display:flex;gap:6px}.act button{background:#ff5a5f;color:#fff;border:none;border-radius:20px;padding:6px 14px;font:700 12px NunitoW,sans-serif;cursor:pointer}.act .ghost{background:rgba(255,255,255,0.102)}
#dlg{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,0.667);display:flex;align-items:center;justify-content:center;z-index:9}#dlg[hidden]{display:none}
.box{background:#fffaf0;color:#2a2420;border-radius:14px;padding:22px;width:90vw;max-width:520px}.box h3{margin:0 0 6px;font:900 20px Playfair}.box p{font-size:13px;opacity:.8}
.box input{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font:14px monospace}.row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.row button{background:#ff5a5f;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-weight:700;cursor:pointer}.row .ghost{background:#eee;color:#333}.small{font-size:11px!important}
.cv .badge.new{background:#e9c46a;color:#3a2a10;left:8px;right:auto;top:8px;bottom:auto;box-shadow:0 0 0 3px rgba(233,196,106,.35);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(233,196,106,0)}}
.cv .badge.got{background:#264653}.cv .badge.prog{background:#2a9d8f}.cv .badge.upd{background:#e76f51}
.act{flex-wrap:wrap}
@media(max-width:560px){main{padding:0 4vw 50px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.cv .m{font-size:1.8em}.meta b{font-size:14px}.act button{padding:6px 11px}}
@media(min-width:561px) and (max-width:820px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- Still Crazy brand ---- */
.logo{font:700 34px/1 FredokaW,sans-serif;letter-spacing:-.02em;color:#7fd1cc;display:flex;align-items:baseline;gap:.18em}
.logo .s{font:700 38px/1 Caveat,cursive;color:#f0b75a;transform:rotate(-6deg);display:inline-block}
#aboutB{position:absolute;right:calc(5vw + 48px);top:22px;background:rgba(255,255,255,0.078);border:1px solid rgba(255,255,255,0.188);color:#f3e9dc;border-radius:50%;width:38px;height:38px;font:italic 700 18px Georgia,serif;cursor:pointer}
.cv:before{background:linear-gradient(rgba(246,239,226,0.941),rgba(246,239,226,0.659) 60%,transparent)}
.cv .m{top:5%;color:#0e5a5f;font:700 2.6em/.82 FredokaW,sans-serif;letter-spacing:-.03em}
.cv .m .s{display:block;font:700 .62em/1 Caveat,cursive;color:#d98f22;transform:rotate(-6deg) translateX(-22%)}
.cv .m .c{display:block}
.cv .n{color:#16302f;top:31%}
#about{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,0.667);display:flex;align-items:center;justify-content:center;z-index:9}#about[hidden]{display:none}
.alogo{font:700 40px/1 FredokaW,sans-serif;color:#0e5a5f;display:flex;align-items:baseline;gap:.15em}.alogo .s{font:700 44px Caveat,cursive;color:#d98f22;transform:rotate(-6deg);display:inline-block}
.asub{margin:.4em 0 0}.disc{background:#f3ead8;border-left:4px solid #0e5a5f;padding:10px 12px;border-radius:6px;font-size:12.5px!important;line-height:1.6}
/* ---- equal-height cards (2.0.6) ---- */
.grid{align-items:stretch}
.issue{display:flex;flex-direction:column;min-width:0}
.meta{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.meta b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;height:2.6em}
.meta .bl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;height:3em;margin-top:2px}
.bar{flex:none;margin-top:8px}.bar.ph{visibility:hidden}
.act{flex-wrap:nowrap!important;margin-top:10px;min-height:30px}.act button{white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){.act button{padding:6px 10px;font-size:11.5px}}
.meta .ino{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.meta .ino em{font:800 13px NunitoW,var(--zh,sans-serif);font-style:normal;color:#0e1f1f;background:#f0b75a;border-radius:4px;padding:1px 7px}.meta .ino small{font:700 10px NunitoW;letter-spacing:.14em;opacity:.6;text-transform:uppercase}

/* ---- manage mode ---- */
#manageB{position:absolute;right:calc(5vw + 96px);top:22px;height:38px;padding:0 14px;border-radius:19px;background:rgba(255,255,255,0.078);border:1px solid rgba(255,255,255,0.188);color:#f3e9dc;font:700 13px NunitoW,var(--zh,sans-serif);cursor:pointer}
body.managing #manageB{background:#f0b75a;color:#1b1512;border-color:#f0b75a}
.pick{display:none;position:absolute;top:8px;right:8px;z-index:3;cursor:pointer}.pick input{position:absolute;opacity:0}
.pick span{display:block;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,0.467);box-shadow:0 2px 8px rgba(0,0,0,0.533)}
.pick input:checked+span{background:#e76f51;border-color:#fff}.pick input:checked+span::after{content:"✓";display:block;color:#fff;font:900 16px/24px sans-serif;text-align:center}
body.managing .pick{display:block}body.managing .issue:not(.can-rm){opacity:.45}body.managing .issue:hover{transform:none}
body.managing .issue.picked .cv{outline:3px solid #e76f51;outline-offset:3px}body.managing .act{pointer-events:none;opacity:.5}
#mgBar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:40;display:flex;gap:10px;align-items:center;background:#fffaf0;color:#2a2420;border-radius:30px;padding:8px 10px 8px 18px;box-shadow:0 12px 40px rgba(0,0,0,0.667);font:600 13px NunitoW,var(--zh,sans-serif);max-width:94vw}
#mgBar[hidden]{display:none}#mgBar button{border:none;border-radius:20px;padding:8px 16px;font:800 13px NunitoW,var(--zh,sans-serif);cursor:pointer;background:#e76f51;color:#fff;white-space:nowrap}#mgBar button:disabled{background:#ccc;cursor:default}#mgBar .ghost{background:#eee;color:#333}
@media(max-width:560px){#mgBar span{display:none}#manageB{right:calc(4vw + 92px)}}
/* ---- most recently read ---- */
.issue.recent .cv{box-shadow:0 0 0 3px #7fd1cc,0 0 26px 4px rgba(127,209,204,0.533),0 16px 30px rgba(0,0,0,0.667)}
.cv .badge.rec{left:8px;right:auto;bottom:8px;top:auto;background:#7fd1cc;color:#0b2b2a;box-shadow:0 2px 8px rgba(0,0,0,0.400)}
.issue.recent .meta .ino em{background:#7fd1cc}
body.managing .issue.recent .pick{display:block}
/* ---- warm study background (2.0.6) ---- */
body{background:#1d140f;background-image:
 radial-gradient(ellipse 70% 55% at 12% -8%,rgba(255,214,150,.30),rgba(255,190,120,.10) 45%,transparent 70%),
 linear-gradient(115deg,rgba(255,226,170,.10) 0 18%,transparent 18% 24%,rgba(255,226,170,.07) 24% 34%,transparent 34%),
 radial-gradient(ellipse at 50% 120%,#120c09 0,transparent 60%),
 linear-gradient(180deg,#3a281d 0,#2a1d15 45%,#1c130e 100%);background-attachment:fixed}
body::before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:soft-light;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .35' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E")}
#bgfx{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0}
header,#status,#appBanner,main{position:relative;z-index:1}
.grid{border-bottom:none!important;box-shadow:none!important;padding-bottom:6px;row-gap:46px!important}
.issue{position:relative;padding-bottom:30px}
.issue::after{content:"";position:absolute;left:-14px;right:-14px;bottom:0;height:16px;border-radius:2px;z-index:-1;
 background:linear-gradient(180deg,rgba(255,235,200,.28) 0,rgba(255,235,200,0) 3px),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='16'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .9' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .24 0 0 0 0 .14 0 0 0 0 .07 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/400px 16px,
 linear-gradient(180deg,#9a6a42 0,#7d5233 45%,#5e3c25 100%);
 box-shadow:0 10px 14px -6px rgba(0,0,0,0.800),0 3px 0 #3d2716}
.issue:hover{transform:none}.issue:hover .cv{transform:translateY(-6px)}.cv{transition:transform .25s,box-shadow .25s}
.issue.recent .cv:hover{transform:translateY(-6px)}
.meta,.meta span,.meta .bl{text-shadow:0 1px 2px rgba(0,0,0,0.600)}
/* app update banner (separate from new-issue status) */
#appBanner{margin:8px 5vw 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,#0e5a5f,#13746f);color:#eafffb;border-radius:12px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,0.467);font-size:13px}
#appBanner[hidden]{display:none}#appBanner .ic{width:30px;height:30px;border-radius:50%;background:#f0b75a;color:#1b1512;display:grid;place-items:center;font-weight:900}
#appBanner .tx{flex:1;min-width:180px}#appBanner .tx small{display:block;opacity:.8;margin-top:2px}
#appBanner button{background:#f0b75a;color:#1b1512;border:none;border-radius:20px;padding:8px 16px;font:800 13px NunitoW,var(--zh,sans-serif);cursor:pointer;white-space:nowrap}
#appBanner .pb,.set .pb{flex-basis:100%;height:4px;border-radius:4px;background:rgba(255,255,255,0.200);overflow:hidden}#appBanner .pb i,.set .pb i{display:block;height:100%;background:#f0b75a}
/* settings */
.box.set{max-height:88vh;overflow:auto;width:92vw;max-width:560px}.set h3{margin-bottom:10px}
.set section{border-top:1px solid rgba(0,0,0,0.067);padding:12px 0}.set h4{margin:0 0 8px;font:800 15px NunitoW,var(--zh,sans-serif);color:#0e5a5f}
.set .kv{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:3px 0}.set .kv span{opacity:.65}.set .kv b{text-align:right}
.set .st-latest{color:#2a9d8f}.set .st-available,.set .st-ready{color:#c8102e}.set .st-error{color:#b00}
.set .hint{font-size:12px!important;opacity:.65!important;margin:6px 0 0;line-height:1.55}.set .note{font-size:12.5px;background:#f3ead8;padding:8px 10px;border-radius:6px}
.set .row.end{justify-content:flex-end;border-top:1px solid rgba(0,0,0,0.067);padding-top:12px}
.set details{border-top:1px solid rgba(0,0,0,0.067);padding:10px 0}.set summary{cursor:pointer;font:800 14px NunitoW,var(--zh,sans-serif);opacity:.75}
.set .pb{background:rgba(0,0,0,0.067);margin:6px 0}
.sw{display:flex;align-items:center;gap:10px;font-size:13.5px;cursor:pointer}.sw input{position:absolute;opacity:0}.sw span{width:40px;height:22px;border-radius:11px;background:#ccc;position:relative;transition:.2s;flex:none}
.sw span::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.sw input:checked+span{background:#2a9d8f}.sw input:checked+span::after{left:21px}
.row button:disabled{opacity:.5;cursor:default}
/* ================= 2.0.8 light & fresh theme (watercolor study) ================= */
body{color:#2c3a33;background:#eef1ea url(img/shelf-bg.webp) center 30%/cover no-repeat fixed}
@media(max-width:700px){body{background-image:url(img/shelf-bg-m.webp);background-position:50% 20%}}
body::before{opacity:1;mix-blend-mode:normal;background:linear-gradient(180deg,rgba(250,250,244,.55) 0,rgba(250,250,244,.15) 30%,rgba(250,250,244,0) 55%)}
header{max-width:1180px;margin:14px auto 0;padding:14px 22px 10px;border-radius:18px;background:rgba(255,253,247,.72);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 24px rgba(70,90,70,.12)}
.logo{color:#0e5a5f}.logo .s{color:#d08a1e}
.tag{color:#4b5d52;opacity:.85}
#setB,#aboutB,#manageB{background:rgba(255,255,255,.75);border:1px solid rgba(46,74,60,.18);color:#2c4a3e;top:16px}
#setB{right:22px}#aboutB{right:70px}#manageB{right:118px}
body.managing #manageB{background:#d08a1e;color:#fff;border-color:#d08a1e}
#status,#appBanner{max-width:1180px;margin-left:auto;margin-right:auto}
#status{color:#33463c;opacity:.9;padding:0 22px;text-shadow:0 1px 0 rgba(255,255,255,0.533)}
#appBanner{margin-top:10px}
main{max-width:1180px;margin:10px auto 40px;padding:18px 26px 26px;border-radius:22px;background:rgba(255,252,244,.70);backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(60,80,60,.16);border:1px solid rgba(255,255,255,.6)}
h2{color:#24443a;margin:6px 0 18px}h2 small{color:#5d7166;opacity:.8}
.grid{grid-template-columns:repeat(auto-fit,minmax(200px,236px))!important;justify-content:center!important;gap:56px 34px!important;position:relative;padding-bottom:4px}
.issue{padding-bottom:26px}.issue::after{display:none}
.plank{position:absolute;left:-26px;right:-26px;height:15px;border-radius:3px;pointer-events:none;z-index:0;
 background:linear-gradient(180deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 4px),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='15'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005 .8' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .40 0 0 0 0 .25 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/500px 15px,
 linear-gradient(180deg,#ead6b8 0,#dcc29c 55%,#c9aa7f 100%);box-shadow:0 8px 12px -6px rgba(90,70,40,.35),0 2px 0 #b8986c}
.issue>*{position:relative;z-index:1}
.meta b{color:#1f3a32}.meta span,.meta .bl{color:#4e6157;opacity:1}.meta,.meta span,.meta .bl{text-shadow:none}
.meta .ino em{background:#f4c46a;color:#3b2a0c}.meta .ino small{color:#5d7166;opacity:.9}
.bar{background:rgba(46,74,60,.12)}
.act .ghost{background:rgba(46,74,60,.10);color:#2c4a3e}
.cv{box-shadow:-5px 0 0 rgba(0,0,0,.12) inset,0 14px 26px rgba(60,70,50,.28)}
.issue.recent .cv{box-shadow:0 0 0 3px #5fb8a8,0 0 24px 4px rgba(95,184,168,.55),0 14px 26px rgba(60,70,50,.28)}
.cv .badge.rec{background:#5fb8a8;color:#fff}.issue.recent .meta .ino em{background:#5fb8a8;color:#fff}
#appBanner{background:linear-gradient(90deg,#e6f4ef,#f3f8ec);color:#24443a;border:1px solid rgba(95,184,168,.45)}#appBanner .ic{background:#5fb8a8;color:#fff}#appBanner button{background:#0e5a5f;color:#fff}#appBanner .pb{background:rgba(46,74,60,.12)}#appBanner .pb i{background:#5fb8a8}
/* light dialogs */
#dlg,#about,#cfm{background:rgba(70,90,75,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.box{background:#fffdf7;color:#2c3a33;box-shadow:0 20px 60px rgba(50,70,55,.25);border:1px solid rgba(46,74,60,.08)}
.row button{background:#0e5a5f}.row .ghost{background:#eef1ea;color:#2c4a3e}
.set h4{color:#0e5a5f}.set .st-available,.set .st-ready{color:#c06a12}
#mgBar{background:rgba(255,253,247,.95);border:1px solid rgba(46,74,60,.12)}
/* custom confirm */
#cfm{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;display:flex;align-items:center;justify-content:center;z-index:60}#cfm[hidden]{display:none}
#cfm .box{width:90vw;max-width:440px}#cfm h3{margin:0 0 8px;font:800 18px NunitoW,var(--zh,sans-serif)}#cfm .list{font:800 15px NunitoW,var(--zh,sans-serif);color:#c0392b;margin:6px 0 10px}
#cfm ul{margin:6px 0 4px;padding-left:18px;font-size:13px;opacity:.8}#cfm .row{justify-content:flex-end}#cfm .danger{background:#c0392b}
@media(max-width:560px){header{margin:8px 3vw 0;padding:12px 14px 10px}#setB{right:12px}#aboutB{right:56px}#manageB{right:100px;padding:0 11px}
 main{margin:8px 3vw 30px;padding:14px 12px 18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:44px 14px!important}.plank{left:-12px;right:-12px}
 .logo{font-size:28px}.logo .s{font-size:32px}}
@media(min-width:561px) and (max-width:820px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
main{background:rgba(255,252,244,.58);backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px)}
#status{display:table;margin:10px auto 0;padding:5px 14px;border-radius:20px;background:rgba(255,253,247,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:12.5px}
@media(max-width:560px){#status{margin:8px 3vw 0;display:block}}
/* 2.0.9 · tabs + 按难度 level browser (bright natural style) */
.tabs{display:flex;gap:6px;margin:2px 0 6px;padding:4px;background:rgba(36,68,58,.08);border-radius:999px;width:max-content}
.tabs button{background:transparent;color:#24443a;border-radius:999px;padding:7px 18px;font:800 14px NunitoW,var(--zh,sans-serif)}
.tabs button small{font-weight:600;opacity:.55;font-size:11px;margin-left:3px}
.tabs button.on{background:#fff;color:#1f5f4a;box-shadow:0 2px 8px rgba(36,68,58,.18)}
.lvhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}
.lvhead h2{margin:10px 0}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:#fff;color:#24443a;border:1px solid rgba(36,68,58,.22);border-radius:999px;padding:6px 14px;font:800 13px NunitoW,var(--zh,sans-serif)}
.chip.on{background:#2f8f6f;color:#fff;border-color:#2f8f6f}
.lvtip{color:#3c5a50;font-size:12.5px;margin:4px 0 12px;opacity:.85}
#lvList{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px 14px}
.lvi{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"b t go" "b c n";align-items:center;gap:2px 12px;padding:10px 14px;background:rgba(255,255,255,.82);border:1px solid rgba(36,68,58,.12);border-radius:14px;cursor:pointer;color:#24332e;transition:transform .15s,box-shadow .15s}
.lvi:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(36,68,58,.14)}
.lvi.off{cursor:default;opacity:.55;filter:grayscale(.7);background:rgba(255,255,255,.55)}.lvi.off:hover{transform:none;box-shadow:none}
.lvb{grid-area:b;display:flex;flex-direction:column;align-items:center;justify-content:center;width:62px;height:52px;border-radius:12px;font:900 14px NunitoW;letter-spacing:-1px}
.lvb small{font:800 11px NunitoW,var(--zh,sans-serif);letter-spacing:0;margin-top:2px}
.lvb.lv1{background:#e3f4e8;color:#2f8f4f}.lvb.lv2{background:#fff1d6;color:#b7791f}.lvb.lv3{background:#fde2dc;color:#c0392b}
.lvt{grid-area:t;min-width:0}.lvt b{display:block;font:800 15px Playfair;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lvt i{font-style:normal;font-size:12px;opacity:.7;margin-left:0}
.lvc{grid-area:c;font-size:11px;letter-spacing:.06em;color:#4f6f64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lvn{grid-area:n;font-size:11.5px;color:#4f6f64;white-space:nowrap;text-align:right}
.lvgo{grid-area:go;font:800 12px NunitoW,var(--zh,sans-serif);color:#2f8f6f;text-align:right}
.lvdl{grid-area:go;padding:5px 12px!important;font-size:12px!important;background:#ff5a5f!important;color:#fff!important;filter:none}
.lvi.off .lvdl{opacity:1}
body.lvmode #mgBar{display:none}
@media(max-width:560px){#lvList{grid-template-columns:1fr}.lvi{padding:9px 10px;gap:2px 9px}.lvb{width:52px;height:46px}.tabs button{padding:7px 13px}.lvhead{gap:6px}}
#shelf[hidden],main h2[hidden],#lvView[hidden]{display:none!important}
main .tabs button,main .tabs button:hover{border:none!important;background:transparent;color:#24443a;box-shadow:none}
main .tabs button.on{background:#fff!important;color:#1f5f4a!important;box-shadow:0 2px 8px rgba(36,68,58,.18)!important}
main .chip{border:1px solid rgba(36,68,58,.22)!important;background:#fff!important;color:#24443a!important}
main .chip.on{background:#2f8f6f!important;color:#fff!important;border-color:#2f8f6f!important}

/* ce-api22: Chromium 40 has no grid, flex gap, aspect-ratio, or min(). Modern browsers take the @supports branch. */
.grid{display:block}
.grid:after{content:"";display:block;clear:both}
.issue{float:left;width:200px;margin:0 26px 30px 0}
.cv{height:0;padding-top:138.89%}
#lvList{display:block}
.lvi{display:block}
.tag{margin-left:16px}
@supports (display:grid){
  .grid{display:grid}
  .grid:after{content:none;display:none}
  .issue{float:none;width:auto;margin:0}
  .cv{height:auto;padding-top:0}
  #lvList{display:grid}
  .lvi{display:grid}
}
@supports (gap:1px){.tag{margin-left:0}}
@media(max-width:560px){
  .issue{width:46%;margin:0 2% 22px}
  @supports (display:grid){.issue{width:auto;margin:0}}
}