:root{--ui-color-primary: #007bff;--ui-color-secondary: #6c757d;--ui-color-success: #28a745;--ui-color-danger: #dc3545;--ui-color-warning: #ffc107;--ui-color-info: #17a2b8;--ui-color-light: #f8f9fa;--ui-color-dark: #343a40;--ui-color-white: #fff;--ui-color-black: #000}#ui-container{pointer-events:none;position:absolute;z-index:-10;position:fixed;top:20px;left:20px;right:20px;z-index:10;display:flex;gap:10px;width:auto}#ui-container a{color:inherit;text-decoration:none;cursor:auto;pointer-events:auto}#ui-container a:hover{color:var(--ui-color-primary)}#ui-container nav{display:flex;gap:10px;width:100%;flex-wrap:wrap;justify-content:stretch}#ui-container nav>*{position:relative}#ui-container nav .site-title{background:none;flex:1;color:var(--ui-color-light);font-size:1.2rem}#ui-container nav .site-title .site{color:var(--ui-color-white);font-size:1.5rem;font-weight:bold}#ui-container nav .site-title .site:hover{color:var(--ui-color-primary)}#ui-container .ui-box{background-color:var(--ui-color-white);color:var(--ui-color-secondary);position:relative;pointer-events:auto}#ui-container .modal{position:absolute;top:100%;left:0;display:none;background-color:var(--ui-color-white);padding:20px;border:1px solid var(--ui-color-light);border-radius:8px;z-index:20;box-shadow:0 5px 15px rgba(0,0,0,.3)}#ui-container .modal .modal-content{pointer-events:auto}#ui-container .modal .modal-close{position:absolute;top:10px;right:15px;font-size:20px;font-weight:bold;color:#000;cursor:pointer}#ui-container #search-container{padding:5px;border:1px solid #ccc;border-radius:4px}#ui-container #search-container #search-box{padding:5px;border:1px solid #ccc;border-radius:4px}#ui-container #account-container{cursor:pointer;padding:8px 10px;border:1px solid #ccc;border-radius:4px}