:root{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-accent:#2a2a2a;--text-primary:#fff;--text-secondary:#e0e0e0;--accent-color:#4caf50;--accent-hover:#45a049;--danger-color:#e53935;--danger-hover:#d32f2f;--btn-radius:12px;--card-radius:24px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:Outfit,sans-serif}h1{font-size:2.2rem}h2{font-size:1.8rem}button{border-radius:var(--btn-radius);cursor:pointer;border:none;padding:1rem 2rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;transition:all .2s ease-in-out}button:active{transform:scale(.98)}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 6px #4caf5033}.btn-primary:hover{background-color:var(--accent-hover)}.btn-danger{background-color:var(--danger-color);color:#fff;box-shadow:0 4px 6px #e5393533}.btn-danger:hover{background-color:var(--danger-hover)}.app-container{background-color:var(--bg-secondary);flex-direction:column;min-width:360px;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.phone-wallpaper{background:linear-gradient(135deg,#1f4037 0%,#99f2c8 100%);border-radius:20px;flex-direction:column;flex:1;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.notification{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--text-primary);background:#1e1e1ed9;border:1px solid #ffffff14;border-radius:18px;align-self:center;width:100%;max-width:400px;margin-top:10px;padding:16px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideDownFade;box-shadow:0 8px 32px #0006}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-header{color:#999;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;font-size:.8rem;font-weight:500;display:flex}.notification-body{color:var(--text-primary);font-size:1rem;font-weight:400;line-height:1.5}@media (width>=481px){body{background-color:#080808;justify-content:center;align-items:center;min-height:100vh;padding:2rem 0;display:flex}.app-container{aspect-ratio:9/19.5;border:14px solid #111;border-radius:40px;height:92vh;min-height:800px;max-height:900px;position:relative;box-shadow:0 0 50px #ffffff0d}.app-container:before{content:"";z-index:9999;background-color:#030303;border-radius:50%;width:22px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 3px #ffffff26,0 0 0 2px #0a0a0a}}.screen{flex-direction:column;flex:1;padding:2rem 1.5rem;display:flex;overflow-y:auto}input{border:2px solid var(--bg-accent);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:12px;margin-bottom:1rem;padding:1.2rem;font-family:Inter,sans-serif;font-size:1.2rem;transition:border-color .2s}input:focus{border-color:var(--accent-color);outline:none}