*{--red:#ee263e;--pink:#b54ca1;--dark_grey:#68676c;--stair_grey:#5d5d5d;font-family:Poppins,sans-serif}html,html,body{-webkit-user-select:none;user-select:none;width:100%;height:100dvh;margin:0;overflow:hidden}#container{width:100%;height:100dvh;position:relative;overflow:hidden}#c{width:100%;height:100%;display:block}#floor-selector{background:#ffffffd9;border:1px solid #00000014;border-radius:30px;flex-direction:column-reverse;align-items:center;gap:14px;padding:12px 18px;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%);box-shadow:0 3px 12px #0000001f}.floor-dot{cursor:pointer;background:#b8b8b8;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s,transform .2s}.floor-dot.active{background:#ee263e;transform:scale(1.35)}.floor-dot:hover{background:#68676c}.floor-dot.active:hover{background:#ee263e}.floor-dot:focus-visible{outline-offset:4px;outline:2px solid #ee263e}#room-info{box-sizing:border-box;border:1px solid #00000014;border-top:4px solid var(--red);width:320px;max-width:calc(100% - 80px);color:var(--dark_grey);z-index:10;background:#fffffff2;border-radius:12px;padding:24px;position:absolute;top:90px;left:24px;box-shadow:0 6px 24px #00000029}#room-info[hidden]{display:none}#room-info h2{color:var(--red);overflow-wrap:anywhere;margin:0 32px 20px 0;font-size:22px}#room-info p{overflow-wrap:anywhere;margin:12px 0;line-height:1.5}#room-info strong{color:#333}#school-search{z-index:20;width:320px;max-width:calc(100% - 48px);position:absolute;top:24px;left:24px}#search-input-wrapper{background:#fffffff5;border:1px solid #0000001f;border-radius:10px;align-items:center;display:flex;box-shadow:0 3px 12px #0000001f}#room-search{color:#333;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:14px 16px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500}#search-input-wrapper:focus-within{border-color:var(--red);box-shadow:0 0 0 2px #ee263e26}#search-results{background:#fffffff7;border:1px solid #00000014;border-radius:10px;max-height:360px;margin-top:8px;overflow-y:auto;box-shadow:0 6px 24px #00000029}#search-results[hidden]{display:none}.search-result{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #eee;width:100%;padding:12px 16px;display:block}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result:focus-visible{background:#ee263e14;outline:none}.search-result-name{font-weight:600;display:block}.search-result-floor{color:var(--dark_grey);margin-top:4px;font-size:12px;display:block}.search-no-results{color:var(--dark_grey);padding:14px 16px;font-size:14px}@media (width<=768px){#school-search{width:calc(100% - 24px);max-width:none;top:12px;left:12px}#room-search{padding:14px 16px;font-size:16px}#search-results{max-height:min(45dvh,360px)}#floor-selector{z-index:5;gap:14px;padding:14px 12px;top:50%;right:12px;transform:translateY(-50%)}.floor-dot{width:14px;height:14px}#room-info{border-radius:12px;width:auto;max-width:none;max-height:40dvh;padding:18px;position:fixed;inset:auto 12px 12px;overflow-y:auto}#room-info h2{margin-bottom:12px;font-size:19px}#room-info p{margin:8px 0;font-size:14px}}