/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-w-0{min-width:0}.flex-1{flex:1}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.text-right{text-align:right}}@font-face{font-family:Vazirmatn;src:local(Vazirmatn);font-display:swap}:root{--theme:150, 18, 52}*{box-sizing:border-box}html{direction:rtl;background:#080609}body{min-width:320px;margin:0;font-family:Vazirmatn,sans-serif;line-height:1.7}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.65}input,textarea,select{color:inherit}textarea{resize:vertical;min-height:94px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ff9aac}.app{min-height:100dvh;padding-bottom:calc(94px + env(safe-area-inset-bottom));color:#fff8fa;background:radial-gradient(ellipse 85% 45% at 100% 0,rgb(var(--theme)) 0%,transparent 66%),radial-gradient(ellipse 75% 55% at -10% 70%,#4d0927 0%,transparent 68%),linear-gradient(145deg,#08070b,#17090f 55%,#080609);background-attachment:fixed;overflow-x:hidden}.app:before{content:"";pointer-events:none;opacity:.28;background:repeating-radial-gradient(at 95% 0,#0000 0,#0000 11px,#ff73922b 12px,#ff73922b 14px,#0000 15px,#0000 28px);position:fixed;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(145deg,#000,#0000 62%);mask-image:linear-gradient(145deg,#000,#0000 62%)}.eye{color:#fff4d8;background:radial-gradient(circle at 90% 0,#5e3b17,#0000 44%),linear-gradient(145deg,#171109,#2d2112 64%,#130f09)}.topbar{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#100a0eb0;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;height:65px;padding:0 16px;display:flex;position:relative}.topbar strong{font-size:16px;font-weight:850}.header-space,.round{width:43px;height:43px}.round{background:#ffffff16;border:1px solid #ffffff2d;border-radius:14px;place-items:center;display:grid}.round:active{transform:scale(.92)}.hero{border-bottom:1px solid #fff2;min-height:277px;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:720px;margin:auto;padding:46px 24px 31px;position:relative}.hero-content p{color:#ffcbd5;margin:0;font-family:serif;font-size:18px}.hero-content h1{margin:5px 0;font-size:39px;font-weight:900;line-height:1.3}.hero-content>span:last-child{color:#ffe0e7;font-size:14px}.hero-mark{color:#ffd7df;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff31,#aa0c3c44);border:1px solid #ffffff38;border-radius:35px;place-items:center;width:110px;height:110px;font-family:serif;font-size:66px;display:grid;position:absolute;bottom:-11px;left:25px;transform:rotate(-12deg);box-shadow:inset 1px 1px #ffffff5b,0 20px 40px #5b001f66}.content{z-index:1;width:100%;max-width:720px;margin:auto;padding:18px 16px;position:relative}.glass{-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:linear-gradient(135deg,#ffffff2a,#ffffff0c);border:1px solid #ffffff31;border-radius:22px;padding:15px;box-shadow:inset 0 1px #ffffff47,0 15px 38px #0000003d}.heading{margin:0 0 7px;font-size:16px;font-weight:850}.hint{color:#ead4da;margin:0;font-size:12px;line-height:1.9}.continue{justify-content:space-between;align-items:center;gap:10px;display:flex}.accent{color:#fff;background:linear-gradient(135deg,#ff6e89,#b80d42);border-radius:15px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-weight:850;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:inset 0 1px #fff7,0 10px 24px #ae003c55}.accent:active{transform:scale(.96)}.recording{background:linear-gradient(135deg,#e23838,#800b25);animation:1.1s infinite pulse}@keyframes pulse{50%{opacity:.5}}.quick{color:#fff8fa;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff2a,#ffffff0d);border:1px solid #ffffff2e;border-radius:21px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:116px;padding:14px;font-size:13px;font-weight:800;display:flex;box-shadow:inset 0 1px #fff4,0 12px 25px #0000002b}.quick:active{transform:scale(.96)}.quick:first-child svg{color:#ff9db1}.quick:nth-child(2) svg{color:#ffc868}.quick:nth-child(3) svg{color:#cba6ff}.quick:nth-child(4) svg{color:#77eac1}.search,.input,.add input{background:#ffffff14;border:1px solid #ffffff32;border-radius:15px;outline:0;width:100%;min-width:0;padding:12px 13px}.search{align-items:center;gap:9px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.search input::placeholder,.input::placeholder,.add input::placeholder{color:#dec5cd}.surah{align-items:center;gap:8px;padding:12px;display:flex}.pad{padding:0}.surah b,.reciter b{font-size:14px;display:block}.surah small,.reciter small{color:#e3ccd2;font-size:11px;display:block}.number{background:#ffffff21;border-radius:11px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.surah button:last-child{color:#ffc1ce}.reader-content{padding-bottom:110px}.reader-head{text-align:center}.reader-head h1{margin:3px 0 12px;font-family:serif;font-size:39px}.verse.current{background:linear-gradient(130deg,#cf154a55,#ffffff1c);border-color:#ff8fa5}.arabic{text-align:right;margin:11px 0;font-family:Traditional Arabic,serif;font-size:27px;line-height:2.25}.translation{color:#ffe8ed;border-top:1px solid #ffffff26;margin:0;padding-top:10px;font-size:13px}.player{z-index:20;left:12px;right:12px;bottom:max(15px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#190a12d9;border:1px solid #ffffff36;border-radius:21px;justify-content:center;align-items:center;gap:14px;max-width:696px;margin:auto;padding:10px;display:flex;position:fixed;box-shadow:0 12px 34px #0008}.player button:not(.play){background:0 0;align-items:center;gap:3px;font-size:12px;display:flex}.play{background:linear-gradient(145deg,#ff6d87,#ae093d);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.reciter{padding:0 14px}.reciter>button{text-align:right;align-items:center;gap:12px;width:100%;padding:14px 0;display:flex}.reciter.selected{background:linear-gradient(130deg,#a60b3a55,#ffffff13);border-color:#ff93a9}.avatar{color:#fff;border-radius:17px;flex:none;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:inset 0 1px #fff7}.rose{background:linear-gradient(145deg,#ff758d,#a3063a)}.violet{background:linear-gradient(145deg,#c18dff,#6541af)}.amber{background:linear-gradient(145deg,#ffd171,#a5671b)}.pink{background:linear-gradient(145deg,#f783b2,#a21662)}.blue{background:linear-gradient(145deg,#7dbaff,#2d61b0)}.green{background:linear-gradient(145deg,#73dfb9,#207c67)}.orange{background:linear-gradient(145deg,#ffac66,#ad5321)}.cyan{background:linear-gradient(145deg,#61d9dd,#207b8b)}.select{color:#ffdae1;background:#ffffff16;border-radius:12px;width:100%;margin:0 0 13px;padding:9px;font-size:12px;font-weight:800}.practice-text{word-spacing:5px;padding:9px 0}.good{color:#82f0ad}.bad{color:#ff7688;text-decoration:underline;text-decoration-thickness:2px}.result b{font-size:15px;display:block}.good-box{background:linear-gradient(135deg,#25945a55,#ffffff12);border-color:#62df99}.bad-box{background:linear-gradient(135deg,#ad223f66,#ffffff12);border-color:#ff7589}.setting{text-align:right;border-top:1px solid #fff2;align-items:center;gap:11px;width:100%;min-height:55px;display:flex}.setting b{display:block}.setting small{color:#e2cbd2;font-size:11px}.setting svg:last-child{margin-right:auto}.add{gap:8px;margin-top:10px;display:flex}.add .accent{flex:none}.fav,.custom-link{text-align:right;color:#fff4f6;align-items:center;gap:10px;width:100%;min-height:54px;text-decoration:none;display:flex}.fav svg:last-child,.custom-link svg:last-child{margin-right:auto}.fav svg:first-child{color:#ff9bab}.custom-link{background:#ffffff16;border:1px solid #ffffff31;border-radius:17px;margin-top:10px;padding:14px;font-size:13px;font-weight:800}.learning{overflow:hidden}.learning img{object-fit:cover;width:calc(100% + 30px);height:150px;margin:-15px -15px 12px}.bottom{z-index:20;left:9px;right:9px;bottom:max(9px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#20141bd9;border:1px solid #ffffff3b;border-radius:25px;grid-template-columns:repeat(4,1fr);max-width:702px;height:68px;margin:auto;display:grid;position:fixed;box-shadow:0 13px 35px #0007}.bottom button{color:#d6c9cd;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.bottom small{font-size:10px}.bottom button>span{border-radius:16px;place-items:center;width:39px;height:33px;transition:all .32s cubic-bezier(.2,.8,.2,1);display:grid}.bottom .active>span{color:#fff;transform:translateY(-22px)scale(1.25);box-shadow:inset 0 1px #fff7,0 9px 21px #0006}.bottom .active.rose>span{background:#d9345d}.bottom .active.violet>span{background:#8760d6}.bottom .active.amber>span{background:#cf9038}.bottom .active.green>span{background:#249d7b}.bottom .active small{color:#fff;margin-top:-12px}.notice{z-index:50;color:#fff;text-align:right;background:#582034f2;border:1px solid #fff4;border-radius:17px;justify-content:space-between;align-items:center;gap:10px;max-width:600px;margin:auto;padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:90px;left:16px;right:16px;box-shadow:0 12px 28px #0007}.notice svg{flex:none;width:17px}.overlay{z-index:40;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#010103aa;align-items:flex-end;padding:17px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.sheet{background:linear-gradient(140deg,#a61a4aab,#22181ecf 59%,#0c0a0dd9);border-radius:29px;width:100%;max-width:520px;margin:auto;padding:25px;position:relative}.sheet h2{margin:0 0 13px;font-size:25px}.sheet>button:not(.close){text-align:right;background:0 0;border-top:1px solid #fff2;align-items:center;gap:11px;width:100%;min-height:55px;font-weight:750;display:flex}.sheet>button:not(.close) svg:last-child{margin-right:auto}.close{background:0 0;width:39px;height:39px;position:absolute;top:7px;left:7px}.admin-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-message{color:#aaf3c5;margin:12px 0 0;font-size:12px}.logout{color:#ffd8df;background:#ffffff15;border-radius:15px;width:100%;min-height:46px}.image-input{width:100%;font-size:12px}@media(min-width:768px){.content{padding:28px}.bottom,.player{bottom:15px}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}