.Toast-container{z-index:9999;position:fixed}.Toast-view{--padding-x:.75rem;--padding-top:.75rem;--padding-bottom:2.75rem;--max-height:90px;--contentHeight:calc(max(env(safe-area-inset-top,0px),var(--padding-top)) + var(--max-height) + var(--padding-bottom))}@media (min-width:1000px){.Toast-view{--padding-x:.875rem;--padding-top:.875rem;height:var(--contentHeight)}}.Toast-content{box-sizing:border-box;width:100%;max-width:560px;height:var(--contentHeight);padding:var(--padding-x);padding-top:max(env(safe-area-inset-top),var(--padding-top));padding-bottom:var(--padding-bottom);background-color:#0000;display:grid}@media (min-width:1000px){.Toast-content{max-width:400px;padding-top:var(--padding-top)}}.Toast-innerContent{max-height:var(--max-height);-webkit-backdrop-filter:saturate(5)blur(20px);backdrop-filter:saturate(5)blur(20px);background-color:#fffffff2;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}[data-theme=dark] .Toast-innerContent{background-color:#1e1e1ef2;border-color:#ffffff1a}
.NoteToast-content{height:auto}.NoteToast-content .Toast-innerContent{max-height:none}.NoteToast-body{padding:12px 14px}.NoteToast-body--colorPicker{align-items:center;gap:10px;display:flex}.NoteToast-highlighterIcon{color:var(--muted);flex-shrink:0}.NoteToast-colors{flex-direction:column;flex:1;gap:6px;display:flex}.NoteToast-colorLabel{color:var(--muted);font-size:.75rem;font-weight:600}.NoteToast-colorRow{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.NoteToast-colorRow--small{gap:4px}.NoteToast-colorDot{appearance:none;cursor:pointer;color:#fff;border:2px solid #0000;border-radius:9999px;place-items:center;width:24px;height:24px;padding:0;transition:border-color .15s,transform .15s;display:grid}.NoteToast-colorDot--sm{border-width:1.5px;width:20px;height:20px}.NoteToast-colorDot--active{border-color:var(--foreground);transform:scale(1.15)}.NoteToast-body--wordSelect{align-items:center;gap:10px;display:flex}.NoteToast-step{background-color:var(--accent);color:#fff;border-radius:9999px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:grid}.NoteToast-instruction{color:var(--accent);flex:1;font-size:.82rem;font-weight:600}.NoteToast-body--scope{align-items:center;gap:8px;display:flex}.NoteToast-scopeBtn{appearance:none;cursor:pointer;color:#fff;background-color:var(--accent);text-align:center;border:none;border-radius:10px;flex:1;padding:7px 12px;font-size:.78rem;font-weight:700;transition:opacity .15s}.NoteToast-scopeBtn:hover{opacity:.85}.NoteToast-scopeBtn--outline{border:1.5px solid var(--border);color:var(--accent);background:0 0}.NoteToast-cancelBtn{appearance:none;background:var(--border);cursor:pointer;width:28px;height:28px;color:var(--muted);border:none;border-radius:9999px;flex-shrink:0;place-items:center;padding:0;transition:color .15s,background-color .15s;display:grid}.NoteToast-body--editor{flex-direction:column;gap:10px;display:flex}.NoteToast-editorHeader{justify-content:space-between;align-items:center;display:flex}.NoteToast-verseKey{color:var(--muted);font-size:.72rem;font-weight:700}.NoteToast-wordPreview{margin:0;font-size:1.2rem;line-height:1.6}.NoteToast-textarea{border:1px solid var(--border);width:100%;color:var(--foreground);resize:none;box-sizing:border-box;background-color:#0000;border-radius:10px;min-height:48px;padding:8px 10px;font-family:inherit;font-size:.82rem;line-height:1.5;transition:border-color .15s}.NoteToast-textarea:focus{border-color:var(--accent);outline:none}.NoteToast-textarea::placeholder{color:var(--muted)}.NoteToast-saveBtn{appearance:none;cursor:pointer;color:#fff;border:none;border-radius:10px;padding:8px;font-size:.82rem;font-weight:700;transition:opacity .15s}.NoteToast-saveBtn:hover{opacity:.9}.NoteToast-body--viewer{flex-direction:column;gap:10px;display:flex}.NoteToast-noteText{color:var(--foreground);background-color:var(--card-hover,#f5f3ef);border:1px solid var(--border);border-radius:10px;margin:0;padding:8px 10px;font-size:.82rem;font-style:italic;line-height:1.5}.NoteToast-actions{gap:6px;display:flex}.NoteToast-actionBtn{appearance:none;border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:.78rem;font-weight:600;transition:background-color .15s;display:flex}.NoteToast-actionBtn:hover{background-color:var(--card-hover,#f5f3ef)}.NoteToast-actionBtn--danger{color:#ef4444;border-color:#ef444433}.NoteToast-actionBtn--danger:hover{background-color:#ef44440f}.NoteToast-confirmBar{color:var(--foreground);background:#ef44440f;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;font-weight:600;display:flex}.NoteToast-confirmYes{appearance:none;color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.7rem;font-weight:700}.NoteToast-confirmNo{appearance:none;border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600}@media (hover:hover){.NoteToast-cancelBtn:hover{color:var(--foreground);background-color:var(--muted)}.NoteToast-colorDot:hover{transform:scale(1.1)}}[data-theme=dark] .NoteToast-noteText{background-color:var(--background)}[data-theme=dark] .NoteToast-actionBtn:hover{background-color:var(--card-hover)}
.ResumeToast-content{--max-height:120px}.ResumeToast-body{align-items:center;gap:.875rem;padding:1rem;display:flex}.ResumeToast-illustration{background:var(--accent-light);width:2.75rem;height:2.75rem;color:var(--accent);-webkit-user-select:none;user-select:none;border-radius:16px;flex-shrink:0;place-items:center;display:grid}.ResumeToast-textCol{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.ResumeToast-title{color:var(--foreground);-webkit-user-select:none;user-select:none;margin:0;font-size:.9rem;font-weight:700;line-height:1.25}.ResumeToast-description{color:var(--muted);-webkit-user-select:none;user-select:none;margin:0;font-size:.78rem;font-weight:500;line-height:1.3}.ResumeToast-actions{gap:8px;margin-top:4px;display:flex}.ResumeToast-resumeBtn{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:5px 14px;font-size:.75rem;font-weight:700;transition:transform .15s}.ResumeToast-resumeBtn:active{transform:scale(.95)}.ResumeToast-noBtn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:5px 10px;font-size:.75rem;font-weight:600}.ResumeToast-noBtn:active{background:var(--border)}
.TutorialOfferToast-content{--max-height:120px}.TutorialOfferToast-body{align-items:center;gap:.875rem;padding:1rem;display:flex}.TutorialOfferToast-illustration{background:var(--accent-light);width:2.75rem;height:2.75rem;color:var(--accent);-webkit-user-select:none;user-select:none;border-radius:16px;flex-shrink:0;place-items:center;display:grid}.TutorialOfferToast-textCol{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.TutorialOfferToast-title{color:var(--foreground);-webkit-user-select:none;user-select:none;margin:0;font-size:.9rem;font-weight:700;line-height:1.25}.TutorialOfferToast-description{color:var(--muted);-webkit-user-select:none;user-select:none;margin:0;font-size:.78rem;font-weight:500;line-height:1.3}.TutorialOfferToast-actions{gap:8px;margin-top:4px;display:flex}.TutorialOfferToast-startBtn{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:5px 14px;font-size:.75rem;font-weight:700;transition:transform .15s}.TutorialOfferToast-startBtn:active{transform:scale(.95)}.TutorialOfferToast-noBtn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:5px 10px;font-size:.75rem;font-weight:600}.TutorialOfferToast-noBtn:active{background:var(--border)}
.SurahSheetToolbar{z-index:12;top:calc(max(env(safe-area-inset-top,0px),8px) + 8px);inset-inline:calc(max(env(safe-area-inset-left,0px),0px) + 1rem)calc(max(env(safe-area-inset-right,0px),0px) + 1rem);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed}.SurahSheetToolbar-group{align-items:center;gap:8px;transition:opacity .2s,transform .2s;display:flex}.SurahSheetToolbar-group--hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px)}.SurahSheetToolbar-btn{appearance:none;-webkit-backdrop-filter:blur(10px);cursor:pointer;width:34px;height:34px;color:var(--accent);pointer-events:auto;background-color:#ffffffb3;border:none;border-radius:9999px;flex:none;place-items:center;padding:0;transition:background-color .25s,color .25s,transform .15s,opacity .15s;display:grid;box-shadow:0 2px 8px #00000024}.SurahSheetToolbar-btn--onArtwork{color:#fff;background-color:#0000002e}.SurahSheetToolbar-btn:active{background-color:#ffffffeb;transform:scale(.92)}.SurahSheetToolbar-btn--onArtwork:active{background-color:#00000057}.SurahSheetToolbar-btn:disabled{opacity:.45;cursor:default}.SurahSheetToolbar-icon{stroke-width:2.5px;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.SurahSheetToolbar-btn{transition:none}.SurahSheetToolbar-btn:active{transform:none}}
