.app21-stage{position:relative;isolation:isolate;width:100%;min-height:510px;display:grid;place-items:center;padding:40px 16px 50px;overflow:clip;border-radius:32px}.app21-waves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.85;-webkit-mask-image:radial-gradient(ellipse,#000 45%,transparent 85%);mask-image:radial-gradient(ellipse,#000 45%,transparent 85%)}.app21-dashboard{width:min(100%,410px);color:#e9e1fb;background:linear-gradient(140deg,#252039,#100d1d);border:1px solid #c7b0fd40;border-radius:21px;box-shadow:inset 0 1px #eadfff22,0 32px 65px #05030d80;transform:rotate(-3deg);padding:0 20px;font-family:Inter,sans-serif}.app21-window{display:flex;gap:5px;align-items:center;height:38px;border-bottom:1px solid #c4a9f317;margin:0 -20px;padding:0 16px}.app21-window>span:not(.app21-avatar){width:5px;height:5px;border-radius:50%;background:#6a5c82}.app21-window small{color:#8c7fa2;font-size:8px;margin:auto}.app21-window .app21-avatar{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#8d72c444;font-size:8px}.app21-app-header{display:flex;align-items:center;gap:8px;padding:17px 0;font-size:11px}.app21-logo{color:#bd9fff;display:grid;place-items:center}.app21-today{margin-left:auto;color:#9485ab;font-size:9px}.app21-greeting{display:flex;flex-direction:column;gap:6px;padding:10px 0 20px}.app21-greeting small{font-size:7px;letter-spacing:.14em;color:#a18cbf}.app21-greeting strong{font:700 24px/1.2 AI Empower Urbanist,sans-serif;letter-spacing:-.025em}.app21-greeting>span{font-size:9px;color:#9c8eae}.app21-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.app21-stats>div{display:flex;flex-direction:column;padding:12px;border:1px solid #bd9aee23;background:#b096d908;border-radius:12px;gap:8px}.app21-stats span{color:#a494ba;font-size:9px}.app21-stats strong{font:700 26px/1 AI Empower Urbanist,sans-serif}.app21-stats i{font:400 8px Inter,sans-serif;color:#9c8aae}.app21-feature{display:flex;gap:9px;align-items:center;background:linear-gradient(115deg,#be9bfa,#97b7ef);color:#211536;border:1px solid #e0d0fb;border-radius:12px;padding:15px 12px;margin:3px -7px 24px;transform:rotate(2deg);box-shadow:0 9px 25px #08041150}.app21-feature>div{flex:1}.app21-feature strong{display:block;font-size:10px}.app21-feature div>span{display:block;font-size:8px;margin-top:4px;color:#4a3b61}.app21-list-title{display:flex;justify-content:space-between;font-size:10px;margin-bottom:10px}.app21-list-title>span{color:#a28abd;font-size:8px}.app21-task{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #c4b4dd13}.app21-task>span{display:grid;place-items:center;border:1px solid #bb9bea36;width:25px;height:25px;border-radius:8px;color:#bca5d9}.app21-task strong{font-size:9px;font-weight:500;display:block}.app21-task small{font-size:8px;color:#8f7fa5;display:block;margin-top:3px}.app21-task i{margin-left:auto;font-size:7px;font-style:normal;color:#b6a1cc;background:#9c72d51a;padding:4px 7px;border-radius:20px}.app21-tabbar{display:flex;justify-content:space-around;padding:15px 0;font-size:7px;color:#8d7b9f}.app21-tabbar>span{display:flex;align-items:center;gap:5px}.app21-tabbar>span:first-child{color:#c5a8f3}.app21-pause{position:absolute;right:16px;bottom:3px;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #c2a5ea24;border-radius:50%;color:#b7a3ce;background:#100b1d}.app21-stage[data-running=true] .app21-dashboard{animation:app21-float 8s ease-in-out infinite}@keyframes app21-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(-2deg)}}@media(min-width:768px){.app21-stage{min-height:600px;padding:44px 20px}}@media(prefers-reduced-motion:reduce){.app21-dashboard{animation:none!important}}