:root{--bg: #f3efe6;--surface: #fffdf8;--text: #1c1915;--text-muted: #5c564c;--border: #ddd4c6;--primary: #1f5c4d;--primary-contrast: #fffdf8;--danger: #8f2d2d;--success: #2f6b3a;--radius: 1rem;--shadow: 0 .75rem 1.75rem rgba(28, 25, 21, .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--touch: 3rem;--header-h: 3.5rem;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100vh;min-height:100dvh}html{background:var(--bg);overflow-x:hidden}body{margin:0;overflow-x:hidden;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.45;background:var(--bg)}button,input,textarea{font:inherit}a{color:var(--primary)}:focus-visible{outline:3px solid rgba(31,92,77,.45);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-left:var(--safe-left);padding-right:var(--safe-right)}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-h);padding:calc(var(--safe-top) + var(--space-3)) var(--space-4) var(--space-3);background:var(--surface);border-bottom:1px solid var(--border)}.app-header__mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--primary);color:var(--primary-contrast);font-family:Georgia,Times New Roman,serif;font-size:.85rem;letter-spacing:.02em}.app-header__title{margin:0;font-size:1.05rem;font-weight:650}.app-header__action{margin-left:auto}.app-main{flex:1;width:100%;max-width:28rem;margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--safe-bottom) + var(--space-8))}@media(min-width:768px){.app-main{max-width:36rem;padding-top:var(--space-8)}}@media(min-width:1024px){.app-main{max-width:40rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-6)}.card+.card{margin-top:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-weight:600}.field input,.field select{min-height:var(--touch);width:100%;padding:.75rem .9rem;border:1px solid var(--border);border-radius:.85rem;background:#fff;font-size:16px}.field-hint{margin:0;color:var(--text-muted);font-size:.92rem}.field-error{margin:0;color:var(--danger);font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:.85rem 1.1rem;border:0;border-radius:.9rem;background:var(--primary);color:var(--primary-contrast);font-weight:650;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.65}.btn--ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn--danger{background:var(--danger);color:#fffdf8}.btn--block{width:100%}.toolbar{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.pill{display:inline-flex;align-items:center;min-height:2rem;padding:.25rem .7rem;border-radius:999px;background:#ece6da;font-size:.9rem;width:fit-content}.pill--ok{background:#dcead8;color:var(--success)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.back-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);min-width:var(--touch);padding:0 .6rem;color:var(--primary);text-decoration:none;font-weight:650}.choice{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch)}fieldset.field{border:1px solid var(--border);border-radius:.85rem;padding:var(--space-3)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:end center;padding:var(--space-4);padding-bottom:calc(var(--safe-bottom) + var(--space-4));background:#1c191573}.dialog{width:min(100%,28rem);background:var(--surface);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow)}.dialog__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}@media(min-width:768px){.dialog-backdrop{place-items:center}}.muted{color:var(--text-muted)}.banner{margin:0;padding:var(--space-3) var(--space-4);background:#efe3c8;color:#4a3b1f;text-align:center;font-size:.95rem}.banner--offline{padding-top:calc(var(--space-2) + var(--safe-top))}.update-bar,.install-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:.85rem}.password-row{display:flex;gap:var(--space-2)}.password-row input{flex:1}.password-row .btn{min-width:var(--touch);padding-inline:.75rem}.page-title{margin:0 0 var(--space-3);font-size:1.7rem;line-height:1.2;font-weight:650}.section-title{margin:0;font-size:1.1rem}.stack p{margin:0}.page-title,.section-title,.stack p{overflow-wrap:anywhere}.hymn-search{display:flex;flex-direction:column;gap:var(--space-4)}.hymn-search__field input{font-size:16px}.hymn-search__count{margin:0;font-weight:650}.hymn-search__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.hymn-card{display:flex;align-items:stretch;gap:var(--space-3);width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.hymn-card--selected{border-color:var(--primary)}.hymn-card__hit{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-4);min-height:3rem;padding:var(--space-3) var(--space-4);border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.hymn-card__hit--static{cursor:default}.hymn-card__number{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:.04em}.hymn-card__title{min-width:0;overflow-wrap:anywhere}.hymn-card__extra{display:flex;align-items:center;padding:var(--space-2) var(--space-3)}.hymn-card__admin{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--space-2);min-height:3rem}.hymn-card__admin .btn{min-height:2.75rem;padding:.5rem .85rem}.skeleton{height:1.1rem;border-radius:999px;background:linear-gradient(90deg,#ece6da,#f7f3ea,#ece6da)}.center-note{text-align:center}.app-shell--nav .app-main{padding-bottom:calc(var(--safe-bottom) + 5.5rem)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);padding:var(--space-2) calc(var(--space-3) + var(--safe-right)) calc(var(--safe-bottom) + var(--space-2)) calc(var(--space-3) + var(--safe-left));background:var(--surface);border-top:1px solid var(--border)}.bottom-nav__item{display:flex;align-items:center;justify-content:center;min-height:var(--touch);padding:.35rem .4rem;border-radius:.85rem;color:var(--text-muted);text-decoration:none;font-weight:650;font-size:.92rem}.bottom-nav__item.is-active{background:var(--primary);color:var(--primary-contrast)}.btn--hero{margin:var(--space-4) 0;min-height:3.5rem;font-size:1.05rem}.type-toggle{margin:0;padding:0;border:0}.type-toggle legend{font-weight:600;margin-bottom:var(--space-2)}.type-toggle__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.type-toggle__btn{min-height:var(--touch);border:1px solid var(--border);border-radius:.9rem;background:#fff;color:var(--text);font-weight:650;font-size:1rem}.type-toggle__btn.is-active{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quick-hymn__row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:end}.stepper{display:flex;flex-direction:column;gap:var(--space-2)}.stepper label{font-weight:600}.stepper__controls{display:grid;grid-template-columns:var(--touch) 1fr var(--touch);gap:var(--space-2);align-items:center}.stepper__btn,.stepper__input{min-height:var(--touch);border:1px solid var(--border);border-radius:.85rem;background:#fff;font-size:16px}.stepper__btn{font-size:1.4rem;font-weight:700}.stepper__input{text-align:center;width:100%}.field textarea{width:100%;min-height:5rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:.85rem;background:#fff;font-size:16px;font-family:inherit}.hymn-picked{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.hymn-picked__item{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.hymn-picked__body{display:flex;align-items:baseline;gap:var(--space-2);font-size:1rem}.hymn-picked__pos{font-weight:700;min-width:1.6rem}.hymn-picked__actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);margin-top:var(--space-3)}.hymn-picked__actions .btn{min-height:var(--touch);padding:.4rem .3rem;font-size:.85rem}.notes-fold,.filters-fold{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.notes-fold summary,.filters-fold summary{min-height:var(--touch);display:flex;align-items:center;font-weight:650;cursor:pointer}.filters-fold .stack{margin-top:var(--space-4)}.event-form{padding-bottom:var(--space-4)}@media(max-width:359px){.datetime-grid,.hymn-picked__actions,.quick-hymn__row{grid-template-columns:1fr}}