:root{--md-sys-color-primary:#6750a4;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#eaddff;--md-sys-color-on-primary-container:#21005d;--md-sys-color-secondary-container:#e8def8;--md-sys-color-on-secondary-container:#1d192b;--md-sys-color-secondary:#625b71;--md-sys-color-on-secondary:#fff;--md-sys-color-tertiary:#00f;--md-sys-color-on-tertiary:#fff;--md-sys-color-error:red;--md-sys-color-on-error:#fff;--md-sys-color-background:#fff;--md-sys-color-on-background:#000;--md-sys-color-surface:#fff;--md-sys-color-on-surface:#000;--md-sys-color-surface-variant:#e7e0eb;--md-sys-color-on-surface-variant:#49454f;--md-sys-color-surface-container:#f3edf7;--md-sys-color-outline:#79747e;--header-height:64px;--md-sys-elevation-level1:0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004d;--md-ref-typeface-brand:"Roboto", system-ui;--md-ref-typeface-plain:"Roboto", system-ui;--md-sys-shape-corner-full:9999px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-small:8px;--md-sys-state-hover-state-layer-opacity:.08;--md-sys-state-focus-state-layer-opacity:.12;--md-sys-state-pressed-state-layer-opacity:.12}.header-btn:after,.drill-tile:after,.dir-tile:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background-color:currentColor;transition:opacity .2s;position:absolute;inset:0}.header-btn:hover:after,.drill-tile:hover:after,.dir-tile:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}.drill-tile:hover,.dir-tile:hover{box-shadow:var(--md-sys-elevation-level1);transform:translateY(-2px)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}body{font-family:var(--md-ref-typeface-plain);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);width:100vw;min-height:100vh;padding-top:var(--header-height);box-sizing:border-box;margin:0}#root{width:100%;height:100%}.sidesheet-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.sidesheet-content{background-color:var(--md-sys-color-surface-container);width:100%;max-width:560px;color:var(--md-sys-color-on-surface);box-sizing:border-box;text-align:left;border-top-left-radius:28px;border-bottom-left-radius:28px;flex-direction:column;height:100%;padding:1.5rem;animation:.3s cubic-bezier(.3,0,0,1) slideIn;display:flex;position:relative;box-shadow:0 8px 24px #00000040}.sidesheet-body{flex:1;padding-right:4px;overflow-y:auto}.sidesheet-body::-webkit-scrollbar{width:4px}.sidesheet-body::-webkit-scrollbar-track{background:0 0}.sidesheet-body::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:4px}@media (width<=600px){.sidesheet-content{border-radius:0;max-width:100%}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidesheet-header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sidesheet-header h2{color:var(--md-sys-color-on-surface);align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:500;display:flex}.btn-close{width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:background-color .2s,color .2s;display:flex}.btn-close:hover{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.guide-fab{top:calc(var(--header-height) + 12px);cursor:pointer;-webkit-backdrop-filter:blur(8px);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);z-index:250;background-color:#e7e0eb74;border:1px solid #79747e4d;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.2,0,0,1);display:flex;position:fixed;left:12px;box-shadow:0 2px 8px #00000026}.guide-fab:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary);transform:scale(1.05)}.guide-fab:active{transform:scale(.95)}