:root{color-scheme:dark;--bg:#07101d;--surface:#0d1929;--line:rgba(164,191,220,.16);--text:#f4f7fb;--muted:#94a8bf;--gold:#d9b86c;--gold-2:#f4d99a;--cyan:#68d2d0;--danger:#ef8a82;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 88% 6%,rgba(53,127,155,.18),transparent 28rem),linear-gradient(180deg,#081321 0,var(--bg) 36rem);font:16px/1.6 "Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}code{color:var(--gold-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:14px 0;background:rgba(7,16,29,.82);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(217,184,108,.55);border-radius:50%;color:var(--gold)}.brand strong,.brand small{display:block;line-height:1.2}.brand small{margin-top:4px;color:var(--muted);font-size:12px;letter-spacing:.1em}nav{display:flex;align-items:center;gap:26px;color:#c6d2df;font-size:14px}nav a:hover{color:#fff}.download-link{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:190px;padding:9px 17px 9px 10px;border:2px solid rgba(167,123,47,.6);border-radius:16px;background:linear-gradient(135deg,#fff8e8,#fff);color:#654716;box-shadow:0 8px 22px rgba(84,60,20,.12)}.download-link>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#a77b2f;color:#fff;font-size:24px;font-weight:900;line-height:1}.download-link strong,.download-link small{display:block;line-height:1.18}.download-link strong{font-size:16px}.download-link small{color:#8b7041;font-size:11px}.download-link:hover{border-color:#8b6423;background:#fff3d7;color:#513810;transform:translateY(-1px)}
main{width:min(1180px,calc(100% - 40px));margin:0 auto}.intro{min-height:470px;display:grid;grid-template-columns:1fr 340px;align-items:center;gap:72px;padding:70px 0 48px}.eyebrow,.section-index{margin:0 0 16px;color:var(--cyan);font-size:13px;letter-spacing:.18em;font-weight:700}h1{max-width:800px;margin:0;font-size:clamp(42px,6.2vw,78px);line-height:1.1;letter-spacing:-.04em}h1 span{color:transparent;background:linear-gradient(100deg,var(--gold-2),var(--gold));background-clip:text}.intro-copy{max-width:600px;margin:26px 0 0;color:#aebed0;font-size:18px}.privacy-card{display:flex;gap:18px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(18,34,56,.94),rgba(10,23,39,.94));box-shadow:0 24px 70px rgba(0,0,0,.2)}.privacy-card strong{font-size:18px}.privacy-card p{margin:6px 0 0;color:var(--muted)}.privacy-icon{color:var(--cyan);font-size:30px}
.scan-steps{padding:38px 0 46px}.steps-heading{display:flex;align-items:center;gap:18px;margin-bottom:12px;padding:18px 20px 18px 24px;border:2px solid rgba(167,123,47,.48);border-radius:18px;background:linear-gradient(100deg,#fff8e8,#fff)}.steps-heading>span{flex:0 0 auto;padding:7px 13px;border-radius:999px;background:#a77b2f;color:#fff;font-size:14px;font-weight:800}.steps-heading h1{flex:0 0 auto;margin:0;color:#513b16;font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:.02em}.steps-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;margin-left:auto}.steps-heading-actions p{max-width:310px;margin:0;color:#6b5730;font-size:15px;font-weight:700;line-height:1.5}.steps-download{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;flex:0 0 auto;min-width:215px;padding:10px 17px 10px 10px;border:2px solid #a77b2f;border-radius:14px;background:#a77b2f;color:#fff;box-shadow:0 10px 24px rgba(111,77,22,.2)}.steps-download>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.18);font-size:27px;font-weight:900;line-height:1}.steps-download strong,.steps-download small{display:block;line-height:1.2}.steps-download strong{font-size:17px}.steps-download small{color:#fff0ce;font-size:12px}.steps-download:hover{background:#8b6423;border-color:#8b6423;transform:translateY(-1px)}.safety-note{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:11px 16px;border:1px solid rgba(39,132,109,.28);border-radius:13px;background:#f1faf6;color:#24483f}.safety-note strong{flex:0 0 auto;color:#176c59;font-size:16px}.safety-note p{min-width:0;flex:1;margin:0;font-size:14px;font-weight:650;line-height:1.55}.safety-note small{flex:0 0 auto;color:#6a7e78;font-size:11px;white-space:nowrap}.scan-steps ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}.scan-steps li{display:flex;align-items:flex-start;gap:16px;min-height:108px;padding:21px 22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(39,72,94,.06)}.scan-steps li>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#eaf7f8;color:#176f78;font-size:20px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(35,138,150,.12)}.scan-steps li p{margin:1px 0 0;color:#263f52;font-size:17px;font-weight:650;line-height:1.68}.scan-steps li.important{border-color:rgba(183,71,62,.3);background:#fff8f6}.scan-steps li.important>span{background:#fce7e3;color:#a33b34}
.viewer,.guide{padding:86px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.2}.section-index{margin-bottom:7px}.text-button{border:0;padding:10px 0;background:transparent;color:var(--gold-2);cursor:pointer;border-bottom:1px solid rgba(217,184,108,.5)}
.drop-zone{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:150px;padding:32px 38px;border:1px dashed rgba(104,210,208,.45);border-radius:var(--radius);background:rgba(13,25,41,.72);cursor:pointer;transition:.2s ease}.drop-zone:hover,.drop-zone:focus,.drop-zone.dragging{border-color:var(--cyan);background:rgba(21,46,66,.82);outline:none;transform:translateY(-2px)}.drop-glyph{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:rgba(104,210,208,.1);color:var(--cyan);font-size:30px}.drop-zone strong{font-size:20px}.drop-zone p{margin:3px 0 0;color:var(--muted)}.file-note{color:var(--muted);font-size:14px}.message{min-height:26px;margin:12px 4px 0;color:var(--muted)}.message.error{color:var(--danger)}.results{margin-top:36px}
.summary-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:14px}.score-card,.metric-card{min-height:150px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.score-card p,.metric-card span{margin:0;color:var(--muted);font-size:14px}.score-card>div:nth-of-type(1){display:flex;align-items:baseline;gap:8px;margin-top:7px}.score-card strong{font-size:44px;line-height:1;color:var(--gold-2)}.score-card span{color:var(--muted)}.progress-track{height:5px;margin-top:20px;border-radius:999px;background:#1b2a3c;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .5s ease}.score-card small{display:block;margin-top:8px;color:var(--muted)}.metric-card{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center;overflow:hidden}.metric-card::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--cyan),var(--gold))}.metric-card span{font-size:14px;font-weight:750;letter-spacing:.08em}.metric-card strong{max-width:100%;color:#18384d;font-size:20px;line-height:1.35;word-break:break-word}.metric-card::after{content:"";width:28px;height:1px;background:rgba(35,138,150,.28)}
.result-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:52px 0 22px}.result-toolbar h3{margin:0;font-size:28px}.result-toolbar p{margin:3px 0 0;color:var(--muted)}.search-box input{width:min(340px,70vw);padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#0a1625;color:var(--text);outline:none}.search-box input:focus{border-color:var(--cyan)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.category-card header{display:flex;justify-content:space-between;gap:12px}.category-card h4{margin:0;font-size:15px}.category-card strong{color:var(--gold-2);white-space:nowrap}.category-card small{color:var(--muted)}.mini-track{height:4px;margin-top:14px;border-radius:999px;background:#1c2b3e;overflow:hidden}.mini-track i{display:block;height:100%;background:var(--cyan)}
.achievement-panel{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(13,25,41,.86)}.tabs{display:flex;gap:8px}.tab{padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer}.tab.active{border-color:var(--gold);background:rgba(217,184,108,.12);color:var(--gold-2)}.list-count{color:var(--muted);font-size:14px}.achievement-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px 28px;max-height:560px;overflow:auto;border-top:1px solid var(--line)}.achievement-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid var(--line)}.status-dot{width:8px;height:8px;border-radius:50%;background:#415269}.achievement-row.done .status-dot{background:var(--cyan);box-shadow:0 0 0 5px rgba(104,210,208,.08)}.achievement-row strong{display:block;font-size:15px}.achievement-row small{color:var(--muted)}.achievement-row>span:last-child{color:var(--muted);font-size:13px}
.guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;margin:0;list-style:none}.guide li{display:flex;gap:16px;min-height:170px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.guide li>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid rgba(217,184,108,.48);border-radius:50%;color:var(--gold-2)}.guide strong{font-size:17px}.guide p{margin:8px 0 0;color:var(--muted)}footer{display:flex;justify-content:space-between;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:30px 0 50px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media(max-width:900px){nav>a:not(.download-link){display:none}.steps-heading{align-items:flex-start;flex-wrap:wrap}.steps-heading-actions{width:100%;justify-content:space-between;margin-left:0}.steps-heading-actions p{max-width:none}.safety-note{grid-template-columns:1fr}.safety-note small{grid-column:auto}.scan-steps ol{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.score-card{grid-column:span 2}.category-grid{grid-template-columns:repeat(2,1fr)}.guide ol{grid-template-columns:1fr}}
@media(max-width:620px){.topbar,main,footer{width:min(100% - 24px,1180px)}.brand small{display:none}.brand-mark{width:36px;height:36px}.download-link{grid-template-columns:34px auto;min-width:0;padding:7px 10px 7px 7px;border-radius:13px}.download-link>span{width:34px;height:34px;font-size:21px}.download-link strong{font-size:14px}.download-link small{display:none}.scan-steps{padding:24px 0 34px}.steps-heading{align-items:flex-start;flex-direction:column;gap:10px;padding:18px}.steps-heading h1{font-size:34px}.steps-heading-actions{align-items:stretch;flex-direction:column;width:100%;gap:12px}.steps-heading-actions p{font-size:15px}.steps-download{width:100%;min-width:0}.safety-note{gap:12px;padding:16px}.safety-note strong{font-size:18px}.safety-note p{font-size:14px}.scan-steps li{min-height:0;padding:17px}.scan-steps li>span{flex-basis:38px;width:38px;height:38px;font-size:18px}.scan-steps li p{font-size:16px}.viewer,.guide{padding:64px 0}.section-heading{align-items:flex-start;flex-direction:column}.drop-zone{grid-template-columns:auto 1fr;padding:24px 20px}.file-note{grid-column:2}.summary-grid,.category-grid{grid-template-columns:1fr}.score-card{grid-column:auto}.metric-card{min-height:122px}.result-toolbar{align-items:stretch;flex-direction:column}.search-box input{width:100%}.achievement-list{grid-template-columns:1fr}footer{gap:12px;flex-direction:column}}

.purchase-seller{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 14px;padding:16px 20px;border:2px solid rgba(167,123,47,.42);border-radius:16px;background:linear-gradient(105deg,#fff8e8,#fff);box-shadow:0 12px 30px rgba(102,72,22,.08);scroll-margin-top:88px}.seller-profile-shot{position:relative;display:block;border:2px solid rgba(167,123,47,.32);border-radius:13px;background:#ede4d7;box-shadow:0 8px 20px rgba(81,56,18,.13);overflow:hidden}.seller-profile-shot img{display:block;width:100%;aspect-ratio:1280/856;object-fit:cover}.seller-profile-shot span{position:absolute;right:7px;bottom:7px;padding:3px 8px;border-radius:999px;background:rgba(20,20,30,.76);color:#fff;font-size:11px;font-weight:700}.seller-profile-shot:hover{border-color:#a77b2f;transform:translateY(-1px)}.seller-copy{min-width:0}.seller-copy small,.seller-copy strong,.seller-copy p{display:block}.seller-copy small{margin-bottom:3px;color:#8b6a31;font-size:12px;font-weight:800;letter-spacing:.08em}.seller-copy strong{color:#3b2b13;font-size:21px;line-height:1.3}.seller-copy p{margin:4px 0 0;color:#705a35;font-size:14px;font-weight:650;line-height:1.5}.seller-price{min-width:88px;padding-left:18px;border-left:1px solid rgba(167,123,47,.25);text-align:center}.seller-price small,.seller-price strong,.seller-price em{display:block}.seller-price small{color:#8b7041;font-size:12px}.seller-price strong{margin-top:2px;color:#9a6820;font-size:26px;line-height:1}.seller-price em{margin-top:7px;padding:3px 7px;border-radius:999px;background:#a77b2f;color:#fff;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}.purchase-seller:target{border-color:#a77b2f;box-shadow:0 0 0 4px rgba(167,123,47,.12),0 12px 30px rgba(102,72,22,.1)}
@media(max-width:760px){.purchase-seller{grid-template-columns:150px minmax(0,1fr);gap:14px;padding:15px}.seller-copy strong{font-size:18px}.seller-copy p{font-size:13px}.seller-price{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0 0;border-top:1px solid rgba(167,123,47,.2);border-left:0}.seller-price strong{margin:0;font-size:22px}}
@media(max-width:480px){.purchase-seller{grid-template-columns:1fr}.seller-profile-shot{width:100%}.seller-copy{text-align:center}.seller-price{grid-column:1}}
.admin-run-note{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:16px 18px;border:2px solid #c44e3f;border-radius:14px;background:#fff1ee;color:#6f241b;box-shadow:0 10px 26px rgba(146,48,36,.09)}.admin-run-note strong{flex:0 0 auto;padding:7px 11px;border-radius:9px;background:#b84033;color:#fff;font-size:16px}.admin-run-note p{margin:0;font-size:15px;font-weight:750;line-height:1.6}.admin-run-note+p{margin-top:0}@media(max-width:700px){.admin-run-note{align-items:flex-start;flex-direction:column}.admin-run-note strong{font-size:17px}.admin-run-note p{font-size:14px}}

/* Bright daytime theme: keep the same structure and interactions, but make
   the working surface comfortable for long result-review sessions. */
:root{color-scheme:light;--bg:#edf4f8;--surface:#fff;--line:rgba(37,67,91,.14);--text:#142a3d;--muted:#667d90;--gold:#a77b2f;--gold-2:#8b6423;--cyan:#238a96;--danger:#b7473e}
body{background:radial-gradient(circle at 88% 5%,rgba(90,179,192,.2),transparent 28rem),linear-gradient(180deg,#f8fbfd 0,#edf4f8 36rem)}
.topbar{background:rgba(248,251,253,.88);box-shadow:0 1px 0 var(--line)}
.brand-mark{background:#fff;border-color:rgba(167,123,47,.42)}nav{color:#405a6e}nav a:hover{color:#10283c}.download-link{background:#fff;border-color:rgba(167,123,47,.4);color:#76531d}
h1{color:#10283c}h1 span{background:linear-gradient(100deg,#b17f2d,#8c6727);background-clip:text}.intro-copy{color:#4e687d}
.privacy-card{background:rgba(255,255,255,.82);box-shadow:0 22px 60px rgba(38,75,98,.1)}
.drop-zone{background:rgba(255,255,255,.75);border-color:rgba(35,138,150,.38)}.drop-zone:hover,.drop-zone:focus,.drop-zone.dragging{background:#f2fbfc;border-color:var(--cyan)}.drop-glyph{background:rgba(35,138,150,.1)}
.score-card,.metric-card,.category-card,.guide li{box-shadow:0 12px 34px rgba(39,72,94,.06)}.progress-track,.mini-track{background:#dfe9ef}
.search-box input{background:#fff;color:var(--text)}.achievement-panel{background:rgba(255,255,255,.82);box-shadow:0 18px 46px rgba(39,72,94,.06)}.tab{background:#fff}.tab.active{background:rgba(167,123,47,.1)}.status-dot{background:#b2c1cb}.achievement-row.done .status-dot{background:var(--cyan)}

.category-fold{margin-bottom:28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);overflow:hidden}.category-fold summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;cursor:pointer;list-style:none}.category-fold summary::-webkit-details-marker{display:none}.category-fold summary span,.category-fold summary strong,.category-fold summary small{display:block}.category-fold summary strong{font-size:18px}.category-fold summary small{margin-top:2px;color:var(--muted)}.category-fold summary i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf4f8;color:var(--cyan);font-style:normal;font-size:22px;transition:transform .2s ease}.category-fold[open] summary i{transform:rotate(180deg)}.category-fold .category-grid{padding:0 20px 20px}
.panel-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}.export-button{padding:9px 15px;border:1px solid rgba(35,138,150,.35);border-radius:10px;background:#eef9fa;color:#176f78;cursor:pointer;font-weight:700}.export-button:hover{background:#dff3f5;border-color:var(--cyan)}
.achievement-list.show-guides{display:block;max-height:none;overflow:visible;border-top:1px solid var(--line)}.show-guides .achievement-row{align-items:start;min-height:164px;padding:20px 0}.achievement-main{min-width:0}.achievement-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.visibility-badge,.reward-badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.visibility-badge.hidden{background:#edf0f3;color:#516475}.visibility-badge.visible{background:#e4f4f0;color:#277464}.reward-badge{background:#fbf1da;color:#805a19}.guide-text{margin:10px 0 0;color:#364d5f;line-height:1.65}.plain-guide{padding:13px 15px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:#f8f4e9}.plain-guide b{display:block;margin-bottom:3px;color:#795719}.tested-guide{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#dceee7;color:#236c5c;font-size:12px}.guide-text p{margin:0}.official-rule{padding:10px 12px;border:1px solid #dce6ec;border-radius:9px;background:#fff}.official-rule-title{display:block;color:#657d8e;font-size:14px;font-weight:700}.official-rule p{margin-top:7px;color:#536b7d;font-size:14px}.guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.guide-actions a{display:inline-block;padding:5px 10px;border:1px solid rgba(35,138,150,.25);border-radius:8px;background:#eef9fa;color:#1f7780;font-size:14px;font-weight:700}.guide-actions a:hover{border-color:var(--cyan);background:#def2f4}.row-status{padding-top:2px}
.achievement-group{min-width:0}.achievement-group+.achievement-group{margin-top:28px;border-top:8px solid #edf4f8}.achievement-group-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line);background:#f3f7fa}.achievement-group-header h4{margin:0;font-size:19px}.achievement-group-header p{margin:2px 0 0;color:var(--muted);font-size:14px}.achievement-group-header>strong{flex:0 0 auto;padding:4px 11px;border-radius:999px;background:#e1e8ee;color:#40596c;font-size:14px}.visible-group .achievement-group-header{background:#edf8f5}.visible-group .achievement-group-header>strong{background:#d8eee8;color:#276e60}
.hidden-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.hidden-achievement-card{min-width:0;border:1px solid #dce6ec;border-radius:12px;background:#fff;overflow:hidden}.hidden-card-top{display:flex;align-items:flex-start;gap:8px}.hidden-card-top>details{min-width:0;flex:1}.hidden-card-top summary{position:relative;display:flex;align-items:center;min-height:62px;padding:11px 34px 11px 14px;cursor:pointer;list-style:none}.hidden-card-top summary::-webkit-details-marker{display:none}.hidden-card-top summary::after{content:"＋";position:absolute;right:12px;color:var(--cyan);font-size:20px}.hidden-card-top details[open] summary::after{content:"−"}.hidden-card-top summary strong,.hidden-card-top summary small{display:block}.hidden-card-top summary strong{font-size:15px}.hidden-card-top summary small{margin-top:2px;color:var(--muted);font-size:12px}.hidden-card-top .guide-text{padding:0 14px 14px}.manual-toggle{flex:0 0 auto;margin:12px 12px 0 0;padding:7px 10px;border:1px solid rgba(35,138,150,.32);border-radius:9px;background:#eef9fa;color:#176f78;cursor:pointer;font-size:13px;font-weight:700}.manual-toggle:hover{border-color:var(--cyan);background:#dff3f5}.manual-toggle.checked{border-color:#65a58e;background:#e0f2eb;color:#236c5c}.row-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.row-actions .manual-toggle{margin:0}.hidden-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 14px 18px;color:var(--muted);font-size:14px}.hidden-pagination button{padding:7px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);cursor:pointer}.hidden-pagination button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.hidden-pagination button:disabled{opacity:.4;cursor:not-allowed}
.missing-kind-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0}.missing-kind-switch button{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);cursor:pointer;font-weight:700}.missing-kind-switch button.active{border-color:var(--cyan);background:#eaf7f8;color:#176f78}.missing-kind-switch b{margin-left:5px}.single-screen-browser{border:1px solid var(--line);border-radius:16px;background:#f9fbfc;overflow:hidden}.paged-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:86px;gap:10px;padding:14px}.paged-achievement-card{display:flex;min-width:0;border:1px solid #dce6ec;border-radius:11px;background:#fff;overflow:hidden}.achievement-card-open{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex:1;padding:11px 12px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.achievement-card-open:hover{background:#f2fafb}.achievement-card-open span{min-width:0}.achievement-card-open strong,.achievement-card-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-card-open strong{font-size:15px}.achievement-card-open small{margin-top:3px;color:var(--muted);font-size:12px}.achievement-card-open i{flex:0 0 auto;color:var(--cyan);font-size:12px;font-style:normal}.paged-achievement-card>.manual-toggle{align-self:center;margin:0 10px 0 0;padding:6px 8px;max-width:92px}.guide-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 14px 16px;color:var(--muted);font-size:14px}.guide-pagination button{padding:7px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);cursor:pointer}.guide-pagination button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.guide-pagination button:disabled{opacity:.4;cursor:not-allowed}.public-category-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px 0}.public-category-picker label{display:flex;align-items:center;gap:10px;font-weight:700}.public-category-picker select{min-width:280px;padding:8px 36px 8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font:inherit}.public-category-picker>span{color:var(--muted);font-size:14px}.empty-guide-state{padding:36px;text-align:center;color:var(--muted)}.achievement-dialog{width:min(720px,calc(100% - 28px));max-height:min(760px,calc(100vh - 40px));padding:26px;border:0;border-radius:20px;background:#fff;color:var(--text);box-shadow:0 28px 90px rgba(24,50,70,.28);overflow:auto}.achievement-dialog::backdrop{background:rgba(20,42,61,.48);backdrop-filter:blur(4px)}.dialog-close{position:sticky;top:0;z-index:3;float:right;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);cursor:pointer;font-size:24px;line-height:1}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:44px}.dialog-heading h3{margin:10px 0 2px;font-size:26px}.dialog-heading p{margin:0;color:var(--muted)}.dialog-heading .manual-toggle{margin:0}.achievement-dialog .guide-text{margin-top:20px}
@media(max-width:900px){.paged-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.panel-tools{align-items:stretch;flex-direction:column}.tabs{overflow-x:auto}.export-button{width:100%}.category-fold summary{padding:18px}.category-fold .category-grid{padding:0 12px 12px}.show-guides .achievement-row{grid-template-columns:18px 1fr}.show-guides .row-actions{grid-column:2;align-items:stretch}.show-guides .row-status{display:none}.achievement-title{align-items:flex-start;flex-direction:column;gap:5px}.missing-kind-switch{grid-template-columns:1fr}.paged-card-grid{grid-template-columns:1fr;grid-auto-rows:82px;padding:10px}.paged-achievement-card>.manual-toggle{max-width:86px;font-size:12px}.public-category-picker{align-items:stretch;flex-direction:column}.public-category-picker label{align-items:stretch;flex-direction:column;gap:4px}.public-category-picker select{width:100%;min-width:0}.guide-pagination{gap:8px}.achievement-dialog{padding:20px}.dialog-heading{flex-direction:column;padding-right:36px}.dialog-heading .manual-toggle{width:100%}}
.public-category-menu{margin:12px 14px 0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.public-category-menu>summary{display:flex;align-items:center;gap:12px;padding:11px 13px;cursor:pointer;list-style:none}.public-category-menu>summary::-webkit-details-marker{display:none}.public-category-menu>summary span{min-width:0;flex:1}.public-category-menu>summary small,.public-category-menu>summary strong{display:block}.public-category-menu>summary small{color:var(--muted);font-size:12px}.public-category-menu>summary strong{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-category-menu>summary>b{padding:4px 9px;border-radius:999px;background:#eaf7f8;color:#176f78;font-size:13px}.public-category-menu>summary>i{color:var(--cyan);font-size:22px;font-style:normal;transition:transform .2s}.public-category-menu[open]>summary>i{transform:rotate(180deg)}.public-category-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-top:1px solid var(--line);background:#f7fafc}.public-category-box{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:9px 11px;border:1px solid #dce6ec;border-radius:10px;background:#fff;color:var(--text);cursor:pointer;text-align:left}.public-category-box:hover{border-color:var(--cyan);background:#f0fafb}.public-category-box.active{border-color:var(--cyan);background:#eaf7f8;box-shadow:0 0 0 1px rgba(35,138,150,.12)}.public-category-box span{min-width:0;font-weight:700;line-height:1.3}.public-category-box b{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#edf2f5;color:var(--muted);font-size:12px;white-space:nowrap}.public-category-box.active b{background:#fff;color:#176f78}
@media(max-width:900px){.public-category-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.public-category-menu{margin:10px 10px 0}.public-category-boxes{grid-template-columns:1fr}.public-category-box{min-height:48px}}

/* Genshin-style public achievement browser: two independently scrolling panes. */
.public-browser-shell{display:grid;grid-template-columns:minmax(210px,28%) minmax(0,1fr);height:min(620px,72vh);min-height:430px;background:#edf3f6}
.public-category-rail{display:flex;align-items:stretch;flex-direction:column;gap:7px;min-width:0;padding:12px 10px;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid #d5e0e6;background:linear-gradient(180deg,#f4f7f8,#e9eff3);scrollbar-gutter:stable}
.public-category-nav-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;min-height:58px;padding:10px 12px 10px 16px;border:1px solid transparent;border-radius:4px;background:transparent;color:#526a7b;cursor:pointer;text-align:left;transition:background .16s,border-color .16s,color .16s}
.public-category-nav-item::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:transparent}
.public-category-nav-item:hover{background:rgba(255,255,255,.7);color:var(--text)}
.public-category-nav-item.active{border-color:#d7c18f;background:#fff;color:#60491f;box-shadow:0 5px 16px rgba(58,79,93,.08)}
.public-category-nav-item.active::before{background:var(--gold)}
.public-category-nav-item span{min-width:0;font-weight:700;line-height:1.35}
.public-category-nav-item b{flex:0 0 auto;min-width:28px;padding:2px 7px;border-radius:999px;background:#dfe7eb;color:#657c8c;font-size:12px;text-align:center}
.public-category-nav-item.active b{background:#f5ecd8;color:#805d20}
.public-achievement-pane{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fafcfd}
.public-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;min-height:72px;padding:12px 18px;border-bottom:1px solid #dce5ea;background:rgba(255,255,255,.94)}
.public-pane-heading small{display:block;color:var(--muted);font-size:12px}
.public-pane-heading h5{margin:1px 0 0;font-size:18px;color:var(--text)}
.public-pane-heading>strong{padding:4px 10px;border-radius:999px;background:#eaf3f5;color:#35737a;font-size:13px;white-space:nowrap}
.public-achievement-scroll{display:grid;grid-template-columns:1fr;align-content:start;gap:10px;min-height:0;padding:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.public-achievement-scroll .paged-achievement-card{min-height:86px}
.achievement-list.game-browser-mode{display:block;max-height:none;overflow:visible;border-top:1px solid var(--line)}
.status-browser{margin-top:10px}
@media(max-width:900px){.public-browser-shell{grid-template-columns:minmax(180px,31%) minmax(0,1fr)}.public-achievement-scroll{grid-template-columns:1fr}}
@media(max-width:620px){.public-browser-shell{grid-template-columns:122px minmax(0,1fr);height:62vh;min-height:390px}.public-category-rail{gap:5px;padding:8px 6px}.public-category-nav-item{align-items:flex-start;flex-direction:column;gap:4px;min-height:64px;padding:9px 8px 9px 12px}.public-category-nav-item b{min-width:0;padding:1px 6px}.public-pane-heading{min-height:64px;padding:9px 10px}.public-pane-heading h5{font-size:16px;line-height:1.3}.public-achievement-scroll{gap:8px;padding:8px}.public-achievement-scroll .paged-achievement-card{min-height:92px}.public-achievement-scroll .achievement-card-open{padding:9px 8px}.public-achievement-scroll .achievement-card-open i{display:none}.public-achievement-scroll .paged-achievement-card>.manual-toggle{margin-right:6px;padding:5px 6px;max-width:72px}}

/* Keep safety bullets compact instead of inheriting the numbered step-card layout. */
.scan-steps .safety-note li{display:block;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}