:root{--ink:#172b45;--muted:#52637a;--blue:#1558bd;--line:#dce4ef;--paper:#f4f6fa;--good:#146345;--warn:#875307}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:var(--blue);text-underline-offset:3px}header{background:#112844;color:white;padding:28px max(24px,calc((100vw - 1280px)/2))}header a{color:#d0e6ff}header h1{font-size:clamp(1.7rem,4vw,2.65rem);line-height:1.2;margin:18px 0}header p{max-width:1000px;color:#d7e3f3}nav{display:flex;gap:20px;flex-wrap:wrap}main{max-width:1280px;padding:22px;margin:auto}section,.card,article{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin:20px 0}h2,h3{line-height:1.3}h2{font-size:1.45rem}h3{font-size:1.12rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.grid .card{margin:0}.notice{background:#fff5df;border-left:5px solid #c1811b;padding:18px;margin:20px 0}.good{background:#e9f6ef;color:var(--good)}.small,.muted{font-size:.9rem;color:var(--muted)}.tag{display:inline-block;padding:3px 10px;border-radius:99px;background:#edf2f8;font-size:.82rem;margin:3px}.tag.warn{background:#fff0cf;color:var(--warn)}.tag.ok{background:#e5f4ec;color:var(--good)}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{padding:11px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}thead{background:#edf2f8}th button{background:transparent;border:0;font:inherit;font-weight:700;cursor:pointer;padding:0}pre{background:#eef3f9;border:1px solid #dce4ef;border-radius:8px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace}code{overflow-wrap:anywhere}details{margin:14px 0}summary{cursor:pointer;font-weight:650}button,.button{font:inherit;border:1px solid #aebfd6;border-radius:6px;background:#f1f6ff;color:#173f76;padding:7px 12px;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#dfeaff}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;padding:8px;border:1px solid #b8c5d6;border-radius:6px;background:white;max-width:100%}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:18px 0}.filters label{display:grid;gap:4px;font-size:.9rem}.filters input{min-width:230px}audio{width:100%;min-width:240px;height:42px}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.player-card{border:1px solid var(--line);border-radius:9px;padding:16px;background:#fbfcfe}.player-card h4{margin:0 0 8px}.player-card p{margin:8px 0}.stats{display:flex;flex-wrap:wrap;gap:10px}.stats div{border:1px solid var(--line);padding:14px 20px;border-radius:9px;background:white}.stats b{font-size:1.45rem;display:block}.recipe{scroll-margin-top:20px}.recipe h3{margin-top:0}.recipe-links{display:flex;flex-wrap:wrap;gap:10px}.warning-text{color:#8a4500}.progress{background:#e8edf5;border-radius:8px;height:10px;overflow:hidden}.progress span{display:block;height:100%;background:#2a7a61}footer{max-width:1280px;padding:24px;margin:auto;color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){main{padding:12px}section,article,.card{padding:17px}.player-grid,.grid{grid-template-columns:1fr}header{padding:22px}td,th{padding:8px}}@media print{header{background:white;color:#172b45}header a,header p{color:#172b45}.filters,button,audio{display:none}details{display:block}section,article{break-inside:avoid}}