اضغط للفتح 🔓

⚙️
📷
📘
📞
🖼️
🛒

هنا محتوى التطبيق 👇

.app-window .controls{display:flex; gap:8px} .btn{padding:8px 10px; background:var(--muted); color:white; border-radius:10px; cursor:pointer; font-size:13px} .btn.close{background:#ef4444} .btn.small{padding:6px 8px; font-size:12px} /* Notification */ .notif-wrap{position:absolute; top:64px; left:50%; transform:translateX(-50%); z-index:45; width:86%; display:flex; flex-direction:column; gap:8px; pointer-events:none} .notif{background:var(--accent); color:white; padding:10px 12px; border-radius:12px; display:flex; gap:10px; align-items:center; box-shadow:0 20px 40px rgba(24,119,242,0.18); cursor:pointer; pointer-events:auto} .notif .icon{width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:rgba(255,255,255,0.12)} /* Notification center */ .notif-center{position:absolute; top:56px; right:8px; width:260px; max-height:420px; overflow:auto; background:#fff; border-radius:12px; box-shadow:0 20px 40px rgba(2,6,23,0.12); padding:10px; display:none; z-index:50} .notif-center h4{margin:6px 0 10px; font-size:14px} /* Settings content */ .settings-list{display:flex; flex-direction:column; gap:12px} .setting{display:flex; justify-content:space-between; align-items:center; background:#f7f9fc; padding:10px; border-radius:10px} .toggle{width:46px; height:26px; background:#d1d5db; border-radius:20px; position:relative; cursor:pointer} .toggle .dot{width:20px; height:20px; background:white; border-radius:50%; position:absolute; top:3px; left:3px; transition:left .18s ease} .toggle.on{background:var(--accent)} .toggle.on .dot{left:23px} /* content areas */ .content-area{flex:1; overflow:auto; padding:10px} /* messages */ .chat{display:flex; flex-direction:column; gap:10px} .bubble{max-width:76%; padding:10px 12px; border-radius:12px} .bubble.me{align-self:flex-end; background:#dcfce7} .bubble.them{align-self:flex-start; background:#f1f5f9} .msg-input{display:flex; gap:8px; padding:8px; border-top:1px solid #eee} .msg-input input{flex:1; padding:10px; border-radius:10px; border:1px solid #e6eef4} /* gallery */ .gallery-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:8px} .gallery-item{width:100%; padding-top:100%; position:relative; border-radius:8px; overflow:hidden; background:linear-gradient(180deg,#ffd5d5,#ffd9b5)} .gallery-item img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover} /* browser iframe */ .browser-frame{width:100%; height:100%; border:0; border-radius:8px} /* small helpers */ .row{display:flex; gap:8px; align-items:center} .hidden{display:none} /* recent apps (multitask) */ .recents{position:absolute; left:12px; right:12px; bottom:100px; display:none; gap:8px; flex-direction:row; justify-content:center; z-index:48} .recent-card{background:#fff; padding:8px 10px; border-radius:12px; box-shadow:0 12px 30px rgba(2,6,23,0.12); min-width:120px; text-align:center; cursor:pointer} /* small screen notes */ @media(max-width:420px){ .frame{transform:scale(.9)} }
12:34
🔋 86%
12:34
7 ديسمبر 2025

الإشعارات

🌐
📞
💬