.search-container{position:fixed;top:20px;left:20px;z-index:1200;width:400px;max-width:calc(100vw - 40px)}.floating-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-full);box-shadow:var(--md-sys-elevation-2);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbfef2}.floating-search-bar.focused{box-shadow:var(--md-sys-elevation-4);background:#fffbfe}.floating-search-bar svg{flex-shrink:0;color:var(--md-sys-color-on-surface-variant);transition:color .2s}.floating-search-bar.focused svg{color:var(--md-sys-color-primary)}.floating-search-bar input{flex:1;border:none;background:transparent;font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);outline:none;padding:0;letter-spacing:.15px;font-weight:400}.floating-search-bar input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.7}.clear-btn{flex-shrink:0;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);transition:all .2s cubic-bezier(.4,0,.2,1)}.clear-btn:hover{background:#6750a414;color:var(--md-sys-color-on-surface)}.clear-btn svg{display:block}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-3);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbfefa;animation:dropdownSlide .2s cubic-bezier(.4,0,.2,1);max-height:60vh;overflow-y:auto}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-results{padding:8px}.search-result-item{display:flex;align-items:center;padding:12px 16px;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-result-item:hover{background:var(--md-sys-color-secondary-container)}.result-content{flex:1}.result-name{font-size:var(--md-sys-typescale-body-large-size);font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:4px;letter-spacing:.15px}.result-meta{display:flex;align-items:center;gap:8px;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);letter-spacing:.25px}.result-type{padding:2px 8px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-extra-small);font-size:12px;font-weight:500}.result-separator{color:var(--md-sys-color-outline)}.result-distance{font-weight:500}.quick-searches{padding:16px}.quick-search-label{font-size:var(--md-sys-typescale-label-large-size);font-weight:500;color:var(--md-sys-color-on-surface-variant);margin-bottom:12px;letter-spacing:.1px}.quick-searches button{display:inline-block;margin:4px 4px 4px 0;padding:8px 16px;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-label-large-size);font-weight:500;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.1px}.quick-searches button:hover{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-1)}.search-dropdown::-webkit-scrollbar{width:8px}.search-dropdown::-webkit-scrollbar-track{background:transparent}.search-dropdown::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full)}.search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}@media (max-width: 768px){.search-container{width:calc(100vw - 40px)}}.info-panel-left{position:fixed;top:88px;left:20px;width:400px;max-width:calc(100vw - 40px);max-height:calc(100vh - 108px);background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-3);overflow:hidden;z-index:1150;color:var(--md-sys-color-on-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbfefa;display:flex;flex-direction:column}.info-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.info-panel-header h2{margin:0;font-size:var(--md-sys-typescale-headline-medium-size);font-weight:400;letter-spacing:0px;color:var(--md-sys-color-on-surface)}.close-btn{background:none;border:none;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);box-shadow:none;border-radius:var(--md-sys-shape-corner-full);transition:all .2s cubic-bezier(.4,0,.2,1)}.close-btn:hover{background:#6750a414;color:var(--md-sys-color-on-surface)}.close-btn svg{display:block;color:currentColor}.galaxy-image-container{position:relative;width:100%;flex-shrink:0}.galaxy-image{width:100%;height:240px;object-fit:cover;display:block;background:linear-gradient(135deg,#1a1a2e,#16213e)}.image-caption{position:absolute;bottom:8px;right:8px;padding:4px 12px;background:#000000b3;color:#fff;font-size:11px;border-radius:var(--md-sys-shape-corner-small);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.2px}.description-section{padding:16px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.galaxy-description{margin:0;font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);color:var(--md-sys-color-on-surface-variant);letter-spacing:.25px}.route-section{padding:16px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.route-action-btn{width:100%;padding:14px 24px;border:none;border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-large-size);font-weight:500;letter-spacing:.1px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.route-action-btn.primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-1)}.route-action-btn.primary:hover{box-shadow:var(--md-sys-elevation-2);background:#7c63c8}.route-action-btn.primary:active{transform:scale(.98)}.route-action-btn svg{display:block}.info-content{padding:20px 24px;overflow-y:auto;flex:1}.info-section{margin-bottom:20px}.info-section:last-child{margin-bottom:0}.info-label{font-size:var(--md-sys-typescale-label-large-size);font-weight:500;color:var(--md-sys-color-on-surface-variant);margin-bottom:6px;letter-spacing:.5px}.info-value{font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);letter-spacing:.15px;line-height:1.5}.info-subvalue{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);letter-spacing:.25px}.coordinates div{font-family:Roboto Mono,Courier New,monospace;font-size:var(--md-sys-typescale-body-medium-size);margin:3px 0;letter-spacing:0px;color:var(--md-sys-color-on-surface-variant)}.citation{margin-top:24px;padding-top:20px;border-top:1px solid var(--md-sys-color-outline-variant)}.citation-text{font-size:12px;font-style:italic;color:var(--md-sys-color-on-surface-variant);margin-top:6px;line-height:1.5;letter-spacing:.4px}.info-content::-webkit-scrollbar{width:8px}.info-content::-webkit-scrollbar-track{background:transparent}.info-content::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full)}.info-content::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}@media (max-width: 768px){.info-panel-left{width:calc(100vw - 40px)}.galaxy-image{height:200px}}.directions-panel{position:fixed;top:88px;left:20px;width:400px;max-width:calc(100vw - 40px);max-height:calc(100vh - 108px);background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-3);overflow:hidden;z-index:1150;color:var(--md-sys-color-on-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbfefa;display:flex;flex-direction:column}.directions-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.directions-header h2{margin:0;font-size:var(--md-sys-typescale-headline-medium-size);font-weight:400;letter-spacing:0px}.directions-inputs{padding:20px;border-bottom:1px solid var(--md-sys-color-outline-variant);position:relative;flex-shrink:0}.input-row{display:flex;align-items:center;margin-bottom:12px;position:relative}.input-row:last-child{margin-bottom:0}.input-icon{width:24px;height:24px;margin-right:12px;flex-shrink:0;border-radius:50%;position:relative}.origin-dot{background:var(--md-sys-color-primary);width:12px;height:12px;margin:6px 18px 6px 6px}.dest-marker:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #EA4335}.dest-marker:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#ea4335;border-radius:50%;margin-top:-10px}.waypoint-dot{width:20px;height:20px;background:#fff;border:3px solid var(--md-sys-color-on-surface-variant);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--md-sys-color-on-surface-variant);margin:2px 14px 2px 2px}.waypoint-row-wrapper{position:relative;margin-bottom:12px}.remove-waypoint-btn{width:28px;height:28px;padding:0;margin-left:8px;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.remove-waypoint-btn:hover{background:#ea433514;color:#ea4335}.remove-waypoint-btn svg{display:block}.input-row input{flex:1;padding:12px 16px;font-size:var(--md-sys-typescale-body-large-size);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface);transition:all .2s cubic-bezier(.4,0,.2,1)}.input-row input:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;padding:11px 15px;background:#eaddff33}.input-row input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.7}.search-dropdown-inline{margin-left:36px;margin-top:4px;margin-bottom:12px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;box-shadow:var(--md-sys-elevation-2)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;font-size:var(--md-sys-typescale-body-medium-size)}.dropdown-item:hover{background:var(--md-sys-color-secondary-container)}.dropdown-item svg{color:var(--md-sys-color-on-surface-variant);flex-shrink:0}.swap-btn{position:absolute;right:0;top:20px;width:36px;height:36px;padding:0;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}.swap-btn:hover{background:var(--md-sys-color-secondary-container);border-color:var(--md-sys-color-primary)}.add-stop-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-top:12px;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-body-medium-size);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:fit-content}.add-stop-btn:hover{background:#6750a414}.add-stop-btn svg{display:block}.speed-selector-compact{padding:12px 20px;border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.speed-selector-compact select{width:100%;padding:10px 12px;font-size:var(--md-sys-typescale-body-medium-size);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface);cursor:pointer;transition:all .2s}.speed-selector-compact select:hover{border-color:var(--md-sys-color-primary)}.route-result{flex:1;overflow-y:auto;padding:16px}.route-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:16px}.route-mode{display:flex;align-items:center;gap:8px;font-weight:500;font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-primary-container)}.route-mode svg{display:block}.route-time{font-size:var(--md-sys-typescale-title-large-size);font-weight:500;color:var(--md-sys-color-on-primary-container)}.route-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.route-stat{display:flex;flex-direction:column;padding:12px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);text-align:center}.stat-label{font-size:11px;color:var(--md-sys-color-on-surface-variant);margin-bottom:4px;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.stat-value{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface);font-weight:500}.route-steps{margin-top:16px}.route-step{display:flex;align-items:center;gap:16px;padding:12px;margin-bottom:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium)}.step-marker{width:32px;height:32px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;flex-shrink:0}.step-info{flex:1}.step-name{font-size:var(--md-sys-typescale-body-large-size);font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:2px}.step-type{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.directions-instructions{padding:40px 24px;text-align:center;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.directions-instructions p{margin:8px 0;line-height:1.5}.route-result::-webkit-scrollbar{width:8px}.route-result::-webkit-scrollbar-track{background:transparent}.route-result::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full)}@media (max-width: 768px){.directions-panel{width:calc(100vw - 40px)}.route-details{grid-template-columns:1fr}}.legend{position:fixed;top:20px;right:20px;width:320px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-2);z-index:1000;color:var(--md-sys-color-on-surface);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbfef2;transition:all .3s cubic-bezier(.4,0,.2,1)}.legend.collapsed{width:auto}.legend-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:500;font-size:var(--md-sys-typescale-title-medium-size);letter-spacing:.1px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s cubic-bezier(.4,0,.2,1)}.legend-header:hover{background:#6750a414}.legend.collapsed .legend-header:hover{border-radius:var(--md-sys-shape-corner-extra-large)}.legend-toggle{color:var(--md-sys-color-on-surface-variant);transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.legend-toggle svg{display:block;color:currentColor}.legend-content{padding:8px 12px 16px}.legend-item{padding:0;margin-bottom:4px;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--md-sys-shape-corner-medium)}.legend-item:last-child{margin-bottom:0}.legend-checkbox-wrapper{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-radius:var(--md-sys-shape-corner-medium);transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.legend-checkbox-wrapper:hover{background:#6750a40d}.hidden-checkbox{position:absolute;opacity:0;pointer-events:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);margin-right:12px;flex-shrink:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent}.hidden-checkbox:checked+.checkbox-custom{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.hidden-checkbox:checked+.checkbox-custom:after{display:block}.legend-color{width:32px;height:32px;border-radius:var(--md-sys-shape-corner-full);margin-right:12px;flex-shrink:0;box-shadow:var(--md-sys-elevation-1);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.legend-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--md-sys-shape-corner-full);box-shadow:inset 0 0 0 1px #0000001a}.hidden-checkbox:not(:checked)~.legend-color{opacity:.3;filter:grayscale(.5)}.legend-text{flex:1;transition:opacity .2s}.hidden-checkbox:not(:checked)~.legend-text{opacity:.4}.legend-type{font-size:var(--md-sys-typescale-body-large-size);font-weight:500;margin-bottom:2px;color:var(--md-sys-color-on-surface);letter-spacing:.15px}.legend-example{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);letter-spacing:.25px}.controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1000}.control-btn{width:56px;height:56px;background:var(--md-sys-color-secondary-container);border:none;border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;color:var(--md-sys-color-on-secondary-container)}.control-btn:hover{box-shadow:var(--md-sys-elevation-3);transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-3)}.control-btn svg{display:block;color:currentColor}.app{width:100vw;height:100vh;position:relative;overflow:hidden;background:#000}.loading{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:16px;color:#ffffffb3}.app-title{display:none}.attribution{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:11px;color:#ffffff80;z-index:999;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.8)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}@media (max-width: 768px){.app-title{left:20px;top:10px}.app-title h1{font-size:20px}.app-title p{font-size:11px}.info-panel,.route-panel,.legend{width:calc(100vw - 40px);max-width:350px}.controls{bottom:10px;right:10px}.search-toggle{left:10px!important}.info-panel{top:auto;right:auto;left:20px;bottom:auto}.route-panel{left:20px;bottom:280px}}:root{--md-sys-color-primary: #6750A4;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-on-primary-container: #21005D;--md-sys-color-secondary: #625B71;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E8DEF8;--md-sys-color-on-secondary-container: #1D192B;--md-sys-color-tertiary: #7D5260;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD8E4;--md-sys-color-on-tertiary-container: #31111D;--md-sys-color-surface: #FFFBFE;--md-sys-color-on-surface: #1C1B1F;--md-sys-color-surface-variant: #E7E0EC;--md-sys-color-on-surface-variant: #49454F;--md-sys-color-background: #FFFBFE;--md-sys-color-on-background: #1C1B1F;--md-sys-color-outline: #79747E;--md-sys-color-outline-variant: #CAC4D0;--md-sys-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-4: 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-5: 0px 4px 4px 0px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15);--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-typescale-display-large-size: 57px;--md-sys-typescale-display-medium-size: 45px;--md-sys-typescale-headline-large-size: 32px;--md-sys-typescale-headline-medium-size: 28px;--md-sys-typescale-title-large-size: 22px;--md-sys-typescale-title-medium-size: 16px;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-medium-size: 14px;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-body-small-size: 12px;--md-sys-typescale-display-large-line-height: 64px;--md-sys-typescale-headline-medium-line-height: 36px;--md-sys-typescale-title-large-line-height: 28px;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-medium-line-height: 20px;--md-sys-typescale-label-large-line-height: 20px;--md-sys-typescale-headline-medium-weight: 400;--md-sys-typescale-title-large-weight: 500;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-label-large-weight: 500;--md-sys-state-hover-opacity: .08;--md-sys-state-focus-opacity: .12;--md-sys-state-pressed-opacity: .12}.md-elevation-1{box-shadow:var(--md-sys-elevation-1)}.md-elevation-2{box-shadow:var(--md-sys-elevation-2)}.md-elevation-3{box-shadow:var(--md-sys-elevation-3)}.md-elevation-4{box-shadow:var(--md-sys-elevation-4)}.md-surface{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.md-surface-variant{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant)}.md-primary-container{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.md-secondary-container{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background-color:#000;color:#fff;font-size:16px;line-height:1.5;letter-spacing:.15px}#root{width:100vw;height:100vh;overflow:hidden}code{font-family:Courier New,monospace}button,input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}