*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2c3e50;--secondary-color: #34495e;--accent-color: #3498db;--accent-hover: #2980b9;--text-color: #2c3e50;--text-light: #7f8c8d;--background: #f8f9fa;--card-background: #ffffff;--border-color: #e1e8ed;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}[data-theme=dark]{--primary-color: #ecf0f1;--secondary-color: #bdc3c7;--accent-color: #3498db;--accent-hover: #5dade2;--text-color: #ecf0f1;--text-light: #95a5a6;--background: #1a1a1a;--card-background: #2c2c2c;--border-color: #404040;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-color);background:var(--background);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--primary-color)}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--primary-color);border-bottom:3px solid var(--accent-color);padding-bottom:var(--spacing-sm)}h2{font-size:1.75rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--secondary-color)}h3{font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--accent-color);font-weight:600}p{font-family:var(--font-serif);font-size:1.125rem;line-height:1.8;margin-bottom:var(--spacing-md);color:var(--text-color);text-align:justify}label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--secondary-color);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}input[type=text],input[type=number]{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-family:var(--font-family);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-background);color:var(--text-color);transition:all .3s ease,background-color .3s ease,border-color .3s ease;margin-bottom:var(--spacing-md)}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db1a}input[type=text]::placeholder,input[type=number]::placeholder{color:var(--text-light);opacity:.7}button{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:600;font-family:var(--font-family);color:#fff;background:var(--accent-color);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px}button:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{background:var(--text-light);cursor:not-allowed;opacity:.6;transform:none}app-root{display:block;max-width:900px;margin:0 auto;padding:var(--spacing-lg);position:relative}.header-controls{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.theme-toggle{padding:var(--spacing-sm);width:50px;height:50px;border-radius:50%;background:var(--card-background);border:2px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow-sm)}.theme-toggle:hover{background:var(--accent-color);border-color:var(--accent-color);transform:rotate(20deg) scale(1.1);box-shadow:var(--shadow-md)}.theme-toggle .icon{font-size:1.5rem;line-height:1;transition:transform .3s ease}.theme-toggle:hover .icon{transform:scale(1.2)}app-chapter{display:block;background:var(--card-background);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}app-verse{display:block;margin-bottom:var(--spacing-sm)}app-root>label:first-of-type{margin-top:var(--spacing-lg)}app-root>input,app-root>label,app-root>button{max-width:100%}app-verse h2{font-size:1.5rem;color:var(--accent-color);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);padding-left:var(--spacing-sm);border-left:4px solid var(--accent-color)}app-verse h3{font-size:1.15rem;color:var(--secondary-color);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-style:italic}app-verse p{padding-left:var(--spacing-md);position:relative}app-verse p:before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;background:var(--accent-color);border-radius:50%;opacity:.5}@media(max-width:768px){:root{--spacing-xl: 2rem;--spacing-lg: 1.5rem}app-root{padding:var(--spacing-md)}app-chapter{padding:var(--spacing-lg)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}p{font-size:1rem;text-align:left}}@media(max-width:480px){app-root{padding:var(--spacing-sm)}app-chapter{padding:var(--spacing-md);border-radius:var(--radius-md)}h1{font-size:1.75rem}button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}app-chapter{animation:fadeIn .5s ease-out}app-verse{animation:fadeIn .3s ease-out;animation-fill-mode:both}app-verse:nth-child(1){animation-delay:.05s}app-verse:nth-child(2){animation-delay:.1s}app-verse:nth-child(3){animation-delay:.15s}app-verse:nth-child(4){animation-delay:.2s}app-verse:nth-child(5){animation-delay:.25s}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}@media print{body{background:#fff}app-root>label,app-root>input,app-root>button{display:none}app-chapter{box-shadow:none;border:none;padding:0}app-verse p:before{display:none}}