html{font-size:20px}body{background:#ebebeb;min-height:100vh}#root{max-width:1024px;margin:0 auto;min-height:100vh;background:#fff;box-shadow:0 0 60px #00000012;position:relative;z-index:0}button{min-height:44px;cursor:pointer}select,input{min-height:44px}.quest-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.portfolio-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.bottom-nav-fixed{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1024px;padding:10px 20px 18px;background:#fff;border-top:1px solid #e8e8e8;border-radius:0;display:flex;justify-content:space-around;z-index:200;box-shadow:0 -2px 20px #0000000f}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;padding:4px;border-radius:16px;min-height:56px;transition:transform .15s ease}.bottom-nav-item:active{transform:scale(.94)}.nav-pill{width:52px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,box-shadow .2s ease}.nav-pill.active{background:#1a1a1a;box-shadow:0 2px 8px #0003}.nav-icon{font-size:24px;transition:color .2s ease}.nav-label{font-size:.7rem;transition:color .2s ease;letter-spacing:-.1px;font-weight:400}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:820px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003}:root{--fs-title: 26px;--fs-body: 16px;--fs-small: 14px;--fs-btn: 16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot-float{animation:float 3s ease-in-out infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-marquee-track{display:flex;gap:10px;width:max-content;animation:marquee-scroll 28s linear infinite}.gallery-marquee-track:hover{animation-play-state:paused}@media (min-width: 1024px){.quest-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:14px}.portfolio-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){#root{box-shadow:none}.quest-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-grid,.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:8px}:root{--fs-title: 22px;--fs-body: 15px;--fs-small: 13px;--fs-btn: 15px}.nav-pill{width:44px;height:30px}.nav-icon{font-size:22px}}