:root{--bear-brown:#8b5a2b;--bear-brown-light:#a67c52;--bear-brown-dark:#5d3a1a;--bear-cream:#f9f4f0;--bear-white:#fff;--glass-bg:#ffffff40;--glass-border:#ffffff80;--glass-blur:blur(20px);--clay-shadow:#8b5a2b33 0px 10px 30px, inset #fff9 0px 10px 20px -5px, inset #8b5a2b1a 0px -10px 20px -5px;--clay-button:#8b5a2b;--sans:"Outfit", system-ui, -apple-system, sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-color:var(--bear-white);min-width:320px;min-height:100vh;color:var(--bear-brown-dark);place-items:center;margin:0;display:flex;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 8px 32px #8b5a2b1a}.clay{background:var(--bear-cream);box-shadow:var(--clay-shadow);border:none;border-radius:30px}.clay-button{background:var(--bear-brown);color:var(--bear-white);cursor:pointer;border:none;border-radius:20px;padding:12px 24px;font-weight:600;transition:all .2s;box-shadow:0 15px 25px -10px #8b5a2b4d,inset 0 4px 6px -2px #ffffff4d,inset 0 -4px 6px -2px #0000001a}.clay-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 20px 30px -10px #8b5a2b66,inset 0 5px 8px -2px #fff6}.clay-button:active{transform:translateY(0)scale(.98)}input{color:var(--bear-brown-dark);font-family:var(--sans);background:#8b5a2b0d;border:none;border-radius:15px;outline:none;width:100%;padding:12px 20px;box-shadow:inset 0 2px 4px #8b5a2b1a}input:focus{background:#8b5a2b14;box-shadow:inset 0 2px 4px #8b5a2b33}.wallpaper-container{z-index:-1;background:var(--bear-white);width:110%;height:110%;position:fixed;top:-5%;left:-5%;overflow:hidden}.wallpaper{object-fit:cover;width:100%;height:100%;transition:transform .1s ease-out}.bg-blob{filter:blur(80px);opacity:.5;z-index:-1;border-radius:50%;transition:transform .2s ease-out;position:absolute}.blob-1{background:var(--bear-brown-light);width:600px;height:600px;top:10%;left:20%}.blob-2{background:#ecd9c6;width:400px;height:400px;bottom:10%;right:20%}.menu-item{cursor:pointer;border-radius:8px;padding:4px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.menu-item:hover{color:var(--bear-brown);background:#8b5a2b1a}.menu-item:active{transform:scale(.95)}.window{-webkit-user-select:none;user-select:none;min-width:400px;min-height:300px;position:absolute}.window-header{cursor:grab}.window-header:active{cursor:grabbing}.sidebar{z-index:10;flex-direction:column;gap:20px;width:300px;display:flex;position:fixed;top:50px;right:20px}.widget{padding:20px;animation:.5s cubic-bezier(.16,1,.3,1) both slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.login-screen{background:var(--bear-white);z-index:1000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.login-wallpaper{object-fit:cover;filter:blur(20px)brightness(.8);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1)}.login-card{text-align:center;color:#fff;width:320px;box-shadow:none;background:0 0;flex-direction:column;gap:15px;display:flex}.avatar-container{border:2px solid #fff3;border-radius:50%;width:160px;height:160px;margin:0 auto 10px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.avatar{object-fit:cover;width:100%;height:100%;margin:0}.user-name{text-shadow:0 2px 10px #00000080;margin:10px 0;font-size:28px;font-weight:600}.password-input-container{-webkit-backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:100px;align-items:center;width:200px;margin:0 auto;padding:2px;display:flex;box-shadow:0 5px 15px #0003}.password-input{width:100%;box-shadow:none!important;color:#fff!important;background:0 0!important;padding:8px 15px!important;font-size:14px!important}.password-input::placeholder{color:#fff9}.login-footer{color:#fff;gap:40px;font-size:12px;display:flex;position:absolute;bottom:50px}.footer-item{cursor:pointer;opacity:.8;flex-direction:column;align-items:center;gap:8px;transition:opacity .2s;display:flex}.footer-item:hover{opacity:1}.footer-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.ios-status-bar{width:100%;height:44px;color:var(--bear-brown-dark);z-index:100;justify-content:space-between;align-items:flex-end;padding:0 30px 5px;font-size:14px;font-weight:600;display:flex}.ios-home-screen{flex-direction:column;flex:1;padding:20px 25px;display:flex}.app-grid{grid-template-columns:repeat(4,1fr);gap:20px 15px;margin-top:20px;display:grid}.mobile-app-icon{cursor:pointer;flex-direction:column;align-items:center;gap:5px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.mobile-app-icon:active{transform:scale(.9)}.mobile-icon-box{background:var(--bear-cream);border-radius:14px;justify-content:center;align-items:center;width:62px;height:62px;transition:transform .1s;display:flex;box-shadow:0 4px 10px #8b5a2b1a,inset 0 4px 8px -2px #fffc}.mobile-icon-box:active{background:#f0e6dd}.mobile-app-label{color:var(--bear-brown-dark);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:11px;font-weight:500;overflow:hidden}.ios-dock-wrapper{margin-bottom:10px;padding:20px}.ios-dock{-webkit-backdrop-filter:blur(30px);background:#ffffff4d;border:1px solid #fff6;border-radius:30px;justify-content:space-around;align-items:center;height:85px;padding:0 15px;display:flex}.mobile-app-layer{background:var(--bear-cream);z-index:1000;flex-direction:column;width:100%;height:100%;animation:.4s cubic-bezier(.16,1,.3,1) iosAppOpen;display:flex;position:fixed;top:0;left:0;box-shadow:0 -10px 40px #0003}@keyframes iosAppOpen{0%{opacity:0;border-radius:50px;transform:scale(.8)translateY(100px)}to{opacity:1;border-radius:0;transform:scale(1)translateY(0)}}.app-header-mobile{border-bottom:1px solid #8b5a2b0d;justify-content:space-between;align-items:center;height:90px;padding:44px 20px 10px;display:flex}.app-content-mobile{flex:1;padding:20px;overflow-y:auto}.home-indicator{z-index:1001;background:#0003;border-radius:10px;width:120px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (width<=600px){.sidebar,.dock-container,.window{display:none!important}.login-card{gap:5px}.avatar-container{width:100px;height:100px;margin-bottom:5px}.user-name{margin:5px 0;font-size:22px}.login-footer{display:none!important}}