@font-face{font-family:Tajawal;src:url("fonts/Tajawal-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url("fonts/Tajawal-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
.snapk-front,.snapk-front *{box-sizing:border-box}.snapk-front{font-family:Tajawal,Arial,sans-serif;color:#172338;max-width:900px;margin:24px auto;padding:0 16px 28px;text-align:center;font-size:16px;line-height:1.6}.snapk-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.snapk-front a,.snapk-front button{font:inherit;cursor:pointer;border-radius:8px;padding:10px 16px;text-decoration:none;border:1px solid #d6deeb;background:#fff;color:#172338}.snapk-front button:disabled{opacity:.4;cursor:default}.snapk-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px}.snapk-preview{width:100%;max-width:360px;margin:auto;border-radius:12px;overflow:hidden;box-shadow:0 6px 26px #17233820;background:white;aspect-ratio:9/16}.snapk-preview canvas{display:block;width:100%!important;height:auto!important;max-width:100%;aspect-ratio:9/16}.snapk-front #snapk-status{margin:16px 0;min-height:26px}.snapk-front #snapk-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.snapk-front [hidden]{display:none!important}.snapk-front .snapk-primary{background:#2271b1;color:white;border-color:#2271b1}.snapk-help{font-size:13px;color:#62728a;max-width:500px;margin:16px auto}.snapk-link{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.snapk-link input{width:260px;max-width:100%;min-width:0;direction:ltr;padding:10px;border:1px solid #d6deeb;border-radius:8px}.snapk-front #snapk-copy{white-space:nowrap}@media(max-width:480px){.snapk-front{margin:16px auto;padding:0 12px 24px}.snapk-preview{max-width:320px}.snapk-front a,.snapk-front button{padding:9px 12px}.snapk-link label{flex-basis:100%}.snapk-link input{flex:1;width:0}.snapk-navigation{gap:12px}}

.snapk-bottom-navigation{margin-top:24px;margin-bottom:0}
.snapk-view-switch{display:flex;justify-content:center;margin-bottom:18px}.snapk-view-button{display:inline-flex;align-items:center;justify-content:center;background:#2271b1!important;color:#fff!important;border-color:#2271b1!important;font-weight:700!important;min-width:170px}
.snapk-categories .snapk-view-button{margin-inline:4px}.snapk-today-preview{width:100%;max-width:420px;margin:10px auto 18px;aspect-ratio:9/16;overflow:hidden;border-radius:18px;box-shadow:0 8px 24px #17233818;background:#fff}.snapk-today-preview canvas{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:9/16}.snapk-today-actions{display:flex;justify-content:center;gap:10px;margin:12px auto}.snapk-today-actions a,.snapk-today-actions button{background:#2271b1;color:#fff}.snapk-today-template-picker{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px auto 14px}.snapk-today-template-picker>span{flex-basis:100%;font-weight:700;color:#34485a}.snapk-today-template-picker .snapk-today-template{border-radius:999px;padding:8px 16px;background:#fff;border:1px solid #cbd6e2;color:#34485a}.snapk-today-template-picker .snapk-today-template.is-selected{background:#173e62;border-color:#173e62;color:#fff;box-shadow:0 3px 10px #173e6228}.snapk-today-template:focus-visible{outline:3px solid #e7a35d;outline-offset:2px}

.snapk-home-shortcut{margin:28px auto 0;max-width:460px}.snapk-home-shortcut p{font-size:15px;line-height:1.9;color:#46586a}.snapk-home-shortcut button:focus-visible{outline:3px solid #168b80;outline-offset:3px}