*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}:root{--menubar-height: 28px;--dock-height: 68px;--widget-gap: 12px;--touch-target-min: 44px;--content-padding: 16px}@media (max-width: 767px){:root{--menubar-height: 44px;--dock-height: 80px;--content-padding: 12px;--widget-gap: 8px}}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{user-select:none;-webkit-user-select:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.desktop-content{position:relative;width:100%;height:100%}.apple-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f5f0;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.apple-loader.hidden{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:40px}.loader-logo{width:80px;height:80px;object-fit:contain;animation:logoPulse 1.5s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.loader-bar{width:200px;height:4px;background:#0000001a;border-radius:2px;overflow:hidden;position:relative}.loader-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:#000;animation:loadingBar 5s ease-in-out forwards}@keyframes loadingBar{0%{width:0%}to{width:100%}}.menubar{position:fixed;top:0;left:0;right:0;height:28px;background:#1e1e1ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:500;z-index:1000;color:#fff;box-shadow:0 1px 3px #0003}.menubar-left,.menubar-right{display:flex;align-items:center;gap:18px}.apple-logo{font-size:14px;cursor:pointer}.menu-item{cursor:pointer;opacity:.9;transition:opacity .15s}.menu-item:hover{opacity:1}.menu-item.active{font-weight:700}.menu-icon{cursor:pointer;opacity:.9}.menu-icon:hover{opacity:1}@media (max-width: 767px){.menubar{height:44px;padding:0 8px;font-size:14px}.menubar-left .menu-item{display:none}.menubar-left .menu-item.active{display:block}.menubar-right{gap:12px;font-size:12px}.menubar-right .menu-icon{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}}.widgets-container{position:fixed;left:16px;top:44px;z-index:50;display:flex;flex-direction:column;gap:12px}.widget-row{display:flex;gap:8px;align-items:center}.widget-small{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000001a;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.widget-large{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000001a;padding:16px}.date-widget-small{min-width:100px;height:110px}.date-display-small{text-align:center}.date-day{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.date-month{font-size:11px;font-weight:600;color:#666;text-transform:uppercase}.date-number{font-size:42px;font-weight:700;color:#1a1a1a;line-height:1}.clock-widget-small{min-width:110px;height:110px}.clock-face-small{width:80px;height:80px}.battery-widget{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.battery-item{display:flex;align-items:center;gap:10px}.battery-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#4caf50}.battery-icon svg{width:24px;height:24px}.battery-info{display:flex;flex-direction:column}.battery-label{font-size:11px;color:#666;font-weight:500}.battery-percent{font-size:14px;color:#1a1a1a;font-weight:700}.vibe-card{min-width:240px}.vibe-card-header{margin-bottom:12px}.vibe-card-title{font-size:13px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px}.vibe-card-content{display:flex;justify-content:space-around;align-items:center;gap:12px}.vibe-card-item{display:flex;flex-direction:column;align-items:center;gap:8px}.vibe-card-icon{font-size:24px}.vibe-card-label{font-size:11px;color:#666;font-weight:500;text-transform:lowercase}@media (max-width: 767px){.widgets-container{position:fixed;left:0;right:0;top:calc(44px + env(safe-area-inset-top));z-index:40;display:flex;flex-direction:row;gap:8px;padding:8px 12px;background:#f5f5f0d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.widgets-container::-webkit-scrollbar{display:none}.widget-row{flex-direction:row;flex-shrink:0}.widget-small{min-width:80px;height:90px;padding:10px}.widget-large{min-width:auto;padding:10px 12px}.date-widget-small{min-width:70px;height:90px}.date-number{font-size:32px}.clock-widget-small{min-width:80px;height:90px}.clock-face-small{width:60px;height:60px}.vibe-card{min-width:200px}.vibe-card-content{gap:8px}.vibe-card-icon{font-size:20px}}@media (min-width: 768px) and (max-width: 1023px){.widgets-container{left:8px;top:36px;gap:8px}.widget-small{padding:10px}}.dock{position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:100}.dock-container{display:flex;align-items:flex-end;gap:8px;padding:6px 10px;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff4d}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dock-item:hover{transform:translateY(-8px) scale(1.2)}.dock-icon{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,#ffffffe6,#f0f0f0e6);border-radius:12px;box-shadow:0 4px 12px #0003,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5)}.dock-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ff9500;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dock-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e1e1ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;margin-bottom:8px;pointer-events:none}.tooltip-status{opacity:.7;font-size:11px}.dock-divider{width:1px;height:48px;background:#ffffff4d;margin:0 4px}@media (max-width: 767px){.dock{bottom:4px;left:0;right:0;transform:none;padding:0 8px}.dock-container{display:flex;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 12px;gap:12px}.dock-container::-webkit-scrollbar{display:none}.dock-icon{width:56px;height:56px;font-size:38px}.dock-item:hover{transform:none}.dock-item:active{transform:scale(.95)}.dock-tooltip{bottom:calc(100% + 12px);font-size:11px;padding:4px 8px}}@media (min-width: 768px) and (max-width: 1023px){.dock-icon{width:48px;height:48px;font-size:32px}}