:root{font-family:DM Sans,sans-serif;color:#22251f;background:#f4f1e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--ink: #22251f;--muted: #77786f;--line: #dedbd2;--green: #354b3c;--paper: #fbfaf6}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.page-shell{width:min(1120px,calc(100% - 64px));margin:0 auto}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-weight:500;text-decoration:none}.brand-mark{display:grid;width:27px;height:27px;place-items:center;border:1px solid #889181;border-radius:50%;color:var(--green);font-size:17px}.brand-divider{padding:0 5px;color:#aaa99e}.edition-label,.page-footer{color:var(--muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em}.intro{padding:36px 0 34px;text-align:center}.eyebrow{margin:0 0 12px;color:var(--green);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em}.intro h1{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(42px,6vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.1}.intro h1 em{color:var(--green);font-weight:500}.intro-copy{max-width:420px;margin:12px auto 0;color:#73746c;font-size:14px;line-height:1.7}.library-toolbar{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.library-title{display:flex;align-items:baseline;gap:12px}.library-title h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:500}.result-count{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.text-button{padding:4px 0;border:0;background:transparent;color:var(--green);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.filters{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.search-field{height:43px;min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #d8d6cc;border-radius:3px;background:var(--paper);transition:border-color .15s ease,box-shadow .15s ease}.search-field:focus-within,.level-filter:focus-within{border-color:#81907b;box-shadow:0 0 0 2px #354b3c14}.search-icon{color:#77786f;font-size:23px;line-height:1;transform:rotate(-20deg)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.search-field input::placeholder{color:#929188}.search-field input::-webkit-search-cancel-button{display:none}.clear-search{padding:0;border:0;background:transparent;color:var(--muted);font-size:19px;line-height:1}.level-filter{height:43px;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid #d8d6cc;border-radius:3px;background:var(--paper)}.level-filter span{color:#818177;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em}.level-filter select{min-width:100px;padding:0 17px 0 0;border:0;outline:0;background-color:transparent;color:var(--ink);font-size:12px;cursor:pointer}.spell-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 0 36px}.results-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 0 32px;color:var(--muted);font-size:11px}.results-pagination .text-button{padding:7px 11px;border:1px solid #c9c9bd;border-radius:3px;background:var(--paper)}.results-pagination .text-button:hover{border-color:var(--green);text-decoration:none}.spell-card{min-width:0;padding:22px 23px 20px;border:1px solid #e0ded5;border-radius:3px;background:var(--paper);transition:border-color .16s ease,transform .16s ease}.spell-card:hover{transform:translateY(-2px);border-color:#c5c9bb}.spell-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.spell-badges{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.level-badge{padding:5px 8px;border-radius:2px;background:#e9ede5;color:var(--green);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.025em}.character-badge{padding:5px 8px;border:1px solid #dedbd2;border-radius:2px;color:#62645b;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.025em}.components{color:#828278;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em}.spell-card h2{margin:14px 0 8px;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:500;line-height:1.3}.spell-description{margin:0;color:#686961;font-size:12px;line-height:1.7}.spell-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:19px 0 0;padding-top:15px;border-top:1px solid #e8e6de}.spell-detail{min-width:0}.spell-detail dt{margin-bottom:4px;color:#88887d;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.spell-detail dd{overflow-wrap:anywhere;margin:0;color:#34362f;font-size:11px;line-height:1.5}.empty-state{padding:75px 15px 85px;text-align:center}.empty-symbol{color:#889181;font-size:30px}.empty-state h3{margin:12px 0 5px;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:500}.empty-state p{margin:0 0 13px;color:var(--muted);font-size:12px}.page-footer{min-height:46px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #cfcfc4;color:var(--muted);font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:0}.footer-credit{display:inline-flex;align-items:center;gap:8px}.footer-mark{color:var(--green);font-size:13px}.footer-credit strong{color:var(--green);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:680px){.page-shell{width:min(100% - 36px,540px)}.topbar{height:52px}.edition-label{font-size:8px}.intro{padding:29px 0 26px}.filters{flex-wrap:wrap;gap:8px}.search-field{flex:1 1 100%}.level-filter{min-width:0;flex:1 1 0;justify-content:space-between;gap:7px;padding:0 8px}.level-filter select{width:0;min-width:0;flex:1}.spell-grid{grid-template-columns:1fr;gap:10px;padding-top:10px}.spell-card{padding:19px}}@media(max-width:380px){.page-shell{width:calc(100% - 28px)}.edition-label{max-width:120px;text-align:right}.level-filter>span{display:none}}