:root{color-scheme:light;--bg-1:#f6fbf8;--bg-2:#f8f3ea;--surface:#fffefb;--surface-2:#f4f9f7;--text:#1e2f34;--text-soft:#3f565d;--text-muted:#5b7077;--accent:#0f8a75;--accent-strong:#0a6b5a;--accent-warm:#f28c4f;--border:#c7d8d2;--shadow:0 14px 34px rgba(25,62,56,0.12);--shadow-soft:0 8px 18px rgba(25,62,56,0.1);--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--space-1:0.35rem;--space-2:0.6rem;--space-3:0.9rem;--space-4:1.2rem;--space-5:1.6rem;--space-6:2rem}*{box-sizing:border-box}body{margin:0;padding:2rem 1.25rem;font-family:"Source Serif 4",Iowan Old Style,Palatino Linotype,serif;color:var(--text);line-height:1.55;background:radial-gradient(circle at 8% 10%,rgba(15,138,117,.12),transparent 35%),radial-gradient(circle at 90% 5%,rgba(242,140,79,.15),transparent 42%),linear-gradient(155deg,var(--bg-1),var(--bg-2));min-height:100vh}body>header,body>main{width:min(920px,100%);margin-left:auto;margin-right:auto}body>header{margin-bottom:1.25rem}main{margin:0 auto;max-width:720px;background:linear-gradient(180deg,var(--surface),var(--surface-2));padding:1.6rem 1.4rem 1.7rem;animation:panel-in .5s ease-out}.top-nav,main{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.top-nav{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:linear-gradient(180deg,#ffffff,#f1faf7)}.top-nav-brand{display:flex;flex-direction:column;gap:.1rem}.top-nav-title{text-decoration:none;color:var(--accent-strong);font-weight:700;font-family:Avenir Next Condensed,Trebuchet MS,Segoe UI,sans-serif;letter-spacing:.02em}.top-nav-subtitle{font-size:.85rem;color:var(--text-soft)}.top-nav-links{display:flex;gap:var(--space-2);flex-wrap:wrap}.top-nav-link{text-decoration:none;font-weight:600;color:var(--accent-strong);padding:.45rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .2s ease,border-color .2s ease}.top-nav-link:hover{background:rgba(15,138,117,.1);border-color:rgba(15,138,117,.2)}.top-nav-user{align-items:center;gap:var(--space-3)}.breadcrumbs,.top-nav-user{display:flex;flex-wrap:wrap}.breadcrumbs{gap:var(--space-1);font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-3)}.breadcrumbs a{color:var(--accent-strong);text-decoration:none}.home-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.home-hero-image{width:280px;max-width:42%;height:auto;border-radius:14px;border:1px solid var(--border);box-shadow:0 10px 22px rgba(23,61,57,.18);object-fit:cover}hr{border:0;border-top:1px solid rgba(18,83,76,.24);margin:var(--space-5) 0}h1,h2{margin-top:0;font-family:Avenir Next Condensed,Trebuchet MS,Segoe UI,sans-serif;letter-spacing:.02em}h1{color:var(--accent-strong);font-size:2rem}h2{font-size:1.35rem;margin-bottom:var(--space-2)}h2,label,li,p,small{color:var(--text)}a{color:var(--accent-strong)}main>section{animation:section-in .45s ease both;margin-bottom:var(--space-5)}main>section:first-of-type{animation-delay:.06s}main>section:nth-of-type(2){animation-delay:.12s}main>section:nth-of-type(3){animation-delay:.18s}label{display:block;margin-bottom:var(--space-1);font-weight:600}input,select,textarea{width:100%;margin-bottom:var(--space-3);padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,138,117,.25);border-color:var(--accent)}button{border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f8fffd;border-radius:var(--radius-md);padding:.6rem 1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(10,107,90,.28);filter:saturate(1.05)}button:disabled,button[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.secondary-button{background:linear-gradient(135deg,#ffffff,#e7f7f2);color:var(--accent-strong);border:1px solid rgba(15,138,117,.3)}.secondary-button:hover{box-shadow:0 6px 14px rgba(15,138,117,.18)}.link-button{display:inline-block;border:1px solid rgba(15,138,117,.25);background:linear-gradient(135deg,#e8f8f3,#fff4ec);color:var(--accent-strong);border-radius:var(--radius-md);text-decoration:none;font-weight:700;padding:.55rem .95rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.link-button:hover{background:linear-gradient(135deg,#dff5ef,#ffe8da);box-shadow:0 7px 16px rgba(15,138,117,.22);transform:translateY(-1px)}.stack{display:grid;grid-gap:var(--space-2);gap:var(--space-2);max-width:440px}.muted{color:var(--text-muted)}.error{color:#a12c35}.notice{padding:.55rem .85rem;border-radius:var(--radius-md);border:1px solid transparent;margin:.5rem 0 var(--space-3);font-weight:600}.notice.success{border-color:rgba(15,138,117,.4);background:rgba(15,138,117,.1);color:var(--accent-strong)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.note-tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-width:126px;min-height:96px;padding:.85rem 1rem;transform-style:preserve-3d;border:1px solid rgba(15,138,117,.2);background:linear-gradient(145deg,#f0fcf8,#fff7f0);color:var(--text);transition:transform .25s ease,box-shadow .25s ease}.note-tab-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,70,62,.16)}.note-tab-button[data-flipping=true]{animation:note-tab-flip .42s ease}.note-tab-icon{font-size:2.15rem;line-height:1}.tabs button.active{border-color:rgba(15,138,117,.55);background:linear-gradient(140deg,var(--accent),var(--accent-warm));color:#ffffff;box-shadow:0 10px 20px rgba(15,138,117,.24)}.note-editor-placeholder{border:1px dashed rgba(15,138,117,.5);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--text-muted)}.note-editor-placeholder,.save-status{margin-bottom:var(--space-3);background:rgba(255,255,255,.7)}.save-status{display:inline-flex;gap:var(--space-2);align-items:center;padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(15,138,117,.2);font-size:.9rem}.save-status-label{font-weight:700}.save-status.success{border-color:rgba(15,138,117,.4);background:rgba(15,138,117,.1);color:var(--accent-strong)}.save-status.info{border-color:rgba(15,138,117,.25)}.save-status.error{border-color:rgba(161,44,53,.45);background:rgba(161,44,53,.08);color:#a12c35}.save-status.muted{color:var(--text-soft)}.summary-panel{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:rgba(255,255,255,.7)}.summary-panel summary{cursor:pointer;font-weight:700;color:var(--accent-strong);margin-bottom:var(--space-2)}.filters{max-width:440px}.member-block{border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.72);padding:var(--space-3);margin-bottom:var(--space-3)}.note-type-block{margin-bottom:.75rem}pre{white-space:pre-wrap;margin:0 0 var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid #dfebe7;background:#fbfffd}.card-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.75);padding:var(--space-3);box-shadow:var(--shadow-soft)}.card-title{font-weight:700;font-size:1.05rem}.card-meta{color:var(--text-muted);font-size:.9rem}.card-actions{margin-top:var(--space-2)}.card-actions,.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bible-lookup{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:rgba(255,255,255,.7);box-shadow:var(--shadow-soft)}.section-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.section-header .muted{margin:0}:focus-visible{outline:3px solid rgba(15,138,117,.35);outline-offset:2px}@keyframes note-tab-flip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes section-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){body{padding:1rem .7rem}body>header{margin-bottom:1rem}main{padding:1.1rem .95rem 1.25rem;border-radius:var(--radius-md)}.home-hero{flex-direction:column}.home-hero-image{width:100%;max-width:100%}.tabs{gap:.4rem}.note-tab-button{min-width:calc(50% - .2rem);min-height:88px}}