.pg533-wrap{max-width:1500px;margin:0 auto;padding:24px}.pg533-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(420px,1fr);gap:28px;align-items:end;padding:30px;border:1px solid rgba(94,226,216,.28);border-radius:30px;background:linear-gradient(135deg,rgba(8,45,91,.88),rgba(11,74,104,.8));box-shadow:0 18px 55px rgba(0,0,0,.18);color:#fff}.pg533-kicker{font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.pg533-hero h1{font-size:clamp(2rem,5vw,4rem);margin:.3rem 0 .5rem;line-height:1.05}.pg533-hero p{font-size:1.05rem;max-width:850px;color:#e8f4ff}.pg533-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pg533-stats>div{background:rgba(6,32,59,.78);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;text-align:center}.pg533-stats strong{display:block;font-size:2rem}.pg533-stats span{font-size:.86rem;font-weight:800}.pg533-tools,.pg533-share{margin-top:22px;border-radius:24px}.pg533-filters{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:end}.pg533-filters label,.pg533-share-form>label{display:grid;gap:6px}.pg533-filters label>span,.pg533-share-form label>span{font-weight:800}.pg533-filters input,.pg533-filters select,.pg533-share-form input,.pg533-share-form textarea,.pg533-share-url input{width:100%;min-height:44px;border:1px solid rgba(116,180,202,.45);border-radius:13px;padding:10px 12px;background:rgba(255,255,255,.94);color:#142638}.pg533-note{margin:.8rem 0 0;opacity:.78}.pg533-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin-top:22px}.pg533-tile{min-width:0}.pg533-toggle{position:relative;display:flex;width:100%;min-height:210px;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:12px 9px;border:1px solid rgba(88,172,195,.3);border-radius:20px;background:rgba(242,250,255,.96);color:#102b3d;text-align:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.08);transition:.18s transform,.18s border-color,.18s box-shadow}.pg533-toggle:hover{transform:translateY(-2px);border-color:#50d8c8;box-shadow:0 14px 30px rgba(0,0,0,.13)}.pg533-toggle img{width:104px;height:104px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 5px 8px rgba(0,0,0,.16))}.pg533-toggle strong{font-size:.92rem;line-height:1.25}.pg533-toggle small{font-size:.78rem;line-height:1.2;color:#526a78}.pg533-toggle em{margin-top:auto;font-style:normal;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:999px;background:#dfeff6;color:#17465c}.pg533-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#d9e8ef;color:#1c5368;font-weight:900}.pg533-tile.is-missing .pg533-toggle{border:2px solid #f6bd43;background:linear-gradient(180deg,#fff8d6,#fff2b6);box-shadow:0 10px 28px rgba(241,174,32,.22)}.pg533-tile.is-missing .pg533-check{background:#f0a91e;color:#fff}.pg533-tile.is-missing .pg533-toggle em{background:#f7d36e;color:#5f3d00}.pg533-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0}.pg533-pagination .disabled{opacity:.45;pointer-events:none}.pg533-share{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:26px;padding:24px}.pg533-share-form{display:grid;gap:12px}.pg533-switch{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important}.pg533-switch input{width:20px!important;min-height:auto!important;height:20px}.pg533-share-url{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.pg533-actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.pg533-empty{text-align:center;padding:36px;margin-top:22px}.pg533-public-note{white-space:normal}.pg533-public .pg533-toggle{cursor:default}.pg533-public .pg533-toggle:hover{transform:none}
html[data-theme="dark"] .pg533-toggle,body.dark .pg533-toggle,.theme-dark .pg533-toggle{background:rgba(14,44,65,.96);color:#eefbff;border-color:rgba(100,205,220,.28)}html[data-theme="dark"] .pg533-toggle small,body.dark .pg533-toggle small,.theme-dark .pg533-toggle small{color:#b8d6e3}html[data-theme="dark"] .pg533-toggle em,body.dark .pg533-toggle em,.theme-dark .pg533-toggle em{background:#183e54;color:#bdeaf3}html[data-theme="dark"] .pg533-tile.is-missing .pg533-toggle,body.dark .pg533-tile.is-missing .pg533-toggle,.theme-dark .pg533-tile.is-missing .pg533-toggle{background:linear-gradient(180deg,#473815,#30250d);color:#fff8da;border-color:#ffce58}html[data-theme="dark"] .pg533-filters input,html[data-theme="dark"] .pg533-filters select,html[data-theme="dark"] .pg533-share-form input,html[data-theme="dark"] .pg533-share-form textarea,html[data-theme="dark"] .pg533-share-url input,body.dark .pg533-filters input,body.dark .pg533-filters select,body.dark .pg533-share-form input,body.dark .pg533-share-form textarea,body.dark .pg533-share-url input{background:#102d40;color:#effbff;border-color:#37677b}
@media(max-width:900px){.pg533-hero{grid-template-columns:1fr}.pg533-filters{grid-template-columns:1fr 1fr}.pg533-filters label:first-child{grid-column:1/-1}.pg533-share{grid-template-columns:1fr}.pg533-share-url{grid-template-columns:1fr 1fr}.pg533-share-url input{grid-column:1/-1}}
@media(max-width:767px){.pg533-wrap{padding:12px}.pg533-hero{padding:20px;border-radius:22px}.pg533-stats{grid-template-columns:1fr 1fr}.pg533-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pg533-toggle{min-height:160px;padding:9px 5px;border-radius:15px}.pg533-toggle img{width:78px;height:78px}.pg533-toggle strong{font-size:.75rem}.pg533-toggle small{font-size:.68rem}.pg533-toggle em{font-size:.57rem;padding:3px 5px}.pg533-check{width:23px;height:23px;font-size:.75rem}.pg533-filters{grid-template-columns:1fr 1fr}.pg533-actions{align-items:stretch;flex-direction:column}.pg533-share-url{grid-template-columns:1fr}.pg533-share-url input{grid-column:auto}}
@media(max-width:390px){.pg533-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}