:root{--bg:#f5f9ff;--card:#fff;--text:#1a237e;--muted:#546e7a;--light:#e1bee7;--border:#f3e5f5;--gold:#ffb300;--purple:#7b1fa2;--dark-purple:#4a0072}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;min-height:100vh;min-height:-webkit-fill-available;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{color:var(--purple)}
.container{max-width:1000px;margin:0 auto;padding:20px}
.header{border-bottom:1px solid var(--border);padding:50px 0 20px;text-align:center}
.site-title{color:var(--dark-purple);font-size:clamp(2rem,5vw,2.8rem);font-weight:400;letter-spacing:-.5px;margin-bottom:8px}
.site-subtitle{color:#7e57c2;font-size:clamp(.9rem,2vw,1.1rem);font-weight:400;margin-bottom:25px}
.live-indicator{align-items:center;animation:pulse-purple 2s infinite;background:linear-gradient(135deg,#7b1fa2,#4a0072);border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:40px;padding:8px 20px;text-align:center}
.live-dot{animation:pulse-glow 1.5s infinite;background:#ffeb3b;border-radius:50%;height:8px;width:8px}
@keyframes pulse-purple{0%,100%{box-shadow:0 4px 15px rgba(123,31,162,.3)}50%{box-shadow:0 4px 20px rgba(123,31,162,.6)}}
@keyframes pulse-glow{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}
.jt-menu-btn{background:none;border:0;color:var(--dark-purple);cursor:pointer;font-size:1.8rem;outline:none;-webkit-tap-highlight-color:transparent;position:fixed;right:max(18px,env(safe-area-inset-right,18px));top:max(18px,env(safe-area-inset-top,18px));z-index:1100}
.jt-menu-btn:focus,.jt-menu-btn:focus-visible{box-shadow:none;outline:none}
.jt-menu-btn span{display:none}.jt-menu-btn .jt-icon-burger,.jt-menu-btn.active .jt-icon-close{display:inline}.jt-menu-btn.active .jt-icon-burger{display:none}
.jt-menu{--jt-menu-edge:max(40px,env(safe-area-inset-top,0px),env(safe-area-inset-bottom,0px));align-items:center;background:var(--bg);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:-webkit-fill-available;height:100dvh;justify-content:center;left:0;overflow-y:auto;padding:var(--jt-menu-edge) 20px;position:fixed;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:100vw;z-index:1000}
.jt-menu.active{transform:translateX(0)}.jt-menu a{color:var(--dark-purple);font-size:1.4rem;font-weight:500;margin:15px 0;text-decoration:none}.menu-open{overflow:hidden}
.intro{color:var(--muted);font-size:1.08rem;margin:34px auto;max-width:860px;text-align:center}
.section-title{color:var(--dark-purple);font-size:clamp(1.55rem,4vw,1.9rem);font-weight:500;margin:44px 0 24px;padding-bottom:12px;position:relative;text-align:center}
.section-title::after{background:linear-gradient(90deg,var(--purple),#ff9800);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:88px}
.section-heading{border-bottom:2px solid var(--light);color:var(--dark-purple);font-size:clamp(1.25rem,3vw,1.55rem);font-weight:500;margin:36px 0 18px;padding-bottom:10px}
.guide-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:20px 0}
.guide-card,.verse-card,.notice,.practice-box{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px rgba(74,0,114,.08)}
.guide-card{border-top:4px solid var(--purple);padding:20px}
.guide-card h3{color:var(--dark-purple);font-size:1.12rem;margin-bottom:8px}.guide-card p{color:var(--muted)}
.guide-card ul,.content-list{color:var(--muted);margin:12px 0 0;padding-left:22px}.guide-card li,.content-list li{margin-bottom:8px}
.guide-card a,.source-link{font-weight:600;text-decoration:none}.guide-card a:hover,.source-link:hover{text-decoration:underline}
.verse-card{margin:20px 0;overflow:hidden;padding:0}.verse-head{align-items:center;background:linear-gradient(135deg,#f3e5f5,#fff3e0);display:flex;gap:14px;justify-content:space-between;padding:16px 20px}.verse-head h2,.verse-head h3{color:var(--dark-purple);font-size:1.18rem}.verse-number{background:var(--dark-purple);border-radius:999px;color:#fff;font-size:.85rem;font-weight:700;padding:5px 10px;white-space:nowrap}
.verse-body{padding:20px}.transliteration{color:var(--dark-purple);font-family:Georgia,serif;font-size:1.08rem;line-height:1.75;white-space:pre-line}.meaning{color:var(--muted);margin-top:15px}.practice-box{border-left:5px solid var(--gold);color:var(--muted);margin-top:16px;padding:15px 18px}.practice-box strong{color:var(--dark-purple)}
.notice{border-left:5px solid var(--purple);color:var(--muted);margin:24px 0;padding:18px 20px}.notice strong{color:var(--dark-purple)}
.path-steps{counter-reset:path;list-style:none;margin:14px 0;padding:0}.path-steps li{border-left:2px solid var(--light);color:var(--muted);margin-left:14px;padding:0 0 18px 28px;position:relative}.path-steps li::before{align-items:center;background:var(--purple);border-radius:50%;color:#fff;content:counter(path);counter-increment:path;display:flex;font-size:.78rem;font-weight:700;height:28px;justify-content:center;left:-15px;position:absolute;top:0;width:28px}.path-steps a{font-weight:700;text-decoration:none}
.daily-verse{min-height:360px}.daily-date{color:#7e57c2;font-weight:600;margin-bottom:12px}.daily-original{color:var(--dark-purple);font-family:Georgia,serif;font-size:1.12rem;line-height:1.75;margin-bottom:16px;white-space:pre-line}.daily-meaning,.daily-reflection{color:var(--muted);margin-top:14px}.daily-label{color:var(--purple);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.footer{background:linear-gradient(to bottom,transparent,rgba(243,229,245,.3));border-top:1px solid var(--border);color:#7e57c2;margin-top:70px;padding:50px 0 30px;text-align:center}.footer-text{font-size:.95rem;margin-bottom:15px}.footer-links{border-top:1px solid rgba(126,87,194,.2);margin-top:20px;padding-top:20px}.footer-links a{color:#7e57c2;font-size:.9rem;margin:0 10px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--purple);text-decoration:underline}.footer-separator{color:#b39ddb;margin:0 5px}
@media(max-width:768px){.container{padding:15px}.verse-head{align-items:flex-start;flex-direction:column}.guide-grid{grid-template-columns:1fr}.footer-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.footer-links a{display:inline-block;margin:5px}.footer-separator{display:none}}
@media(max-width:480px){.footer-links{align-items:center;flex-direction:column;gap:8px}.footer-links a{margin:3px 0}}
@media(max-height:950px){.jt-menu a{font-size:1.15rem;margin:7px 0}}
@media(max-height:600px){.jt-menu{--jt-menu-edge:max(24px,env(safe-area-inset-top,0px),env(safe-area-inset-bottom,0px))}.jt-menu a{font-size:1rem;margin:4px 0}}
@media(max-height:420px){.jt-menu{--jt-menu-edge:max(16px,env(safe-area-inset-top,0px),env(safe-area-inset-bottom,0px))}.jt-menu a{font-size:.85rem;margin:2px 0}}
@media(max-height:340px){.jt-menu a{font-size:.72rem;margin:1px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}