@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500&family=Noto+Sans+JP&family=Noto+Serif:wght@400;500;600&display=swap");*,html{color-scheme:light!important}html{forced-color-adjust:none!important}:root{--foreground-rgb:51,41,32;--background-rgb:245,243,237;--card-bg-rgb:252,251,247;--accent-color:167,137,82;--secondary-accent:133,77,14;--border-color:226,219,203;--hover-transition:0.3s cubic-bezier(0.4,0,0.2,1)}body{background:rgb(var(--background-rgb))!important;background-image:linear-gradient(rgba(167,137,82,.03) 1px,transparent 0),linear-gradient(90deg,rgba(167,137,82,.03) 1px,transparent 0)!important;background-size:40px 40px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;min-height:100vh;padding:0;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,a,body{color:rgb(var(--foreground-rgb))!important}a{font-weight:500;text-decoration:none;transition:color var(--hover-transition)}.app-title{position:relative;transition:transform var(--hover-transition);max-width:100%;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:inline-block}.app-title:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:rgb(var(--accent-color))!important;transition:width var(--hover-transition)}.app-title:hover{transform:scale(1.05)}.app-title:hover:after{width:100%}.rtl{direction:rtl;font-family:"Noto Serif",serif;color:rgb(var(--foreground-rgb))!important}.ltr{direction:ltr}.font-japanese{font-family:Noto Sans JP,sans-serif}.font-serif{font-family:EB Garamond,"Noto Serif",serif}.font-sans{font-family:Inter,sans-serif;font-weight:300}.get-reading-text{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.text-phonetic{font-family:Inter,sans-serif;font-weight:300;font-size:.85rem;color:rgba(var(--foreground-rgb),.7)!important;letter-spacing:.5px}.heading-main{font-family:EB Garamond,serif;font-weight:500;font-size:2.75rem!important;letter-spacing:-.02em;margin-bottom:2.5rem!important;padding:1.25rem 0;text-align:center;color:rgb(var(--foreground-rgb))!important;border-bottom:2px solid rgba(var(--accent-color),.3)!important;position:relative}.heading-main:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:80px;height:2px;background-color:rgb(var(--accent-color))!important}.tag{font-family:Inter,sans-serif;font-weight:400;font-size:.65rem;background-color:rgba(var(--accent-color),.1)!important;border:1px solid rgba(var(--accent-color),.2)!important;border-radius:999px;padding:.2rem .6rem;color:rgb(var(--secondary-accent))!important;transition:all var(--hover-transition)}.tag:hover{background-color:rgba(var(--accent-color),.15)!important;transform:translateY(-1px)}.verse-container{background-color:rgb(var(--card-bg-rgb))!important;box-shadow:0 10px 30px rgba(0,0,0,.05),0 1px 5px rgba(0,0,0,.02),0 0 1px rgba(var(--accent-color),.1)!important;border:1px solid rgba(var(--border-color),.8)!important;border-radius:16px;overflow:hidden;transition:transform var(--hover-transition),box-shadow var(--hover-transition),border-color var(--hover-transition);position:relative}.verse-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,rgba(var(--accent-color),.7),rgba(var(--secondary-accent),.7))!important;opacity:0;transition:opacity var(--hover-transition)}.verse-container:hover{box-shadow:0 16px 40px rgba(0,0,0,.08),0 2px 10px rgba(0,0,0,.04),0 0 2px rgba(var(--accent-color),.2)!important;transform:translateY(-5px);border-color:rgba(var(--accent-color),.3)!important}.verse-container:hover:before{opacity:1}.explanation-container{background-color:rgb(var(--card-bg-rgb))!important;box-shadow:0 10px 30px rgba(0,0,0,.05),0 1px 5px rgba(0,0,0,.02),0 0 1px rgba(var(--accent-color),.1)!important;border:1px solid rgba(var(--border-color),.8)!important;border-radius:16px;overflow:hidden;transition:transform var(--hover-transition),box-shadow var(--hover-transition),border-color var(--hover-transition);position:relative}.explanation-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,rgba(var(--secondary-accent),.7),rgba(var(--accent-color),.7))!important;opacity:0;transition:opacity var(--hover-transition)}.explanation-container:hover{box-shadow:0 16px 40px rgba(0,0,0,.08),0 2px 10px rgba(0,0,0,.04),0 0 2px rgba(var(--accent-color),.2)!important;transform:translateY(-5px);border-color:rgba(var(--accent-color),.3)!important}.explanation-container:hover:before{opacity:1}.explanation-content{padding:2.75rem!important;line-height:1.7}.nav-button{background-color:transparent!important;color:rgb(var(--foreground-rgb))!important;transition:all var(--hover-transition);padding:.6rem 1rem!important;border-radius:8px;border:1px solid transparent!important}.nav-button:hover{background-color:rgba(var(--accent-color),.08)!important;border-color:rgba(var(--accent-color),.15)!important}.page-container{max-width:900px;margin:0 auto;padding:3rem 1.5rem}.language-selector{background-color:rgba(var(--card-bg-rgb),.8)!important;border:1px solid rgba(var(--border-color),.7)!important;border-radius:8px;padding:.35rem .7rem;font-size:.75rem;color:rgb(var(--foreground-rgb))!important;outline:none;transition:all var(--hover-transition)}.language-selector:hover{border-color:rgba(var(--accent-color),.5)!important;background-color:rgb(var(--card-bg-rgb))!important}.footer{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;margin-top:3rem;border-top:1px solid rgba(var(--border-color),.7)!important;width:100%}.footer-center{text-align:center;font-size:.8rem;opacity:.8;padding:0 1rem;letter-spacing:.02em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(var(--background-rgb),.5)!important}::-webkit-scrollbar-thumb{background:rgba(var(--accent-color),.3)!important;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-color),.5)!important}header h1{font-size:2.75rem!important;color:rgb(var(--foreground-rgb))!important;margin:0 auto!important;padding:1rem 2rem!important;text-align:center!important;display:block!important;border-radius:8px!important;width:100%!important;font-family:EB Garamond,serif!important;font-weight:600!important;letter-spacing:-.01em!important}header .container{display:flex;justify-content:center!important;align-items:center!important}.explanation-container .border-b{text-align:center!important;border:none!important;border-bottom:2px solid rgba(var(--accent-color),.25)!important;padding:0!important;margin-bottom:25px!important;position:relative!important}.explanation-container .border-b:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60px;height:2px;background-color:rgb(var(--accent-color))!important}.explanation-container h2{font-family:EB Garamond,serif!important;font-weight:500!important;font-size:2.5rem!important;letter-spacing:-.02em!important;margin-bottom:1.25rem!important;padding:1rem 0!important;text-align:center!important;color:rgb(var(--foreground-rgb))!important}.main-description{align-items:flex-start;margin:auto 5%}.verse-container .border-b{text-align:center!important;border:none!important;border-bottom:2px solid rgba(var(--accent-color),.25)!important;padding:0!important;margin-bottom:25px!important;position:relative!important}.verse-container .border-b:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60px;height:2px;background-color:rgb(var(--accent-color))!important}.verse-container h2{font-family:EB Garamond,serif!important;font-weight:500!important;font-size:2.5rem!important;letter-spacing:-.02em!important;margin-bottom:1.25rem!important;padding:1rem 0!important;text-align:center!important;color:rgb(var(--foreground-rgb))!important}.card-stack-section{margin-top:72px;margin-bottom:108px}.envelope-texture{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='rgba(0,0,0,.03)' fill-rule='evenodd'/%3E%3C/svg%3E")}.about-container{margin:auto}.about-container,.about-container-section{display:flex;flex-direction:row;gap:32px;align-items:flex-start}.about-container-section{margin-left:10%;margin-right:10%}.about-container-item{display:flex;margin:auto;align-items:flex-start}.about-page-section{display:flex;flex-direction:row;gap:32px;align-items:flex-start;margin-left:10%;margin-right:10%}.about-page-item{align-items:flex-start;margin:auto 5%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}@media (max-width:768px){.page-container{padding:2rem 1rem}header h1{font-size:2rem!important;padding:.75rem .5rem!important;word-break:break-word}.app-title{font-size:1.8rem!important;line-height:1.2;white-space:normal}.heading-main{font-size:2.25rem!important;margin-bottom:2rem!important}.explanation-content{padding:2rem!important}.get-reading-text{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.about-page-section{flex-direction:column;gap:24px;margin-left:2%;margin-right:2%}.about-container{flex-direction:column;width:92%;gap:24px}}.text-center{text-align:center!important}@font-face{font-family:Persian old;src:url(/_next/static/media/persian-old.96e5dc9a.TTF) format("truetype");font-weight:400;font-style:normal;font-size:.7rem}