@import url('/fonts.css');
@font-face{font-family:NB;src:local('NB International Pro'),local('NBInternationalPro-Regular');font-display:swap}
:root{font-family:NB,Arial,'Noto Sans SC Variable','PingFang SC',sans-serif;color:#171717;background:#FEFDFC;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;color:inherit}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #171717;outline-offset:5px}header{height:112px;padding:0 clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between}header img{display:block;width:138px;height:auto}header button{font-size:13px;padding:12px}main{padding:28px clamp(24px,4vw,64px) 90px;max-width:2000px;margin:auto}h1{font-size:clamp(30px,3vw,44px);font-weight:400;letter-spacing:-.045em;margin:0}h2{font-size:17px;font-weight:400;margin:0}.login{max-width:480px;margin:14vh auto 0}.login>p{font-size:14px;color:#777;margin:22px 0 38px}.login form{display:flex;gap:10px}.login input{min-width:0;flex:1;background:#fff;border:1px solid #dedbd7;border-radius:10px;padding:17px 18px;font-size:15px;letter-spacing:.03em}.login form button{background:#171717;color:white;padding:0 24px;border-radius:10px;white-space:nowrap;font-size:14px}.login form button span{margin-left:12px}#message{min-height:24px;margin-top:20px;line-height:1.6}.heading{margin:28px 0 44px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.card{text-align:left;padding:0;display:block;width:100%;min-width:0}.card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px;background:#edeae5;transition:transform .25s ease}.card:hover img{transform:translateY(-4px)}.card span{display:block;font-size:14px;padding:15px 2px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{width:min(1160px,calc(100vw - 64px));max-height:calc(100svh - 48px);padding:20px;border:0;border-radius:18px;background:#FEFDFC;color:#171717;box-shadow:0 24px 120px #17171733;overflow:auto}dialog::backdrop{background:#17171765;backdrop-filter:blur(5px)}.viewer-top{display:flex;align-items:center;justify-content:space-between;padding:0 4px 16px;gap:16px}#close{font-size:30px;line-height:1;width:36px;height:36px}.screen{position:relative;background:#f2efe9;border-radius:10px;overflow:hidden}.screen iframe{display:block;width:100%;aspect-ratio:16/10;max-height:65svh;border:0}.screen p{position:absolute;inset:40% 20px;text-align:center;font-size:14px}.viewer-bottom{display:flex;align-items:center;gap:22px;padding:19px 4px 0;font-size:13px}.viewer-bottom button{padding:8px 0}.viewer-bottom a{margin-left:auto;background:#171717;color:white;border-radius:8px;padding:13px 18px}.description{font-size:12px;color:#777;line-height:1.8;margin:14px 4px 2px}#library-message{color:#777;font-size:14px}@media(min-width:1600px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){header{height:88px}header img{width:120px}main{padding-top:16px}.login{margin-top:13vh}.login form{gap:8px}.login input{padding:16px 13px;font-size:12px}.login form button{padding:0 17px}.login form button span{margin-left:5px}.heading{margin:12px 0 32px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.card img{border-radius:11px}.card span{font-size:12px;padding-top:11px}dialog{width:calc(100vw - 24px);padding:14px;border-radius:14px}.viewer-bottom{gap:16px;font-size:12px}.viewer-bottom a{padding:12px}h2{font-size:15px}.description{font-size:11px}.screen iframe{aspect-ratio:3/4;max-height:58svh}}@media(prefers-reduced-motion:reduce){.card img{transition:none}}