:root{--brand:#00619f;--brand-sun:#f8dbea;--brand-gray:#AAAAAA;--line:#ececec;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#3a3a3a;background:#ffecf8;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;display:flex;flex-direction:column}header{height:4.5rem;background:#fff;border-bottom:1px solid #e1e7e2;display:flex;align-items:center;padding:0 max(1.25rem,calc((100% - 1100px)/2))}.brand{display:inline-flex;align-items:center}.brand img{display:block;width:auto;height:2.6rem}main{width:min(1100px,100%);margin:auto;padding:1.5rem 1rem;flex:1}h1{font-size:clamp(1.45rem,4vw,2rem);margin:.25rem 0 1rem}nav{display:flex;gap:.5rem}button,.button{border:0;border-radius:.65rem;padding:.7rem 1rem;font:inherit;font-weight:700;white-space:nowrap;background:#e4ebe6;color:#00619f;cursor:pointer;text-decoration:none}button[aria-selected=true],.button{background:#00619f;color:#fff}.secondary{background:#fff;color:#00619f;border:1px solid #00619f}.actions{display:flex;gap:.6rem;flex-wrap:wrap}footer{text-align:center;padding:1.25rem;color:#AAAAAA;font-size:.82rem}
.public-page{background:#ffecf8}.public-page .site-header{position:sticky;top:0;z-index:20;height:auto;min-height:3.1rem;padding:.35rem 1rem;box-shadow:0 1px 10px rgba(170,170,170,.1)}.public-page .site-header .brand img{width:86px;height:auto}.site-header .icon-link{margin-left:auto}.greeting{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:.5rem;margin:0;white-space:nowrap}.greeting #greeting{font-size:.82rem;font-weight:650;color:#6f6f6f}.greeting .clock{font-size:.78rem;font-weight:500;color:#AAAAAA;font-variant-numeric:tabular-nums}.greeting .clock:before{content:"·";margin-right:.5rem;color:#dcdcdc}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:1px solid var(--line);border-radius:50%;transition:border-color .18s,background .18s}.icon-link img{width:1rem;height:1rem;object-fit:contain}.icon-link:hover{border-color:#00619f;background:#fff6f6}.icon-link:focus-visible,.social-links a:focus-visible,.marketplace-fab a:focus-visible{outline:3px solid rgba(253,194,58,.42);outline-offset:2px}.public-page main{width:min(1180px,100%);margin:0 auto;padding:.75rem 1rem 2rem}.catalogue-shell{padding:.75rem;background:#fff;border:1px solid var(--line);border-radius:1rem;box-shadow:0 8px 24px rgba(170,170,170,.12)}.utility-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.catalogue-label{color:#777;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.social-links{align-items:center;gap:1rem}.social-links>span{color:#AAAAAA;font-size:.7rem;font-weight:500}.social-links a{display:inline-flex;align-items:center;gap:.35rem;color:#777;font-size:.78rem;font-weight:500;text-decoration:none;transition:opacity .18s}.social-links a img{width:.95rem;height:.95rem;object-fit:contain}.social-links a:hover{opacity:.6}.public-page #tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;padding:0 0 1rem}.public-page #tabs button{min-height:2.5rem;padding:.48rem .55rem;border:1px solid var(--line);border-radius:.65rem;background:#fff;color:#707070;font-size:.85rem;font-weight:700;transition:background .18s,color .18s,border-color .18s}.public-page #tabs button:hover{border-color:#d8d8d8;background:#ffecf8}.public-page #tabs button[aria-selected=true]{border-color:#00619f;background:#00619f;color:#fff}.viewer{min-height:430px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line);border-radius:.85rem;background:linear-gradient(145deg,#f8f8f8,#efefef)}#empty{text-align:center;padding:2rem;color:#777}.loading-card{display:grid;justify-items:center;gap:1rem;padding:2rem 2.5rem;background:rgba(255,255,255,.86);border:1px solid #fff;border-radius:1.25rem;box-shadow:0 1rem 2.5rem rgba(170,170,170,.2)}.loading-logo{width:clamp(5rem,20vw,7rem);height:auto;animation:pulse 1.8s ease-in-out infinite}.loading-card p,#message{margin:0;font-weight:700}.spinner{width:2rem;height:2rem;border:.22rem solid #f8dbea;border-top-color:#00619f;border-radius:50%;animation:spin .8s linear infinite}#empty.error #message{color:#00619f}#pages{width:100%;background:#fff}#pages img{display:block;width:100%;height:auto}#pages img+img{border-top:1px solid #eee}.marketplace-fab{position:fixed;right:clamp(1rem,2vw,2rem);bottom:calc(1.25rem + env(safe-area-inset-bottom));z-index:15;display:flex;flex-direction:column;gap:.55rem}.marketplace-fab a{position:relative;display:grid;place-items:center;width:2.9rem;height:2.9rem;border:1px solid #e5e5e5;border-radius:.8rem;background:rgba(255,255,255,.96);box-shadow:0 4px 14px rgba(0,0,0,.09);transition:transform .18s,border-color .18s}.marketplace-fab a img{width:1.35rem;height:1.35rem;object-fit:contain;filter:brightness(0) invert(1)}.marketplace-fab a:nth-child(1){border-color:#F36F21;background:linear-gradient(135deg,#0F146D,#F36F21)}.marketplace-fab a:nth-child(2){border-color:#EE4D2D;background:linear-gradient(135deg,#FF7043,#EE4D2D)}.marketplace-fab a:nth-child(3){border-color:#42B549;background:linear-gradient(135deg,#58C761,#42B549)}.marketplace-fab a:hover{transform:translateY(-2px) scale(1.03)}.marketplace-fab a:before{content:attr(data-label);position:absolute;right:calc(100% + .55rem);padding:.25rem .45rem;border-radius:.35rem;background:#333;color:#fff;font-size:.7rem;line-height:1;opacity:0;pointer-events:none;transform:translateX(.25rem);transition:opacity .18s,transform .18s}.marketplace-fab a:hover:before{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.04);opacity:.8}}@media(prefers-reduced-motion:reduce){.spinner,.loading-logo{animation:none}.marketplace-fab a{transition:none}}@media(min-width:700px){main{padding:2rem}.public-page main{padding:.8rem 2rem 2.5rem}.catalogue-shell{padding:1rem}.public-page .site-header{min-height:3.8rem;padding:.5rem 1.5rem}.public-page .site-header .brand img{width:105px;height:auto}.site-header .icon-link{width:2.7rem;height:2.7rem}.site-header .icon-link img{width:1.35rem;height:1.35rem}.social-links{gap:1.1rem}.social-links a{gap:.4rem;font-size:.82rem}.social-links a img{width:1.05rem;height:1.05rem}.public-page #tabs{gap:.65rem;padding-bottom:1.15rem}.public-page #tabs button{min-height:2.9rem;padding:.6rem .8rem;font-size:.95rem}.marketplace-fab{gap:.7rem}.marketplace-fab a{width:3.2rem;height:3.2rem;border-radius:.9rem}.marketplace-fab a img{width:1.65rem;height:1.65rem}}@media(min-width:720px){.public-page #tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:699px){.public-page main{padding:.6rem 1rem 2rem}.greeting{display:none}.catalogue-shell{padding:.65rem}.utility-row{gap:.6rem}.social-links{gap:.85rem}.social-links>span,.social-links a span{display:none}.viewer{min-height:380px}.marketplace-fab{right:.8rem;bottom:calc(.8rem + env(safe-area-inset-bottom));gap:.45rem}.marketplace-fab a{width:2.7rem;height:2.7rem}.marketplace-fab a:before{display:none}.marketplace-fab a:active{transform:scale(.96)}}

.public-page .site-header .brand img{width:42px;height:42px;border-radius:50%;object-fit:contain}.brand img{height:48px;border-radius:50%}.loading-logo{border-radius:50%}
