*{box-sizing:border-box}html{font-size:16px}body{color:#2f2924;background:#f7f3ec;min-width:320px;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}main{width:100%;max-width:720px;margin:0 auto;padding:32px 20px 80px}h1{margin:0 0 16px;font-size:2rem;line-height:1.3}p{color:#625a52;margin:0 0 24px;line-height:1.8}button{color:#fff;background:#7b4b37;border:0;border-radius:12px;width:100%;min-height:52px;padding:12px 20px;font-weight:700}button:hover{opacity:.92}@media (width>=768px){main{padding-top:48px}button{width:auto;min-width:220px}}section{background:#fff;border:1px solid #e2d8cd;border-radius:16px;margin-top:32px;padding:24px 20px;box-shadow:0 6px 20px #2f29240f}h2{margin:0 0 24px;font-size:1.35rem;line-height:1.4}label{margin-bottom:8px;font-weight:700;line-height:1.5;display:block}input,select,textarea{color:#2f2924;background:#fff;border:1px solid #cfc3b8;border-radius:10px;outline:none;width:100%;min-height:48px;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:#7b4b37;box-shadow:0 0 0 3px #7b4b371f}input::placeholder,textarea::placeholder{color:#9a9086}@media (width<=767px){main{padding:24px 16px 80px}h1{font-size:1.75rem}section{margin-top:24px;padding:20px 16px}}section label{margin-top:20px}section h2+label{margin-top:0}.scripture-item{border-bottom:1px solid #e8ddd2;margin-bottom:24px;padding-bottom:24px}.scripture-item:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.scripture-remove-button{background:#b56b52;width:auto;min-width:170px;margin-top:14px}.scripture-add-button{background:#7b4b37;width:auto;min-width:180px;margin-top:24px}.scripture-remove-button:hover,.scripture-add-button:hover{opacity:.92}@media (width<=767px){.scripture-remove-button,.scripture-add-button{width:100%}.scripture-remove-button{margin-top:14px}.scripture-add-button{margin-top:20px}}.note-item{border-bottom:1px solid #e8ddd2;margin-bottom:24px;padding-bottom:24px}.note-item:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.note-remove-button{background:#b56b52;width:auto;min-width:170px;margin-top:14px}.note-add-button{background:#7b4b37;width:auto;min-width:180px;margin-top:24px}.note-remove-button:hover,.note-add-button:hover{opacity:.92}@media (width<=767px){.note-remove-button,.note-add-button{width:100%}.note-remove-button{margin-top:14px}.note-add-button{margin-top:20px}}.preview-box{background:#f8f4ef;border:1px solid #e2d8cd;border-radius:12px;margin-top:24px;padding:20px}.preview-box pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#2f2924;margin:0;font-family:inherit;font-size:.95rem;line-height:1.8}.output-actions{flex-wrap:wrap;gap:12px;display:flex}.preview-toggle-button{color:#7b4b37;background:#fff;border:1px solid #7b4b37;width:auto;min-width:180px}.preview-toggle-button:hover{opacity:1;background:#f5ede8}.copy-output-button{color:#fff;background:#7b4b37;border:1px solid #7b4b37;width:auto;min-width:180px}.copy-output-button:hover{opacity:.92}@media (width<=767px){.output-actions{flex-direction:column}.preview-toggle-button,.copy-output-button{width:100%}}.social-footer{text-align:center;border-top:1px solid #e2d8cd;margin-top:48px;padding-top:28px}.social-footer-title{color:#625a52;margin:0 0 16px;font-size:.95rem;font-weight:700}.social-links{justify-content:center;gap:12px;display:flex}.social-link-button{color:#7b4b37;background:0 0;border:1px solid #7b4b37;border-radius:10px;justify-content:center;align-items:center;min-width:140px;min-height:46px;padding:10px 20px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.social-link-button:hover{color:#fff;background:#7b4b37}@media (width<=767px){.social-footer{margin-top:40px}.social-links{flex-direction:column}.social-link-button{width:100%}}