@font-face{font-family:Manrope;src:url('/fonts/manrope.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
:root{--bg:#f9f9f7;--ink:#161616;--muted:#62625f;--line:#d6d6d0;--soft:#eeeeea;--inverse:#f9f9f7;--focus:#171717;color-scheme:light}
:root[data-theme=dark]{--bg:#151515;--ink:#f2f2ef;--muted:#aaa9a3;--line:#3d3d3a;--soft:#222221;--inverse:#151515;--focus:#f2f2ef;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;scrollbar-color:var(--muted) var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}::selection{background:var(--ink);color:var(--bg)}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{border:0;background:none;padding:0}button,a,input,select{outline-offset:5px} :focus-visible{outline:2px solid var(--focus)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}input{caret-color:var(--ink)}.shell{width:calc(100% - 112px);max-width:1560px;margin-inline:auto}.muted{color:var(--muted)}.header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--line)}.brand{font-size:33px;letter-spacing:-.04em;font-weight:800;line-height:1;display:inline-flex;align-items:baseline}.brand-dot{width:6px;height:6px;display:inline-block;background:currentColor;margin-left:3px}.header nav{display:flex;align-items:center;gap:34px;font-size:12px}.header nav a:hover,.header nav button:hover{text-decoration:underline}.nav-arrow{margin-left:12px}#saved-count{font-size:10px;margin-left:5px;font-variant-numeric:tabular-nums}.theme-toggle{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:25px}.theme-toggle svg{width:19px;height:19px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;padding:74px 0 72px}.hero h1{font-size:clamp(48px,6.55vw,96px);font-weight:500;line-height:1.07;letter-spacing:-.04em}.hero h1 span{white-space:nowrap}.hero-note{max-width:340px;justify-self:end;padding-bottom:5px}.hero-note>p:first-child{font-size:22px;line-height:1.5;letter-spacing:-.02em;margin-bottom:15px}.hero-note .muted{font-size:12px;line-height:1.9}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:12px;margin-top:22px;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link svg{width:17px}.text-link:hover{gap:32px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-head h2{font-size:12px;font-weight:500}.section-head>span{font-size:9px;letter-spacing:.07em;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature{min-width:0}.feature-art{height:230px;background:#e9e9e4;position:relative;display:flex;align-items:center;justify-content:center;color:#1a1a19;overflow:hidden}.art-caption{position:absolute;bottom:16px;left:18px;font-size:8px;letter-spacing:.06em;font-weight:600}.number-art{background:#e8e8e3}.number-unit{font-size:92px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;padding-bottom:15px}.number-roll{color:#777771}.spells-art{background:#202020;color:#efefea}.orbit{width:130px;height:130px;position:relative;transition:transform .7s cubic-bezier(.16,1,.3,1)}.orbit i{position:absolute;width:80px;height:80px;border:1px solid #eeeeea;border-radius:50%;top:25px;left:25px}.orbit i:nth-child(1){transform:translate(-25px,-25px)}.orbit i:nth-child(2){transform:translate(25px,-25px)}.orbit i:nth-child(3){transform:translate(-25px,25px)}.orbit i:nth-child(4){transform:translate(25px,25px)}.feature:hover .orbit{transform:rotate(90deg)}.magazine-art{background:#dadad4;justify-content:flex-start;padding-left:20%}.magazine-art>span:first-child{font-size:68px;line-height:.83;letter-spacing:-.04em;font-weight:600;padding-bottom:24px}.magazine-art em{font-style:normal;font-weight:400}.feature-meta{display:flex;align-items:flex-start;justify-content:space-between;padding-top:15px;gap:10px}.feature-meta h3{font-size:15px;font-weight:600;letter-spacing:-.02em}.feature-meta p{font-size:11px;color:var(--muted);margin-top:3px}.feature-meta>svg{width:17px;height:17px;margin-top:4px;transition:transform .2s}.feature:hover .feature-meta>svg{transform:translate(2px,-2px)}.library{padding-top:100px}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.library-heading h2{font-size:42px;font-weight:500;letter-spacing:-.03em;line-height:1.3}.library-heading p{font-size:12px;margin-top:12px}.collection-total{font-size:11px;color:var(--muted)}#total-count{color:var(--ink);font-variant-numeric:tabular-nums}.search-bar{display:flex;border-block:1px solid var(--ink);align-items:center;min-height:72px;gap:20px}.search{display:flex;align-items:center;flex:1;gap:17px}.search>svg{width:21px;height:21px}.search input{width:100%;background:none;border:0;outline:none;padding:22px 0;font-size:15px;min-width:0}.search input::placeholder{color:var(--muted);opacity:1}.search:focus-within{box-shadow:0 2px 0 var(--ink)}kbd{font:11px Manrope,sans-serif;border:1px solid var(--line);border-radius:3px;padding:0 8px;margin-right:8px;color:var(--muted)}.random{display:flex;gap:10px;align-items:center;border-left:1px solid var(--line);padding:0 0 0 24px;font-size:12px;min-height:35px}.random:hover span{text-decoration:underline}.filters{display:flex;flex-wrap:wrap;gap:5px;margin:24px 0 26px}.filters button{padding:7px 12px;border-radius:2px;font-size:12px;min-height:38px}.filters button span{margin-left:7px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.filters button[aria-pressed=true] span{color:var(--bg)}.filters button:hover:not([aria-pressed=true]){background:var(--soft)}.results-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;gap:15px;font-size:11px;color:var(--muted)}.result-actions{display:flex;align-items:center;gap:20px}.sort-label select{border:none;background:transparent;padding:5px;cursor:pointer;font-size:11px}.view-switch{display:flex;gap:7px;border-left:1px solid var(--line);padding-left:17px}.view-switch button{padding:6px;color:var(--muted);line-height:1}.view-switch svg{width:15px;height:15px}.view-switch button[aria-pressed=true]{color:var(--ink);background:var(--soft)}#clear{text-decoration:underline}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}.resource{padding:25px 0 23px;border-bottom:1px solid var(--line);min-width:0;position:relative;display:flex;flex-direction:column;transition:background-color .15s}.resource-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.category{font-size:9px;letter-spacing:.03em;color:var(--muted)}.save{padding:6px;line-height:1;margin:-6px 0 -6px 0}.save svg{width:16px;height:16px}.save[aria-pressed=true] svg{fill:var(--ink)}.save:hover{background:var(--soft)}.resource-link{display:block;flex:1}.resource h3{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:initial}.resource-link:hover h3{text-decoration:underline}.resource p{font-size:12px;color:var(--muted);line-height:1.9;margin:10px 0 21px;max-width:42ch}.resource-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.resource-bottom a{display:flex;align-items:center;gap:5px;overflow:hidden;min-width:0}.resource-bottom a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-bottom svg{width:11px;height:11px}.resource-bottom time{white-space:nowrap}.resource-grid.list{grid-template-columns:1fr}.list .resource{display:grid;grid-template-columns:110px 1fr 210px;gap:22px;align-items:center;padding:22px 0}.list .resource-top{margin:0;gap:12px}.list .resource-link{display:grid;grid-template-columns:minmax(180px,1fr) 1.5fr;gap:30px;align-items:center}.list .resource p{margin:0;max-width:none}.list .resource h3{font-size:16px}.list .resource-bottom{margin:0}.list .resource-bottom time{display:none}.empty-state,.error-state{text-align:center;padding:80px 20px;border-bottom:1px solid var(--line)}.empty-state h3,.error-state h3{font-size:25px;font-weight:500;margin-bottom:12px}.empty-state p,.error-state p{color:var(--muted);margin-bottom:25px}.solid-button{background:var(--ink);color:var(--bg);padding:12px 24px;font-size:12px}.load-row{text-align:center;padding:38px 0}.load-row button{border:1px solid var(--ink);padding:13px 40px;font-size:12px}.load-row button:hover{background:var(--ink);color:var(--bg)}.load-row span{margin-left:20px}.load-row p{font-size:11px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--ink);padding:62px 0 80px;margin-top:52px}.about h2{font-size:34px;font-weight:500;letter-spacing:-.03em;line-height:1.45}.about>div{max-width:510px;justify-self:end}.about p{font-size:13px;line-height:1.9;margin-bottom:20px}.about .muted{font-size:11px}.about a{text-decoration:underline}.footer{display:flex;align-items:center;gap:28px;padding-block:30px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-brand{color:var(--ink);font-size:24px;margin-right:auto}.footer .brand-dot{height:4px;width:4px}.footer>a:last-child{margin-left:25px}.footer a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-100px;padding:10px 20px;z-index:20;background:var(--ink);color:var(--bg)}.skip:focus{top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:11px 22px;font-size:12px;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.visible{opacity:1}.resource.highlight{background:var(--soft)}
.nav-index{display:inline-flex;align-items:center}.nav-arrow{width:13px;height:13px}.load-row button{display:inline-flex;align-items:center;gap:20px}.load-row button svg{width:14px;height:14px}.footer>a:last-child{display:inline-flex;align-items:center;gap:7px}.footer>a:last-child svg{width:12px;height:12px}
@media(min-width:1600px){.feature-art{height:270px}}
@media(max-width:1150px){.shell{width:calc(100% - 64px)}.hero{gap:30px}.hero h1{font-size:6.2vw}.hero-note>p:first-child{font-size:18px}.feature-art{height:200px}.list .resource{grid-template-columns:100px 1fr}.list .resource-bottom{display:none}.resource-grid{column-gap:22px}.library{padding-top:75px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header{padding-block:23px}.brand{font-size:29px}.header nav{gap:20px}.nav-index{display:none}.theme-toggle{padding-left:17px}.hero{grid-template-columns:1fr;padding:48px 0 42px;gap:30px}.hero h1{font-size:clamp(36px,7.65vw,58px);line-height:1.12}.hero-note{justify-self:start;display:grid;grid-template-columns:1fr 1.1fr;max-width:none;gap:0 22px;width:100%}.hero-note>p:first-child{font-size:17px;margin:0}.hero-note .muted{font-size:10px;line-height:1.8}.desktop-break{display:none}.text-link{grid-column:1/-1;justify-self:start;margin-top:24px;font-size:11px}.feature-grid{gap:14px}.feature-art{height:160px}.number-unit{font-size:54px}.art-caption{display:none}.orbit{transform:scale(.65)}.feature:hover .orbit{transform:scale(.65) rotate(90deg)}.magazine-art{padding-left:17%}.magazine-art>span:first-child{font-size:42px;padding-bottom:0}.feature-meta h3{font-size:12px}.feature-meta p{display:none}.feature-meta>svg{width:13px;height:13px;margin-top:2px}.library{padding-top:58px}.library-heading{align-items:start;gap:15px;margin-bottom:24px}.library-heading h2{font-size:31px}.library-heading p{font-size:11px}.collection-total{font-size:9px;padding-top:15px;white-space:nowrap}.search-bar{min-height:65px;gap:10px}.search{gap:10px}.search input{font-size:13px;padding-block:19px}.search kbd{display:none}.random{padding-left:15px}.random span{display:none}.filters{gap:4px;margin-block:19px}.filters button{padding:6px 9px;font-size:11px}.filters button span{font-size:9px;margin-left:5px}.result-actions{gap:10px}.view-switch{padding-left:8px;gap:2px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.resource{padding-block:22px}.resource h3{font-size:16px}.resource p{font-size:11px}.resource-bottom{font-size:8px}.resource-bottom time{display:none}.list .resource{grid-template-columns:1fr;gap:10px}.list .resource-top{justify-content:space-between}.list .resource-link{grid-template-columns:1fr;gap:8px}.list .resource p{font-size:12px}.about{grid-template-columns:1fr;gap:30px;padding:38px 0;margin-top:20px}.about h2{font-size:29px}.about>div{justify-self:start;max-width:550px}.footer{flex-wrap:wrap;gap:18px 22px;padding-block:27px}.footer-brand{flex-basis:45%;margin:0}.footer p{margin-left:auto}.footer .icp{font-size:9px}.footer>a:last-child{margin-left:auto}.section-head{margin-bottom:14px}.section-head>span{font-size:8px}}
@media(max-width:410px){.feature-art{height:122px}.number-unit{font-size:43px}.magazine-art>span:first-child{font-size:34px}.orbit{transform:scale(.52)}.feature:hover .orbit{transform:scale(.52) rotate(90deg)}.resource-grid{column-gap:18px}.resource h3{font-size:15px}.theme-toggle{gap:5px}.header nav{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}