*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#0a0a0a}body{font-family:Georgia,Times New Roman,serif;color:#e0d8c8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gallery-container{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a;touch-action:pan-y;cursor:default;overflow:hidden}.gallery-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gallery-overlay-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:20px 28px;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 100%);z-index:10;pointer-events:none}.gallery-title{font-size:20px;font-weight:600;letter-spacing:6px;text-transform:uppercase;color:#e0d8c8f2;text-shadow:0 1px 2px rgba(0,0,0,.4)}.gallery-subtitle{font-size:12px;font-weight:400;letter-spacing:2px;color:#e0d8c88c;margin-top:4px}.gallery-school-logo{position:absolute;bottom:20px;right:20px;z-index:10;pointer-events:auto}.gallery-school-logo a{display:block;opacity:.7;transition:opacity .2s}.gallery-school-logo a:hover{opacity:1}.gallery-school-logo img{width:36px;height:auto;display:block}.gallery-overlay-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:20px 28px 24px;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);z-index:10;pointer-events:none}.gallery-progress-bar{display:flex;gap:6px;margin-bottom:10px}.gallery-dot{width:6px;height:6px;border-radius:50%;background:#e0d8c833;transition:all .4s ease}.gallery-dot.active{width:24px;border-radius:3px;background:#e0d8c880}.gallery-count{font-size:11px;color:#e0d8c84d;letter-spacing:2px}.gallery-loading{width:100%;height:100%;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0d8c8;font-family:Georgia,serif}.gallery-spinner{width:32px;height:32px;border:2px solid rgba(224,216,200,.15);border-top:2px solid rgba(224,216,200,.6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gallery-html-wrapper,.gallery-html-wrapper>div,.gallery-html-wrapper>div>div{background:transparent!important}