.codex-page{color:inherit;font:inherit;min-width:0}.codex-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.codex-toolbar h3{margin:0 auto 0 0}.codex-note{font-size:12px;line-height:1.7;color:#b5c5d4}.codex-button{border:1px solid #ae8a5266!important;border-radius:8px!important;padding:7px 11px!important;background:#b98b4219!important;color:#edd9b7!important;font-size:12px!important;min-height:32px!important;width:auto!important;cursor:pointer}.codex-button:disabled{opacity:.4;cursor:default}.codex-button:focus-visible,.codex-toolbar input:focus-visible,.codex-toolbar select:focus-visible{outline:2px solid #e9c780;outline-offset:2px}.codex-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px 0 10px}.codex-tabs button{white-space:nowrap;flex:none}.codex-tabs button[aria-pressed=true]{background:#b98b4240!important;border-color:#e8bd72!important}.codex-summary{border:1px solid #b98b424d;border-radius:10px;background:linear-gradient(120deg,#a8832520,#1a2b3d);padding:12px}.codex-summary p{font-size:13px;line-height:1.8;margin:6px 0 0}.codex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.codex-card,.codex-detail{border:1px solid #b1c4d226;border-radius:11px;background:#ffffff05;padding:12px;min-width:0}.codex-card.collected{border-color:#c4a36766}.codex-state{font-size:11px;color:#a4b4c5}.codex-card.collected .codex-state{color:#e1c488}.codex-card h4,.codex-detail h4{font-size:15px;margin:7px 0;overflow-wrap:anywhere}.codex-card p,.codex-detail p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.codex-card small{display:block;color:#a9b8c8;font-size:11px;margin-bottom:9px}.codex-toolbar input,.codex-toolbar select{background:#122132;color:#eadcc8;border:1px solid #91a7bd55;border-radius:8px;padding:8px;min-width:0;font-size:12px}.codex-toolbar input{flex:1;max-width:330px}.codex-detail img{display:block;max-width:min(100%,380px);max-height:350px;object-fit:contain;margin:12px auto;border-radius:10px}.codex-confirm{display:flex;align-items:flex-start;gap:7px;font-size:12px;margin:12px 0}.codex-confirm input{width:16px!important;flex:none;margin:0}@media(max-width:520px){.codex-grid{gap:7px}.codex-card{padding:9px}.codex-card h4{font-size:13px}.codex-card p{font-size:11px}.codex-toolbar{gap:6px}.codex-toolbar input{max-width:none;flex-basis:45%}.codex-button{padding:6px 9px!important}.codex-detail img{max-height:260px}}