:root{--text-color-dark: #e5e7eb;--text-color-light: #1f2937;--text-color-sepia: #5b4636;--bg-dark-start: black;--bg-dark-end: rgb(0, 12, 18);--bg-light-start: #e0f2fe;--bg-light-end: #bae6fd;--bg-sepia-start: #f4ecd8;--bg-sepia-end: #e8d8b8;--info-text-dark: #9ca3af;--info-text-light: #4b5563;--info-text-sepia: #a1887f;--control-bg-dark: rgba(31, 41, 55, .3);--control-text-dark: #ffffff;--control-bg-light: rgba(255, 255, 255, .3);--control-text-light: #1f2937;--control-bg-sepia: rgba(212, 180, 131, .3);--control-text-sepia: #5b4636;--search-bg-dark: rgba(17, 24, 39, .95);--search-bg-light: rgba(249, 250, 251, .95);--search-bg-sepia: rgba(244, 236, 216, .95);--name-color-dark-start: #87CEEB;--name-color-dark-end: #FFFFFF;--name-color-light-start: #00008B;--name-color-light-end: #000000;--name-color-sepia-start: #A0522D;--name-color-sepia-end: #5b4636;--font-family-arabic: "Amiri", "Noto Naskh Arabic", serif}body,#app{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;height:100vh;width:100vw}.app-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:background .5s ease,color .5s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app-container.dark-theme{background:linear-gradient(to bottom,var(--bg-dark-start),var(--bg-dark-end));color:var(--text-color-dark)}.app-container.light-theme{background:linear-gradient(to bottom,var(--bg-light-start),var(--bg-light-end));color:var(--text-color-light)}.app-container.sepia-theme{background:linear-gradient(to bottom,var(--bg-sepia-start),var(--bg-sepia-end));color:var(--text-color-sepia)}.name-display{font-family:var(--font-family-arabic);font-size:clamp(3rem,12vw,7rem);font-weight:600;text-align:center;padding:20px;transition:text-shadow .5s ease}.fade-blur-enter-active{transition:opacity .7s ease,filter .7s ease,color .7s ease}.fade-blur-leave-active{transition:opacity .3s ease,filter .3s ease}.fade-blur-enter-from{opacity:0;filter:blur(15px)}.fade-blur-leave-to{opacity:0;filter:blur(5px)}.dark-theme .fade-blur-enter-from{color:var(--name-color-dark-start)}.dark-theme .fade-blur-enter-to{color:var(--name-color-dark-end)}.light-theme .fade-blur-enter-from{color:var(--name-color-light-start)}.light-theme .fade-blur-enter-to{color:var(--name-color-light-end)}.sepia-theme .fade-blur-enter-from{color:var(--name-color-sepia-start)}.sepia-theme .fade-blur-enter-to{color:var(--name-color-sepia-end)}.nav-area{position:absolute;top:0;bottom:0;width:50%;z-index:10;cursor:pointer}.nav-area.left{left:0}.nav-area.right{right:0}.controls-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:1rem;z-index:50}.control-button{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.control-button:hover{transform:scale(1.1)}.dark-theme .control-button{background-color:var(--control-bg-dark);color:var(--control-text-dark)}.light-theme .control-button{background-color:var(--control-bg-light);color:var(--control-text-light)}.sepia-theme .control-button{background-color:var(--control-bg-sepia);color:var(--control-text-sepia)}.control-button--large{width:64px;height:64px;background:#0000ff0d!important}.control-button--large:hover{transform:scale(1.42)}.dark-theme .control-button--large{color:#fff}.control-button--large svg{width:32px;height:32px}.control-button svg{width:22px;height:22px}.source-toggle{font-family:var(--font-family-arabic);font-size:1rem;padding:0 10px;width:auto;border-radius:22px}.content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100}.content-card{position:relative;width:90%;max-width:800px;height:80vh;padding:2rem 2.5rem;border-radius:16px;overflow-y:auto;box-shadow:0 10px 30px #0003}.dark-theme .content-card{background-color:var(--bg-dark-end);color:var(--text-color-dark);border:1px solid var(--control-bg-dark)}.light-theme .content-card{background-color:var(--bg-light-end);color:var(--text-color-light);border:1px solid rgba(0,0,0,.1)}.sepia-theme .content-card{background-color:var(--bg-sepia-end);color:var(--text-color-sepia);border:1px solid var(--control-text-sepia)}.content-title{font-family:var(--font-family-arabic);font-size:2.5rem;font-weight:700;margin-top:0;margin-bottom:1.5rem;text-align:center;padding-bottom:1rem;border-bottom:1px solid}.dark-theme .content-title{border-color:var(--control-bg-dark)}.light-theme .content-title{border-color:#0000001a}.sepia-theme .content-title{border-color:var(--control-text-sepia)}.content-body{font-family:var(--font-family-arabic);font-size:1.2rem;line-height:2.2;text-align:justify}.close-button{position:fixed;justify-content:center;width:40px;height:40px;bottom:1rem;right:1rem;background:none;border:none;font-size:2rem;border-radius:50%;background-color:#b8a0a043;font-weight:700;cursor:pointer;padding:.45rem;line-height:0px}.dark-theme .close-button{color:var(--text-color-dark)}.light-theme .close-button{color:var(--text-color-light)}.sepia-theme .close-button{color:var(--text-color-sepia)}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;display:flex;flex-direction:column;align-items:center;padding-top:5vh}.dark-theme .search-overlay{background-color:var(--search-bg-dark)}.light-theme .search-overlay{background-color:var(--search-bg-light)}.sepia-theme .search-overlay{background-color:var(--search-bg-sepia)}.search-container{position:relative;width:90%;max-width:500px}.search-input{width:100%;padding:1rem 1.5rem 1rem 3.5rem;font-size:1.2rem;font-family:var(--font-family-arabic);border-radius:30px;border:1px solid transparent;outline:none;box-sizing:border-box}.dark-theme .search-input{background-color:var(--control-bg-dark);color:var(--control-text-dark);border-color:#4b5563}.light-theme .search-input{background-color:var(--control-bg-light);color:var(--control-text-light);border-color:#d1d5db}.sepia-theme .search-input{background-color:var(--control-bg-sepia);color:var(--control-text-sepia);border-color:var(--control-text-sepia)}.dark-theme .search-input::placeholder{color:#9ca3af}.light-theme .search-input::placeholder{color:#6b7280}.sepia-theme .search-input::placeholder{color:#8c735e}.close-search-button{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.8rem;cursor:pointer}.dark-theme .close-search-button{color:var(--text-color-dark)}.light-theme .close-search-button{color:var(--text-color-light)}.sepia-theme .close-search-button{color:var(--text-color-sepia)}.search-results{list-style:none;padding:0;margin-top:1rem;width:90%;max-width:500px;max-height:70vh;overflow-y:auto;text-align:center}.search-results li{padding:1rem;font-family:var(--font-family-arabic);font-size:1.5rem;cursor:pointer;border-radius:12px;transition:background-color .2s}.dark-theme .search-results li:hover{background-color:var(--control-bg-dark)}.light-theme .search-results li:hover{background-color:#e5e7eb}.sepia-theme .search-results li:hover{background-color:var(--control-bg-sepia)}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}