:root{--paper:#fbf8f3;--paper-deep:#f4eee7;--carmine:#c2575e;--carmine-dark:#8e343b;--gold:#b78434;--gold-soft:#d8bd88;--rose:#f8e9e8;--rose-soft:#fcf4f3;--ink:#181514;--muted:#655e59;--line:#ded4ca;--white:#fffdf9;--dark-bg:#221a19;--success:#2e7d32;--danger:#d32f2f;--font-serif:"Lora", Georgia, serif;--font-title:"Cinzel", serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 2px 8px #1815140d;--shadow-md:0 6px 20px #18151414;--shadow-lg:0 12px 36px #1815141f;--bottom-nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--paper);color:var(--ink);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100%}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.app-container{background-color:var(--paper);flex-direction:column;width:100%;max-width:768px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0000000a}.main-content{padding:16px 16px calc(var(--bottom-nav-height) + var(--safe-bottom) + 24px) 16px;flex:1}.top-header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fbf8f3f2;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.top-header-title{font-family:var(--font-title);color:var(--carmine-dark);letter-spacing:.5px;text-align:center;font-size:1.05rem;font-weight:700}.bottom-nav{width:100%;max-width:768px;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:50;background:#fffdf9fa;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.72rem;font-weight:500;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--carmine);font-weight:700}.bottom-nav-item.active .nav-icon-wrapper{background:var(--rose);color:var(--carmine)}.nav-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:36px;height:28px;transition:all .2s;display:flex}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px;transition:transform .2s,box-shadow .2s}.card-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);text-align:center;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--carmine);color:#fff}.btn-primary:hover{background-color:var(--carmine-dark)}.btn-secondary{background-color:var(--paper-deep);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background-color:var(--rose-soft);border-color:var(--gold-soft)}.btn-gold{background-color:var(--gold);color:#fff}.btn-gold:hover{background-color:#9c6c22}.btn-outline{border:1px solid var(--carmine);color:var(--carmine);background:0 0}.btn-outline:hover{background:var(--rose)}.badge{background:var(--rose);color:var(--carmine-dark);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-gold{color:var(--gold);border:1px solid var(--gold-soft);background:#fdf5e6}.form-group{margin-bottom:16px}.form-label{color:var(--ink);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);padding:12px 14px;font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:var(--carmine);box-shadow:0 0 0 3px var(--rose)}.pwa-banner{background:linear-gradient(135deg, var(--carmine-dark) 0%, var(--carmine) 100%);color:#fff;border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:16px 18px;display:flex;box-shadow:0 4px 14px #8e343b40}.pwa-banner-title{margin-bottom:2px;font-size:.92rem;font-weight:700}.pwa-banner-sub{opacity:.9;font-size:.78rem}.pwa-btn-install{color:var(--carmine-dark);white-space:nowrap;background:#fff;border-radius:20px;padding:8px 14px;font-size:.8rem;font-weight:700}.verse-box{background-color:var(--rose-soft);border-left:4px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-serif);color:var(--ink);margin:16px 0;padding:16px 18px;font-size:1.05rem;font-style:italic;line-height:1.6}.verse-ref{font-family:var(--font-sans);color:var(--gold);text-align:right;margin-top:8px;font-size:.85rem;font-style:normal;font-weight:700;display:block}.audio-player-card{background:var(--paper-deep);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-top:14px;padding:12px 16px;display:flex}.audio-btn{background:var(--carmine);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s;display:flex}.audio-btn:active{transform:scale(.92)}.audio-progress{background:var(--line);cursor:pointer;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.audio-progress-bar{background:var(--carmine);height:100%}.comment-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;padding:12px 14px}.reader-pdf-container{border:1px solid var(--line);border-radius:var(--radius-md);background:#525659;width:100%;height:80vh;overflow:hidden}.reader-pdf-iframe{border:none;width:100%;height:100%}