*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:#eef1f3;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit}.page{color:#202020;background:radial-gradient(circle at 50% 0,#fffffff2,#0000 38%),linear-gradient(#f7f8f9 0%,#e8ecef 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(22px);z-index:5;background:#ffffffb8;border:none;border-radius:20px;justify-content:space-between;align-items:center;width:min(82vw,620px);height:66px;margin-top:14px;padding:0 16px;transition:height .22s;display:flex;position:relative;box-shadow:0 16px 42px #0000001f,inset 0 1px #ffffffe6}.topbar.open{align-items:flex-start;height:214px;padding-top:12px}.logo{color:#222;z-index:7;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;text-decoration:none;display:flex;overflow:hidden}.logo img,.logoImg{object-fit:contain;width:40px;max-width:40px;height:40px;max-height:40px;display:block}.menuButton{color:#222;cursor:pointer;z-index:7;background:#ebeef1e6;border:0;border-radius:13px;place-items:center;width:42px;height:42px;font-size:25px;line-height:1;display:grid}.menuButton:hover{background:#fff}.menuPanel{opacity:0;pointer-events:none;grid-template-columns:1fr 1fr;gap:8px 12px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:72px;left:16px;right:16px;transform:translateY(-6px)}.topbar.open .menuPanel{opacity:1;pointer-events:auto;transform:translateY(0)}.menuPanel a{color:#222;background:#f5f7f8e6;border:none;border-radius:10px;align-items:center;height:34px;padding:0 11px;font-size:13.5px;font-weight:800;text-decoration:none;display:flex}.menuPanel a:hover{background:#fff}.hero{flex-direction:column;flex:1;align-items:center;width:100%;padding-top:34px;display:flex}.heroTitle{text-align:center;margin-bottom:28px}.heroTitle h1{letter-spacing:-.04em;color:#202020;margin:0;font-size:clamp(34px,4.8vw,56px);font-weight:800;line-height:1}.heroStats{background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;gap:18px;margin-top:24px;padding:12px 22px;display:inline-flex;box-shadow:0 8px 24px #00000014}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.label{letter-spacing:.25em;text-transform:uppercase;color:#8d8d8d;font-size:10px;font-weight:800}.value{color:#202020;font-size:15px;font-weight:900}.divider{background:#0000001f;width:1px;height:28px}.artCard{aspect-ratio:1;background:#d7dde1;border-radius:26px;width:min(34vw,320px);overflow:hidden;box-shadow:0 28px 65px #0000002e}.artCard img{object-fit:cover;width:100%;height:100%;display:block}.controls{justify-content:center;align-items:center;gap:10px;margin-top:26px;display:flex}.controls button{color:#222;cursor:pointer;background:#ffffffc7;border:0;border-radius:12px;min-width:44px;height:44px;padding:0 14px;font-size:20px;font-weight:800;box-shadow:0 6px 16px #00000014}.controls button:hover{background:#fff}.controls .wide{min-width:118px;font-size:14px}.dots{justify-content:center;align-items:center;gap:7px;margin-top:13px;display:flex}.dots button{cursor:pointer;background:#28282840;border:0;border-radius:999px;width:7px;height:7px;padding:0}.dots button.active{background:#282828cc;width:24px}.pageTitle{text-align:center;margin-bottom:30px}.pageTitle h1{letter-spacing:-.05em;color:#202020;margin:0;font-size:clamp(34px,5vw,56px);font-weight:850;line-height:1}.pageTitle p{color:#777;margin:10px 0 0;font-weight:700}.honoraryPage,.memePage,.simplePage{width:min(96vw,1200px)}.honoraryGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.honoraryCard{text-align:center;background:#ffffffbf;border-radius:24px;padding:18px;box-shadow:0 12px 34px #00000014}.honoraryCard img{aspect-ratio:1;object-fit:cover;background:#d7dde1;border-radius:18px;width:100%;margin-bottom:16px;display:block}.honoraryCard h3{color:#222;margin:0 0 16px;font-size:22px;font-weight:800}.honoraryLinks{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.honoraryLinks a,.honoraryLinks button{cursor:pointer;color:#222;background:#eef1f3;border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none}.honoraryLinks a:hover,.honoraryLinks button:hover{background:#fff}.emptyState{color:#666;text-align:center;background:#ffffffb8;border-radius:24px;width:min(92vw,620px);margin:0 auto;padding:24px;font-weight:700;line-height:1.6;box-shadow:0 12px 34px #00000014}.pagination{justify-content:center;align-items:center;gap:14px;margin:36px 0;display:flex}.pagination button{cursor:pointer;color:#222;background:#fff;border:0;border-radius:999px;padding:12px 20px;font-weight:700;box-shadow:0 6px 16px #00000014}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{color:#555;font-weight:900}.memePage{max-width:1180px;margin:0 auto}.memeGeneratorBox{background:#ffffffb8;border-radius:20px;gap:10px;width:min(92vw,520px);margin:-8px auto 18px;padding:12px;display:flex;box-shadow:0 12px 34px #00000014}.memeGeneratorBox input{color:#222;background:#eef1f3;border:0;border-radius:14px;outline:none;flex:1;min-width:0;height:44px;padding:0 14px;font-size:15px;font-weight:800}.memeGeneratorBox button{color:#fff;cursor:pointer;background:#202020;border:0;border-radius:14px;height:44px;padding:0 16px;font-size:14px;font-weight:900}.memeGeneratorBox button:disabled{opacity:.55;cursor:wait}.traitPills{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 18px;display:flex}.traitPills span{color:#666;background:#ffffffc2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;box-shadow:0 8px 18px #00000012}.traitPills b{color:#222}.generatorNote{text-align:center;color:#666;margin:0 0 26px;font-size:13px;font-weight:800}.memeWall{grid-template-columns:repeat(auto-fit,minmax(230px,300px));justify-content:center;align-items:start;gap:22px;width:min(96vw,1120px);margin:0 auto;display:grid}.memeItem{background:#fff;border:3px solid #fff;border-radius:20px;padding:8px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000001a}.memeItem img{object-fit:contain;border-radius:13px;width:100%;height:auto;display:block}.memeDownload{color:#222;cursor:pointer;opacity:0;background:#ffffffe0;border:0;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900;transition:opacity .15s;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #00000024}.memeItem:hover .memeDownload{opacity:1}.memeItem.size1{transform:rotate(-1deg)}.memeItem.size2{transform:rotate(.7deg)}.memeItem.size3{transform:rotate(-.35deg)}.memeItem.size4{transform:rotate(.9deg)}.memeItem.size5{transform:rotate(-.6deg)}.scrollHint{color:#666;background:#ffffffbd;border-radius:999px;width:fit-content;margin:28px auto 6px;padding:12px 18px;font-size:13px;font-weight:800;box-shadow:0 8px 22px #00000014}.footer{color:#777;justify-content:space-between;align-items:center;gap:16px;width:min(82vw,620px);padding:26px 0 24px;font-size:13px;display:flex}.footer p{margin:0}.footer a{color:#333;margin-left:16px;font-weight:800;text-decoration:none}@media (width<=900px){.topbar,.footer{width:88vw;max-width:620px}.artCard{width:min(48vw,310px)}.honoraryGrid{grid-template-columns:repeat(2,1fr)}.memeWall{grid-template-columns:repeat(auto-fit,minmax(200px,270px));gap:18px}}@media (width<=700px){.topbar{border-radius:18px;width:90vw;height:62px;margin-top:12px;padding:0 13px}.topbar.open{height:214px;padding-top:10px}.logo,.logo img,.logoImg{width:36px;max-width:36px;height:36px;max-height:36px}.menuButton{border-radius:12px;width:40px;height:40px;font-size:24px}.menuPanel{gap:7px;top:68px;left:13px;right:13px}.menuPanel a{border-radius:10px;height:32px;padding:0 9px;font-size:12.5px}.hero{padding-top:30px}.heroTitle{margin-bottom:24px}.heroStats{gap:12px;padding:10px 16px}.label{font-size:9px}.value{font-size:13px}.divider{height:22px}.artCard{border-radius:22px;width:64vw;max-width:265px}.controls{flex-wrap:wrap;gap:9px;width:90vw}.controls button{min-width:43px;height:43px;font-size:18px}.controls .wide{min-width:112px;font-size:13px}.honoraryPage,.memePage,.simplePage{width:92vw}.honoraryGrid{grid-template-columns:1fr;gap:18px}.honoraryCard{padding:16px}.honoraryCard h3{font-size:19px}.memeGeneratorBox{flex-direction:column;padding:10px}.memeWall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:92vw}.memeItem{border-width:2px;border-radius:14px;padding:5px}.memeItem img{border-radius:10px}.memeDownload{opacity:1;padding:7px 10px;font-size:11px;bottom:9px}.footer{text-align:center;flex-direction:column;width:90vw;padding-top:26px}.footer a{margin:0 8px}}
