:root{--bg: #FDEAFF;--line: #e2cfe3}body{margin:0;background:var(--bg);font-family:Calibri Light,Calibri,Arial,sans-serif;color:#2f4f4f}.separator{height:1px;background:var(--line);margin:20px 0}.header{display:flex;align-items:center;background:#ffdafb;justify-content:space-between;padding:0 5px;border:solid 1px lightgray}.header-right{display:flex;align-items:center;gap:12px}.host-btn{background:#fff;border:1px solid #ccc;padding:6px 14px;border-radius:20px;font-size:13px}.host-btn:hover{background:#d3d3d3;cursor:pointer}.menu{display:flex;gap:20px;align-items:center}.menu span a{text-decoration:none}.menu span{font-size:14px}.host-btn{background:#fff;border:1px solid #ccc;padding:6px 14px;border-radius:20px}.avatar-wrapper{position:relative}.avatar{width:36px;height:36px;border-radius:50%;cursor:pointer}.avatar img{width:36px;border-radius:50%}.dropdown-login-menu{position:absolute;right:-90px;margin-top:0;list-style:none;background:#fff;border-radius:8px;padding-left:0;width:150px;text-align:left;box-shadow:0 4px 12px #00000026}.dropdown-login-menu li{padding:8px 14px;cursor:pointer}.dropdown-login-menu li:hover{background:#f2f2f2}.dropdown{position:absolute;right:0;width:180px;text-align:left}.dropdown li{padding:8px 14px;cursor:pointer}.dropdown li:hover{background:#f2f2f2}@media(max-width:768px){.menu{display:none}.host-btn{font-size:12px;padding:4px 10px}}.story-container{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto;gap:12px}.stories{display:flex;gap:12px;overflow-x:auto;max-width:660px;scroll-behavior:smooth;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.stories video{width:150px;height:200px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid lightgray}.arrow{border:none;background:transparent;font-size:24px;cursor:pointer}@media(max-width:768px){.stories{max-width:300px;border:1px solid lightgray}.stories video{width:70px;height:110px}}.search-bar{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-50px}.dropdown{position:relative}.search-btn{font-weight:700;background:#ffb6c1;border:1px solid #ccc;padding:6px 11px;border-radius:20px;font-size:15px;margin-top:-10px}.search-btn:hover{background:#add8e6;cursor:pointer}.dropdown button{padding:15px 25px;border-radius:20px;border:1px solid #ccc;background:#fff;min-width:255px;text-align:left;cursor:pointer}.menu-SearchBar{position:absolute;top:110%;left:0;width:100%;background:#fff;border-radius:10px;box-shadow:0 6px 16px #00000026;padding:8px;z-index:10}.menu-SearchBar>input{height:20px;border-radius:5px;border:solid 1px lightgray}.menu input{width:100%;padding:8px;border-radius:6px;border:1px solid #ddd;margin-bottom:6px}.item{padding:8px;cursor:pointer;border-radius:6px}.item:hover{background:#f2f2f2}.date-menu{position:absolute;top:110%;left:0;background:#fff;border-radius:10px;padding:10px;box-shadow:0 6px 16px #00000026;display:flex;flex-direction:column;gap:8px;z-index:10}.date-menu label{font-size:12px;display:flex;flex-direction:column;gap:4px}.date-menu input{padding:6px;border-radius:6px;border:1px solid #ccc}@media(max-width:768px){.search-bar{flex-direction:column;width:100%}.dropdown button,.date-btn{width:100%}}.footer{padding:24px;background:#ffdafb;border-top:1px solid lightgray;border-bottom:1px solid lightgray}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:24px;align-items:start;text-align:left}.footer-menu{display:flex;flex-direction:column;gap:10px;margin-top:25px}.footer-menu a{text-decoration:none;color:#000;font-size:14px}.footer-location h4{margin-bottom:5px}.footer-location p{font-size:13px;margin-bottom:8px}.footer-location iframe{width:100%;height:180px;border:none;border-radius:10px}.map-box{height:140px;border:1px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:30px}.footer-bottom{text-align:center;margin-top:45px;font-size:12px;border-top:solid 1px lightgray}@media(max-width:768px){.footer{grid-template-columns:1fr;padding:20px}.footer-location iframe{height:220px}}#root{max-width:1280px;margin:0 auto;text-align:center;border:solid 1px lightgray}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.page-layout{display:grid;grid-template-columns:260px 1fr 260px;align-items:stretch;max-width:1400px;margin:40px auto 0;height:500px}.pane{display:flex;flex-direction:column}.center{display:flex;flex-direction:column;align-items:center;gap:18px}.title{margin:0;text-align:center}@media(max-width:1024px){.page-layout{grid-template-columns:1fr}.center{order:1}.pane{height:100vh;min-height:100vh}}@media(max-width:768px){.page-layout{padding:12px;gap:16px}.pane{width:100%}}@media(max-width:640px){.page-layout{padding:12px}}.page-layout{display:grid;grid-template-columns:260px 1fr 260px;gap:24px;align-items:start;height:600px}.mobile-toggle,.close{display:none}@media(max-width:1024px){.page-layout{grid-template-columns:1fr}.mobile-toggle{display:flex;justify-content:space-between;padding:10px 16px}.mobile-toggle button{background:#fff;border-radius:20px;padding:6px 14px;border:1px solid #ccc}.pane{position:fixed;top:0;bottom:0;width:260px;background:#fff;z-index:1000;transform:translate(-100%);transition:transform .3s ease;padding:12px}.pane.right{right:0;left:auto;transform:translate(100%)}.pane.open{transform:translate(0)}.close{background:none;border:none;font-size:20px;align-self:flex-end;cursor:pointer}}