body{margin:0}#monitor-ui{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Segoe UI,sans-serif;pointer-events:none;color:#fff;background:#0f0f0f4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);width:88vw;max-width:1200px;height:65vw;max-height:750px;overflow:hidden;z-index:100;transition:opacity .5s ease-in-out}.sidebar-container{width:240px;background:#0006;height:100%;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:30px;float:left;pointer-events:auto}.nav-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#eee;padding:14px;text-align:left;cursor:pointer;transition:.3s;border-radius:8px;margin-bottom:15px;width:100%}.nav-btn:hover{background:#ffffff1a;transform:translate(5px)}#app-content{margin-left:240px;height:100%;padding:40px;overflow-y:auto;pointer-events:auto;background:transparent}.project-tile{background:#141414e6;padding:20px;border-radius:12px;border:2px solid #444;transition:all .3s;margin-bottom:20px}.project-tile:hover{border-color:#0077b5;transform:translateY(-5px);box-shadow:0 5px 15px #0077b566}.project-tile-large:hover{transform:translateY(-5px);border-color:#ffffff4d;box-shadow:0 10px 20px #00000080}.project-tile-large{background:#141414cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease;margin-bottom:1.5rem}.project-tile-large.active{position:fixed;top:5%;left:5%;width:90%;height:90%;z-index:1000;overflow-y:auto;background:#0a0a0afa}.icon-grid{display:flex;gap:20px;font-size:2rem}.icon-grid a{color:#fff;transition:.3s}.icon-grid a:hover{color:.5 ease;transform:scale(1.2)}.icon-grid a:nth-child(1):hover{color:#4301af}.icon-grid a:nth-child(2):hover{color:#0055a5}.icon-grid a:nth-child(3):hover{color:#ff5e00}.icon-grid a:nth-child(4):hover{color:red}.project-content{display:none}.sidebar{width:240px;height:100%;background:#0006;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:30px;float:left;pointer-events:auto}.sidebar-logo{font-size:.9rem;margin-bottom:40px;letter-spacing:3px;color:#ffffffb3;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:15px}.sidebar-footer{margin-top:auto;padding-bottom:10px}#live-clock{font-family:Courier New,Courier,monospace;font-size:1.1rem;color:#fff;text-shadow:0 0 5px rgba(0,119,181,.5);margin:0}.controls-guide{position:fixed;bottom:20px;left:20px;background:#dde1e7cc;padding:15px;border-radius:12px;font-family:sans-serif;font-size:12px;color:#444;box-shadow:5px 5px 10px #b8b9be,-5px -5px 10px #fff;pointer-events:none;z-index:100}.guide-item{display:flex;align-items:center;margin-bottom:8px}.guide-item:last-child{margin-bottom:0}.key{background:#e0e0e0;border:1px solid #999;border-radius:4px;padding:2px 6px;margin-right:10px;font-weight:700;box-shadow:1px 1px #fff inset}.mouse-icon{margin-right:10px;font-size:16px}