:root{--primary:#262626;--primary-dark:#000;--secondary:#404040;--green-btn:#10b981;--green-btn-dark:#059669;--bg-color:#209cff;--card-bg:#fff;--text-main:#0a3f6b;--text-light:#6b7280;--danger:#ef4444;--danger-dark:#dc2626}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;margin:0;padding:0}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-main);direction:rtl;background-image:linear-gradient(#68e0cf 0%,#209cff 100%);background-attachment:fixed;flex-direction:column;align-items:center;padding:0;font-family:Cairo,sans-serif;transition:all .3s;display:flex}.main-content{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1200px;padding:20px 10px;display:flex}.lang-switch{cursor:pointer;color:var(--primary);z-index:50;background:#fff;border:2px solid #0000;border-radius:20px;padding:8px 16px;font-family:Outfit,sans-serif;font-weight:700;text-decoration:none;transition:all .3s;position:absolute;top:20px;left:20px;box-shadow:0 2px 10px #0000000d}.lang-switch:hover{background:var(--bg-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:20px;margin-bottom:25px;display:flex}.app-logo{object-fit:cover;border:3px solid #fff;border-radius:50%;margin-bottom:15px;box-shadow:0 4px 10px #0000001a}h1.main-title{margin-bottom:5px;font-size:2.2rem;font-weight:800;line-height:1.2}p.short-intro{color:var(--text-light);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.tool-container{width:100%;max-width:700px;margin-bottom:40px}.input-card{background:var(--card-bg);border:1px solid #fff;border-radius:24px;flex-direction:column;transition:background-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000014}.card-header-accent{background:linear-gradient(90deg, var(--primary), var(--secondary));width:100%;height:6px}.card-body{flex-direction:column;justify-content:center;align-items:center;padding:50px 30px 40px;display:flex;position:relative}.corner-controls{z-index:10;gap:10px;display:flex;position:absolute;top:15px;left:15px}.icon-btn{color:var(--text-light);cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.icon-btn:hover{color:var(--primary);background:#0000001a;transform:scale(1.1)}.icon-btn:active{transform:scale(.9)}.time-display-wrapper{direction:ltr;justify-content:center;align-items:center;margin-bottom:15px;transition:all .3s;display:flex}.time-input{width:1.6em;color:var(--text-main);text-align:center;cursor:pointer;-moz-appearance:textfield;text-shadow:0 4px 10px #0000000d;background:0 0;border:none;border-bottom:4px dashed #0000;outline:none;margin:0;padding:0;font-family:Outfit,sans-serif;font-size:5rem;font-weight:800;transition:all .2s}.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input:hover:not([readonly]){background:#00000005;border-radius:10px}.time-input:focus:not([readonly]){border-bottom-color:var(--primary);cursor:text;background:#209cff0d;border-radius:10px 10px 0 0}.time-input[readonly]{cursor:default}.time-separator{color:var(--text-main);text-shadow:0 4px 10px #0000000d;margin:0 2px;font-family:Outfit,sans-serif;font-size:5rem;font-weight:800;line-height:1;transform:translateY(-3px)}.edit-notice{color:var(--text-light);align-items:center;gap:8px;margin-bottom:25px;font-size:.95rem;font-weight:600;display:flex}body.timer-fallback-fullscreen{background:#000!important;overflow:hidden!important}:-webkit-any(.input-card:-webkit-full-screen,.input-card:fullscreen,.input-card.is-fullscreen){background-color:#000!important;border:none!important;border-radius:0!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}:is(.input-card:fullscreen,.input-card:fullscreen,.input-card.is-fullscreen){background-color:#000!important;border:none!important;border-radius:0!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}:-webkit-any(.input-card:-webkit-full-screen.time-up,.input-card:fullscreen.time-up,.input-card.is-fullscreen.time-up){background-color:var(--danger-dark)!important}:is(.input-card:fullscreen.time-up,.input-card:fullscreen.time-up,.input-card.is-fullscreen.time-up){background-color:var(--danger-dark)!important}:-webkit-any(.input-card:-webkit-full-screen .card-body,.input-card:fullscreen .card-body,.input-card.is-fullscreen .card-body){flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important;position:static!important}:is(.input-card:fullscreen .card-body,.input-card:fullscreen .card-body,.input-card.is-fullscreen .card-body){flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important;position:static!important}:-webkit-any(.input-card:-webkit-full-screen .card-header-accent,.input-card:-webkit-full-screen .setup-section,.input-card:-webkit-full-screen .edit-notice,.input-card:fullscreen .card-header-accent,.input-card:fullscreen .setup-section,.input-card:fullscreen .edit-notice,.input-card.is-fullscreen .card-header-accent,.input-card.is-fullscreen .setup-section,.input-card.is-fullscreen .edit-notice){display:none!important}:is(.input-card:fullscreen .card-header-accent,.input-card:fullscreen .setup-section,.input-card:fullscreen .edit-notice,.input-card:fullscreen .card-header-accent,.input-card:fullscreen .setup-section,.input-card:fullscreen .edit-notice,.input-card.is-fullscreen .card-header-accent,.input-card.is-fullscreen .setup-section,.input-card.is-fullscreen .edit-notice){display:none!important}:-webkit-any(.input-card:-webkit-full-screen .time-input,.input-card:-webkit-full-screen .time-separator,.input-card:fullscreen .time-input,.input-card:fullscreen .time-separator,.input-card.is-fullscreen .time-input,.input-card.is-fullscreen .time-separator){color:#fff!important;text-shadow:0 10px 30px #00000080!important;background:0 0!important;border:none!important;font-size:16vw!important}:is(.input-card:fullscreen .time-input,.input-card:fullscreen .time-separator,.input-card:fullscreen .time-input,.input-card:fullscreen .time-separator,.input-card.is-fullscreen .time-input,.input-card.is-fullscreen .time-separator){color:#fff!important;text-shadow:0 10px 30px #00000080!important;background:0 0!important;border:none!important;font-size:16vw!important}:-webkit-any(.input-card:-webkit-full-screen .time-display-wrapper,.input-card:fullscreen .time-display-wrapper,.input-card.is-fullscreen .time-display-wrapper){margin-bottom:0!important;position:relative!important;transform:translateY(-5vh)!important}:is(.input-card:fullscreen .time-display-wrapper,.input-card:fullscreen .time-display-wrapper,.input-card.is-fullscreen .time-display-wrapper){margin-bottom:0!important;position:relative!important;transform:translateY(-5vh)!important}:-webkit-any(.input-card:-webkit-full-screen .controls-row,.input-card:fullscreen .controls-row,.input-card.is-fullscreen .controls-row){z-index:20!important;justify-content:center!important;gap:20px!important;width:100%!important;max-width:500px!important;margin:0 auto!important;padding:0 20px!important;display:flex!important;position:absolute!important;bottom:8vh!important;left:0!important;right:0!important}:is(.input-card:fullscreen .controls-row,.input-card:fullscreen .controls-row,.input-card.is-fullscreen .controls-row){z-index:20!important;justify-content:center!important;gap:20px!important;width:100%!important;max-width:500px!important;margin:0 auto!important;padding:0 20px!important;display:flex!important;position:absolute!important;bottom:8vh!important;left:0!important;right:0!important}:-webkit-any(.input-card:-webkit-full-screen .corner-controls,.input-card:fullscreen .corner-controls,.input-card.is-fullscreen .corner-controls){z-index:20!important;position:absolute!important;top:30px!important;left:30px!important;right:auto!important}:is(.input-card:fullscreen .corner-controls,.input-card:fullscreen .corner-controls,.input-card.is-fullscreen .corner-controls){z-index:20!important;position:absolute!important;top:30px!important;left:30px!important;right:auto!important}:-webkit-any(.input-card:-webkit-full-screen .icon-btn,.input-card:fullscreen .icon-btn,.input-card.is-fullscreen .icon-btn){color:#fffc!important;background:#ffffff1a!important}:is(.input-card:fullscreen .icon-btn,.input-card:fullscreen .icon-btn,.input-card.is-fullscreen .icon-btn){color:#fffc!important;background:#ffffff1a!important}:-webkit-any(.input-card:-webkit-full-screen .icon-btn:hover,.input-card:fullscreen .icon-btn:hover,.input-card.is-fullscreen .icon-btn:hover){color:#fff!important;background:#ffffff40!important}:is(.input-card:fullscreen .icon-btn:hover,.input-card:fullscreen .icon-btn:hover,.input-card.is-fullscreen .icon-btn:hover){color:#fff!important;background:#ffffff40!important}.input-card.is-fullscreen{z-index:9999!important;max-width:none!important;position:fixed!important;inset:0!important}.controls-row{z-index:5;flex-wrap:wrap;justify-content:center;gap:15px;width:100%;margin-bottom:30px;display:flex}.btn-action{background:linear-gradient(135deg, var(--green-btn) 0%, var(--green-btn-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:15px 30px;font-family:inherit;font-size:1.15rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 15px #10b9814d}.btn-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-action:active{transform:scale(.98)}.btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:15px 30px;font-family:inherit;font-size:1.15rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{background:var(--danger-dark);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-danger:active{transform:scale(.98)}.btn-stop-alarm{animation:1.5s infinite pulse-stop;color:#fff!important;background:#111827!important;box-shadow:0 4px 15px #1118274d!important}.btn-stop-alarm:hover{background:#374151!important}@keyframes pulse-stop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.setup-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:row;justify-content:center;gap:20px;width:100%;padding:20px;display:flex}.setup-group{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:300px;display:flex}.setup-label{color:var(--text-light);font-size:.95rem;font-weight:700}select.time-select{text-align:center;color:var(--text-main);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") 10px/20px no-repeat;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s}select.time-select:focus{border-color:var(--primary)}.related-tools-container{flex-direction:column;align-items:center;width:100%;max-width:1000px;margin:0 auto 40px;display:flex}.related-title{color:var(--text-main);text-align:center;width:100%;margin-bottom:20px;font-size:1.3rem;font-weight:800}.related-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;width:100%;display:grid}.related-card{background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;height:70px;padding:15px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000008}.related-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 20px #209cff1a}.related-card i{width:40px;height:40px;color:var(--primary);background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.related-card span{color:var(--text-main);text-align:right;font-size:1rem;font-weight:700;line-height:1.2}.seo-section{color:#4b5563;background:#fff;border-radius:20px;width:100%;max-width:900px;margin-top:20px;padding:40px;line-height:1.8;box-shadow:0 5px 20px #00000008}.seo-section h2{color:#0a3f6b;margin-top:0;margin-bottom:20px;font-size:1.8rem;font-weight:800}.seo-section h3{color:#0a3f6b;border-bottom:2px solid #f3f4f6;margin-top:25px;margin-bottom:12px;padding-bottom:8px;font-size:1.3rem;font-weight:700}.seo-section p{margin-bottom:15px;font-size:1.05rem}.seo-section ul,.seo-section ol{margin-bottom:20px;padding-inline-start:25px;font-size:1.05rem}.seo-section li{margin-bottom:8px}details.faq-item{background:#fdfdfd;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:12px;transition:all .3s;overflow:hidden}details.faq-item[open]{background:#fff;box-shadow:0 4px 15px #00000005}summary.faq-question{cursor:pointer;color:#0a3f6b;justify-content:space-between;align-items:center;padding:18px 20px;font-size:1.05rem;font-weight:700;list-style:none;display:flex;position:relative}summary.faq-question::-webkit-details-marker{display:none}summary.faq-question:after{content:"+";color:var(--primary);margin-right:15px;font-size:1.5rem;font-weight:300}details[open] summary.faq-question:after{content:"-";color:var(--secondary);font-weight:400}.faq-answer{color:#6b7280;border-top:1px solid #0000;padding:0 20px 20px;font-size:.95rem}footer{color:#fff;background:#1f2937;width:100%;margin-top:auto;padding:50px 5% 30px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1000px;margin:0 auto;display:grid}.footer-brand-col{flex-direction:column;align-items:flex-start;display:flex}.footer-col h4{color:#fff;margin-bottom:15px;font-size:1.1rem;font-weight:700}.footer-links a{color:#9ca3af;margin-bottom:8px;font-size:.95rem;text-decoration:none;transition:all .2s;display:block}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;color:#6b7280;border-top:1px solid #374151;margin-top:30px;padding-top:20px;font-family:Outfit,sans-serif;font-size:.85rem}@media (width<=900px){h1.main-title{font-size:2rem}.footer-grid{text-align:center;grid-template-columns:1fr;gap:35px}.footer-brand-col{align-items:center}.footer-col{flex-direction:column;align-items:center;display:flex}}@media (width<=600px){.card-body{padding:60px 15px 30px}h1.main-title{font-size:1.8rem}.time-input,.time-separator{font-size:3.5rem}.icon-btn{width:36px;height:36px;font-size:1rem}.setup-section{padding:15px}.controls-row{gap:10px;flex-wrap:nowrap!important}.btn-action,.btn-danger{flex:1;min-width:0;padding:15px 10px;font-size:1.05rem}.related-grid{grid-template-columns:1fr 1fr}.related-card{gap:8px;height:60px;padding:10px}.related-card span{font-size:.85rem}.related-card i{width:32px;height:32px;font-size:1rem}.seo-section{padding:25px}:-webkit-any(.input-card:-webkit-full-screen .time-input,.input-card:-webkit-full-screen .time-separator,.input-card:fullscreen .time-input,.input-card:fullscreen .time-separator,.input-card.is-fullscreen .time-input,.input-card.is-fullscreen .time-separator){font-size:15vw!important}:is(.input-card:fullscreen .time-input,.input-card:fullscreen .time-separator,.input-card:fullscreen .time-input,.input-card:fullscreen .time-separator,.input-card.is-fullscreen .time-input,.input-card.is-fullscreen .time-separator){font-size:15vw!important}:-webkit-any(.input-card:-webkit-full-screen .controls-row,.input-card:fullscreen .controls-row,.input-card.is-fullscreen .controls-row){bottom:max(24px, env(safe-area-inset-bottom))!important;gap:10px!important}:is(.input-card:fullscreen .controls-row,.input-card:fullscreen .controls-row,.input-card.is-fullscreen .controls-row){bottom:max(24px, env(safe-area-inset-bottom))!important;gap:10px!important}:-webkit-any(.input-card:-webkit-full-screen .corner-controls,.input-card:fullscreen .corner-controls,.input-card.is-fullscreen .corner-controls){top:max(16px, env(safe-area-inset-top))!important;left:16px!important}:is(.input-card:fullscreen .corner-controls,.input-card:fullscreen .corner-controls,.input-card.is-fullscreen .corner-controls){top:max(16px, env(safe-area-inset-top))!important;left:16px!important}}.app-logo{box-sizing:border-box;background:radial-gradient(circle at 30% 28%,#fffffffc 0%,#f8fafff7 48%,#e0e7ffe0 100%);object-fit:contain!important;border:1px solid #fffffff0!important;border-radius:50%!important;width:124px!important;height:124px!important;margin-bottom:18px!important;padding:14px!important;box-shadow:0 18px 38px #209cff2e,0 8px 20px #0f172a14,inset 0 1px #fffc!important}footer{border-top:1px solid #ffffff14;position:relative;overflow:hidden;background:#1e1b4b!important}footer:before,footer:after{display:none}.footer-grid,.footer-bottom{z-index:1;position:relative}.footer-brand-logo{box-sizing:border-box;object-fit:contain;background:radial-gradient(circle at 30% 28%,#fffffffc 0%,#f5f7fff2 54%,#e0e7ffc7 100%);border:1px solid #fff3;border-radius:50%;width:82px;height:82px;padding:11px;box-shadow:0 16px 30px #0f172a38,inset 0 1px #ffffff7a;margin-bottom:18px!important}@media (width<=768px){.app-logo{width:84px!important;height:84px!important;margin-bottom:10px!important;padding:8px!important}.footer-brand-logo{width:74px;height:74px;padding:10px}}