html,body,#app{height:100%;margin:0;background:#0c1116;overflow:hidden}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,Inter,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.topbar{position:fixed;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#ffffffd9;background:#12182040;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:.5px solid rgba(255,255,255,.08);z-index:2;font-size:13px;font-weight:500}.topbar .left{display:flex;align-items:center;gap:8px;flex:0 0 auto}.topbar .center{display:flex;align-items:center;font-size:13px;font-weight:500;flex:1;justify-content:center}.topbar .center strong{color:#4ecdc4;font-weight:600}.topbar .right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.system-menu{position:relative}.system-menu-button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;font-size:12px;color:#fffc;transition:all .15s ease;-webkit-user-select:none;user-select:none}.system-menu-button:hover{background:#ffffff1a;color:#fff}.system-menu-dropdown{position:absolute;top:28px;left:0;min-width:200px;background:#121820f2;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:.5px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 10px 30px #0006,0 0 0 .5px #ffffff0d;z-index:1000;padding:4px 0}.system-menu-dropdown.hidden{display:none}.menu-item{padding:8px 16px;color:#ffffffd9;font-size:13px;cursor:pointer;transition:background-color .15s ease}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-separator{height:1px;background:#ffffff1a;margin:4px 12px}.topbar .pill{background:linear-gradient(135deg,#e74c3ce6,#e74c3cb3);color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.02em;box-shadow:0 1px 3px #e74c3c4d}.topbar .clock{font-variant-numeric:tabular-nums;font-family:-apple-system,BlinkMacSystemFont,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12px;color:#ffffffb3;font-weight:500}.help{position:fixed;left:12px;bottom:92px;color:#9bbad0;background:#12182066;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:.5px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;z-index:2}.help ul{margin:0;padding-left:18px;font-size:12px}canvas{display:block;margin-top:28px;margin-bottom:80px}.dock{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:#121820b3;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:.5px solid rgba(255,255,255,.15);border-radius:16px;padding:8px 12px;z-index:100;box-shadow:0 8px 32px #0006,0 0 0 .5px #ffffff0d}.dock-icons{display:flex;align-items:center;gap:8px}.dock-icon{cursor:pointer;transition:transform .2s ease;position:relative}.dock-icon:hover{transform:scale(1.2) translateY(-4px)}.dock-icon-bg{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #0000004d,0 0 0 .5px #ffffff1a;transition:all .2s ease}.dock-icon:hover .dock-icon-bg{box-shadow:0 4px 16px #0006,0 0 0 .5px #fff3}.orbe-selected ring{filter:drop-shadow(0 0 8px rgba(110,182,255,.9))}.apps-menu{position:relative}.apps-menu-button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;font-size:14px;color:#fffc;transition:all .15s ease;-webkit-user-select:none;user-select:none}.apps-menu-button:hover{background:#ffffff1a;color:#fff}.rel-menu{position:fixed;padding:12px;background:#121820d9;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);color:#e7f0f8;border:.5px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 20px 50px #0006,0 0 0 .5px #ffffff0d;z-index:5;width:220px;display:none}.rel-menu.hidden{display:none!important}.window-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000}.window-overlay.hidden{display:none}.window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e232af2;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 0 .5px #ffffff0d;z-index:1001;min-width:400px;max-width:600px;animation:windowOpen .3s cubic-bezier(.34,1.56,.64,1)}.window.hidden{display:none}@keyframes windowOpen{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.window-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);cursor:move}.window-controls{display:flex;gap:8px}.window-control{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .15s ease}.window-control.close{background:#ff5f57;color:transparent}.window-control.close:hover{color:#000}.window-control.minimize{background:#ffbd2e;color:transparent}.window-control.minimize:hover{color:#000}.window-control.maximize{background:#28ca42;color:transparent}.window-control.maximize:hover{color:#000}.window-title{flex:1;text-align:center;font-size:13px;font-weight:600;color:#ffffffe6;margin:0 12px}.window-spacer{width:76px}.window-content{padding:24px}.about-content{text-align:center}.about-icon{font-size:48px;margin-bottom:16px}.about-content h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#4ecdc4}.version{margin:0 0 16px;font-size:14px;color:#fff9}.description{margin:0 0 24px;font-size:14px;line-height:1.5;color:#fffc}.about-details{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.detail-row:last-child{margin-bottom:0}.detail-row .label{color:#fff9}.detail-row .value{color:#ffffffe6;font-weight:500}.about-footer{display:flex;justify-content:center}.btn-primary{background:linear-gradient(135deg,#4ecdc4,#26a69a);color:#fff;border:none;border-radius:6px;padding:8px 24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4ecdc44d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc466}.preferences-content{display:flex;min-height:400px}.preferences-sidebar{width:160px;background:#ffffff05;border-right:1px solid rgba(255,255,255,.06);padding:16px 0}.preference-category{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;font-size:13px;color:#ffffffb3;transition:all .15s ease}.preference-category:hover{background:#ffffff0d;color:#ffffffe6}.preference-category.active{background:#4ecdc41a;color:#4ecdc4;border-right:2px solid #4ECDC4}.category-icon{font-size:14px}.category-label{font-weight:500}.preferences-main{flex:1;padding:24px;position:relative}.preference-panel{display:none}.preference-panel.active{display:block}.preference-panel h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#ffffffe6}.preference-group{margin-bottom:20px}.preference-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#fffc}.preference-select{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-size:13px}.preference-select:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433}.color-picker{display:flex;gap:8px}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#ffffff80;box-shadow:0 0 0 2px #fff3}.preference-checkbox{display:flex;align-items:center;gap:8px}.preference-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#4ECDC4}.preference-checkbox label{font-size:13px;color:#fffc;cursor:pointer}.preference-range{width:calc(100% - 60px);margin-right:12px;accent-color:#4ECDC4}.range-value{font-size:13px;color:#ffffffb3;font-variant-numeric:tabular-nums}.preferences-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06)}.btn-secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff1a;color:#fff}