:root{--ink:#20241f;--muted:#72796d;--yellow:#f9dc49;--paper:#f7f8f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,sans-serif}header{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 32px;border-bottom:1px solid #e0e4d9}.brand{font-weight:850;font-size:26px;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}.mark{background:var(--yellow);border-radius:12px;padding:0 9px;font-size:29px}.ru{font-size:14px;color:var(--muted);letter-spacing:0}button{cursor:pointer;font:inherit;border:1px solid #dce1d5;background:white;border-radius:12px;padding:11px 18px;color:var(--ink)}button:hover{border-color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}main{max-width:1280px;margin:auto;padding:0 32px}.hero{padding:64px 0 38px;max-width:900px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#687059}h1{font-size:clamp(43px,6.6vw,82px);line-height:1.05;letter-spacing:-3.7px;margin:20px 0 24px;font-weight:850}.intro{font-size:18px;color:#636b5d;line-height:1.7}form{display:flex;gap:8px;background:white;padding:8px;border:1px solid #cfd7c4;border-radius:19px;margin-top:30px;box-shadow:0 8px 32px #293f0a08}input{flex:1;width:0;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:18px;padding:13px}form:focus-within{outline:2px solid #bac88f}form button{background:var(--yellow);border:0;font-weight:750;min-width:135px}form span{padding-left:18px}.examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;color:var(--muted);font-size:13px}.examples button{font-size:12px;padding:5px 12px;border-radius:20px;background:transparent}.hint{font-size:12px;color:var(--muted)}.exchange{border:1px solid #dce3ce;background:#eef2e6;border-radius:14px;padding:16px 20px;font-size:13px}.exchange a{color:inherit}.exchange strong{font-size:18px}.results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:44px}h2{font-size:23px;letter-spacing:-.6px}#status{color:var(--muted);font-size:14px}#status.error{color:#a43b24}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.card{border:1px solid #e1e5db;border-radius:20px;background:white;overflow:hidden;min-width:0}.cover{display:block;width:100%;padding:0;position:relative;border:0;border-radius:0;height:270px;background:#e9ece4}.cover img{width:100%;height:100%;object-fit:contain}.badge{position:absolute;right:12px;bottom:12px;background:#ffffffee;border-radius:20px;font-size:12px;padding:5px 11px}.body{padding:20px}.price{font-size:25px;font-weight:850;letter-spacing:-1px}.rub{font-size:15px;color:#68715e;padding-left:12px;font-weight:500;letter-spacing:0}.text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;margin:16px 0}.meta{font-size:12px;color:var(--muted);margin:12px 0}.switch{font-size:12px;padding:6px 10px;border-radius:8px}.open{display:block;color:#465735;font-size:13px;font-weight:650;margin-top:14px}.translation-note{font-size:11px;color:var(--muted)}.pages{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px}.pages[hidden]{display:none}footer{margin:65px 0 30px;border-top:1px solid #dde2d5;padding-top:24px;color:var(--muted);font-size:12px;max-width:900px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{width:min(1100px,98vw);max-height:96vh;border:none;background:#171a16;color:white;border-radius:16px;padding:45px 15px 18px}dialog::backdrop{background:#000c}#close{position:absolute;right:10px;top:6px;background:none;border:0;color:white;font-size:26px;padding:0 15px}.viewer{display:flex;align-items:center;gap:8px}.viewer button{background:#ffffff18;border:0;color:white;padding:12px}#large{width:calc(100% - 100px);height:65vh;object-fit:contain}#photo-count{text-align:center;margin:10px}#thumbs{display:flex;overflow:auto;gap:8px}#thumbs button{padding:0;background:transparent;border:2px solid transparent;border-radius:6px}#thumbs button.selected{border-color:var(--yellow)}#thumbs img{width:65px;height:65px;object-fit:cover}#account{font-size:12px;text-align:right}@media(min-width:1100px){.hero{position:relative}.hero:after{content:'闲';position:absolute;left:940px;top:100px;font-size:105px;transform:rotate(12deg);background:var(--yellow);border-radius:40px;padding:0 24px;box-shadow:8px 10px 0 #e7eacb}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){header{padding:20px}main{padding:0 18px}.hero{padding-top:40px}h1{letter-spacing:-2px}.intro{font-size:15px}.grid{grid-template-columns:1fr}.cover{height:330px}form button{min-width:90px;padding:10px}form span{display:none}#account button{font-size:12px;padding:9px 12px}.results-head{align-items:flex-start}h2{font-size:20px}.exchange{font-size:12px}.viewer button{padding:8px}#large{width:calc(100% - 80px);height:58vh}}
#auth-dialog{background:#fff;color:var(--ink);max-width:480px;width:94%;border:1px solid #dce1d5;border-radius:20px;padding:25px}#auth-form{display:flex;flex-direction:column;box-shadow:none;margin:16px 0}#auth-form label{display:flex;flex-direction:column}#auth-form input{width:100%;border:1px solid #dce1d5;border-radius:8px}#account{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}

[hidden]{display:none!important}
