@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.user-card{border:1px solid var(--line);padding:24px;margin:16px 0}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.users{margin-top:35px}
.simple{max-width:700px;margin:100px auto;padding-bottom:100px}.simple h1{font-size:clamp(52px,8vw,88px)}.simple .note-form{max-width:560px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.button.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}h3{margin:0 0 8px;font-size:24px}.verse-selector{display:grid;grid-template-columns:2fr 2fr 1fr 1fr auto;gap:10px;align-items:end;margin:30px 0}.verse-selector .button{margin:0}.profile-card{display:flex;gap:24px;align-items:flex-start;margin-bottom:35px}.avatar{width:96px;height:96px;object-fit:cover;border-radius:50%;border:1px solid var(--lime)}.avatar.placeholder{display:grid;place-items:center;font-size:48px;color:var(--lime)}.password-form{border-top:1px solid var(--line);margin-top:50px;padding-top:40px}.password-form h2{font-size:30px;letter-spacing:-1px}.staff-scroll{max-width:100%;overflow:auto;cursor:grab;border:1px solid var(--line);padding:18px 12px;margin-top:32px;background:#0d0f0d}.staff-scroll:active{cursor:grabbing}.thought-staff{display:block;min-width:900px;height:180px}.staff-lines{stroke:var(--lime);stroke-width:1;fill:none;opacity:.8}.bass-clef{fill:var(--lime);font-size:110px}.thought-note circle{fill:var(--rust);stroke:var(--ink);stroke-width:2}.thought-note text{fill:var(--ink);font:12px 'DM Mono';text-anchor:middle}@media(max-width:700px){.verse-selector{grid-template-columns:1fr 1fr}.profile-card{display:block}.profile-card .note-form{margin-top:20px}.staff-scroll{max-height:240px;overflow:auto}.thought-staff{height:220px}}
.thought-note{cursor:pointer}.thought-note ellipse{fill:var(--rust);stroke:var(--ink);stroke-width:2}.thought-note .stem{stroke:var(--ink);stroke-width:3;fill:none}.thought-note:hover ellipse,.thought-note:focus ellipse{fill:var(--lime);stroke:var(--rust);stroke-width:3}.thought-note:hover .stem,.thought-note:focus .stem{stroke:var(--lime)}.focus-note{border-left:3px solid var(--lime);padding:16px 20px;margin-top:28px;background:#191c18}.focus-note p{line-height:1.55}.bridge-notes{margin-top:28px}.staff-art:after{content:'♩ ♪ ♪ ♩ ♩ | ♩ ♪ ♪ ♩ ♩ | ♩ ♪ ♪ ♩ ♩';position:absolute;top:72px;left:25%;right:0;color:var(--lime);font:32px/1 'Times New Roman',serif;letter-spacing:2px;word-spacing:2px;white-space:nowrap;overflow:hidden}.staff-art strong{display:none}
:root{--ink:#f5f1e8;--muted:#a6a49d;--bg:#111311;--line:#383c36;--lime:#d6f46a;--rust:#d66b4d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif}header,main,footer{max-width:1180px;margin:auto}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 26px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:500 12px/11px 'DM Mono';letter-spacing:2px;text-decoration:none}.brand b{color:var(--lime)}.clef{font-size:37px;color:var(--lime);line-height:1}nav{display:flex;gap:32px}nav a,.lang{color:var(--muted);font:12px 'DM Mono';text-decoration:none;text-transform:uppercase;letter-spacing:1px}.lang{display:flex;gap:8px;align-items:center}.lang select,select{background:transparent;color:var(--ink);border:0;font:inherit}main{padding:0 26px}.hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line)}.eyebrow,.section-label,.hint,.translation,small{font:12px 'DM Mono';letter-spacing:1px;text-transform:uppercase;color:var(--lime)}h1,h2{font-size:clamp(48px,7vw,90px);line-height:.94;letter-spacing:-4px;margin:22px 0}h2{font-size:clamp(38px,5vw,64px)}em{color:var(--rust);font-style:normal}.lede{max-width:430px;color:var(--muted);line-height:1.65;font-size:16px}.button{display:inline-flex;gap:26px;align-items:center;background:var(--lime);color:#111;padding:15px 18px;border:0;text-decoration:none;font:500 12px 'DM Mono';text-transform:uppercase;cursor:pointer;margin-top:20px}.button span{font-size:18px}.staff-art{height:260px;position:relative;color:var(--lime);opacity:.9}.staff-art i{display:block;border-top:1px solid var(--lime);margin:28px 0}.large-clef{position:absolute;z-index:2;font-size:175px;top:-4px;left:3%;line-height:1}.staff-art strong{position:absolute;font:18px 'DM Mono';color:var(--rust)}.staff-art strong:nth-of-type(1){top:32px;right:18%}.staff-art strong:nth-of-type(2){top:91px;right:35%}.staff-art strong:nth-of-type(3){top:178px;right:11%}.panel,.chorus,.write{padding:105px 7%;display:grid;grid-template-columns:150px 1fr;gap:50px;border-bottom:1px solid var(--line)}.section-label{display:flex;gap:12px}.section-label b{color:var(--ink);font-weight:400}.reference{font:14px 'DM Mono';color:var(--lime)}blockquote{font-size:clamp(26px,4vw,48px);line-height:1.1;max-width:760px;margin:25px 0}.translation{color:var(--ink)}.translation span{color:var(--muted)}.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:40px}.note{border:1px solid var(--line);padding:20px;display:flex;gap:14px;min-height:130px}.note-mark{color:var(--rust);font:12px 'DM Mono';border:1px solid var(--rust);width:31px;height:31px;padding:8px 4px}.note p{margin:0 0 18px;line-height:1.45}.empty{color:var(--muted)}.connections{font:42px 'DM Mono';color:var(--lime);display:flex;align-items:center;gap:15px;margin-top:50px}.connections span:nth-child(even){font-size:17px;color:var(--rust)}.write{background:#191c18}.write h2{margin-top:0}.note-form{display:flex;flex-direction:column;gap:18px}label{font:12px 'DM Mono';color:var(--muted);text-transform:uppercase;letter-spacing:1px}input,textarea,.note-form select{display:block;width:100%;border:1px solid var(--line);background:#111311;color:var(--ink);padding:14px;margin-top:8px;font:15px 'Space Grotesk'}textarea{height:125px;resize:vertical}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{display:block;color:var(--ink);font:11px 'Space Grotesk';text-transform:none;letter-spacing:0;margin-top:8px}.note-form .button{align-self:flex-start}.flash{margin:24px 0 0;padding:15px;border:1px solid var(--lime);color:var(--lime);font:13px 'DM Mono'}footer{padding:28px 26px;display:flex;justify-content:space-between;color:var(--muted);font:11px 'DM Mono'}@media(max-width:700px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:80px 0}.staff-art{margin-top:40px}.panel,.chorus,.write{display:block;padding:70px 0}.section-label{margin-bottom:35px}.notes{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}footer{display:block}footer span{display:block;margin:8px 0}}
.bass-clef{font-size:150px}
.staff-art:after{content:'';top:38px;left:25%;width:73%;height:180px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 180'%3E%3Cg fill='%23d6f46a' stroke='%23d6f46a' stroke-width='4'%3E%3Cellipse cx='18' cy='132' rx='10' ry='7'/%3E%3Cpath d='M27 132V98'/%3E%3Cellipse cx='78' cy='120' rx='10' ry='7'/%3E%3Cpath d='M87 120V86'/%3E%3Cellipse cx='138' cy='108' rx='10' ry='7'/%3E%3Cpath d='M147 108V74'/%3E%3Cellipse cx='198' cy='96' rx='10' ry='7'/%3E%3Cpath d='M207 96V62'/%3E%3Cellipse cx='258' cy='84' rx='10' ry='7'/%3E%3Cpath d='M267 84V50'/%3E%3Cellipse cx='318' cy='72' rx='10' ry='7'/%3E%3Cpath d='M327 72V38'/%3E%3Cellipse cx='378' cy='60' rx='10' ry='7'/%3E%3Cpath d='M387 60V26'/%3E%3Cellipse cx='438' cy='72' rx='10' ry='7'/%3E%3Cpath d='M447 72V38'/%3E%3Cellipse cx='498' cy='84' rx='10' ry='7'/%3E%3Cpath d='M507 84V50'/%3E%3Cellipse cx='558' cy='96' rx='10' ry='7'/%3E%3Cpath d='M567 96V62'/%3E%3Cellipse cx='618' cy='108' rx='10' ry='7'/%3E%3Cpath d='M627 108V74'/%3E%3Cellipse cx='678' cy='120' rx='10' ry='7'/%3E%3Cpath d='M687 120V86'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;font-size:0;letter-spacing:0}
.bridge .bass-clef{transform:translateX(78px)}
.staff-art:after{content:' ';background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA3MjAgMTgwJz48ZyBmaWxsPScjZDZmNDZhJyBzdHJva2U9JyNkNmY0NmEnIHN0cm9rZS13aWR0aD0nNCc+PGVsbGlwc2UgY3g9JzE4JyBjeT0nMTMyJyByeD0nMTAnIHJ5PSc3Jy8+PHBhdGggZD0nTTI3IDEzMlY5OCcvPjxlbGxpcHNlIGN4PSc3OCcgY3k9JzEyMCcgcng9JzEwJyByeT0nNycvPjxwYXRoIGQ9J004NyAxMjBWODYnLz48ZWxsaXBzZSBjeD0nMTM4JyBjeT0nMTA4JyByeD0nMTAnIHJ5PSc3Jy8+PHBhdGggZD0nTTE0NyAxMDhWNzQnLz48ZWxsaXBzZSBjeD0nMTk4JyBjeT0nOTYnIHJ4PScxMCcgcnk9JzcnLz48cGF0aCBkPSdNMjA3IDk2VjYyJy8+PGVsbGlwc2UgY3g9JzI1OCcgY3k9Jzg0JyByeD0nMTAnIHJ5PSc3Jy8+PHBhdGggZD0nTTI2NyA4NFY1MCcvPjxlbGxpcHNlIGN4PSczMTgnIGN5PSc3Micgcng9JzEwJyByeT0nNycvPjxwYXRoIGQ9J00zMjcgNzJWMzgnLz48ZWxsaXBzZSBjeD0nMzc4JyBjeT0nNjAnIHJ4PScxMCcgcnk9JzcnLz48cGF0aCBkPSdNMzg3IDYwVjI2Jy8+PGVsbGlwc2UgY3g9JzQzOCcgY3k9JzcyJyByeD0nMTAnIHJ5PSc3Jy8+PHBhdGggZD0nTTQ0NyA3MlYzOCcvPjxlbGxpcHNlIGN4PSc0OTgnIGN5PSc4NCcgcng9JzEwJyByeT0nNycvPjxwYXRoIGQ9J001MDcgODRWNTAnLz48ZWxsaXBzZSBjeD0nNTU4JyBjeT0nOTYnIHJ4PScxMCcgcnk9JzcnLz48cGF0aCBkPSdNNTY3IDk2VjYyJy8+PGVsbGlwc2UgY3g9JzYxOCcgY3k9JzEwOCcgcng9JzEwJyByeT0nNycvPjxwYXRoIGQ9J002MjcgMTA4Vjc0Jy8+PGVsbGlwc2UgY3g9JzY3OCcgY3k9JzEyMCcgcng9JzEwJyByeT0nNycvPjxwYXRoIGQ9J002ODcgMTIwVjg2Jy8+PC9nPjwvc3ZnPg==")}
.staff-art:after{background-image:url('/landing-run.svg')}
.thought-note ellipse{rx:14px;ry:9px;stroke-width:2.5}
.thought-note ellipse{fill:transparent;stroke:var(--lime);stroke-width:3}.thought-note .stem{display:none}.thought-note:hover ellipse,.thought-note:focus ellipse{fill:transparent;stroke:var(--rust);stroke-width:4}
.large-clef{font-size:150px;top:0}
.staff-art:before,.staff-scroll:after{content:none;display:none}
.staff-art{height:180px;border:1px solid var(--line);padding:18px 12px;background:#0d0f0d}
.staff-art i{margin:0 0 22px 125px}
.staff-art .large-clef{left:55px;top:10px}
.staff-art{border:0;background:transparent}
.staff-art i,.staff-art:after{display:none}
.staff-art .large-clef{left:35%;top:0}
.verse-selector{display:none}
body:has(nav a[href="/profile.php"]) .verse-selector{display:grid}
.user-manager{display:grid;grid-template-columns:260px 1fr;gap:36px;margin-top:40px}.user-list{border-right:1px solid var(--line);padding-right:20px}.user-list .section-label,.user-detail>.section-label,.user-create>.section-label{margin:0 0 18px}.user-list-item{display:block;padding:14px 10px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.user-list-item:hover,.user-list-item.selected{background:#191c18;color:var(--lime)}.user-list-item span,.user-list-item small{display:block}.user-list-item small{margin-top:5px;overflow:hidden;text-overflow:ellipsis}.user-create{border-top:1px solid var(--line);margin-top:55px;padding-top:40px}.user-create .note-form{max-width:760px}@media(max-width:700px){.user-manager{display:block}.user-list{border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:35px}}
.user-manager .user-detail,.user-create{display:none}.user-detail-page .user-manager{display:block}.user-detail-page .user-list{display:none}.user-detail-page .user-detail{display:block}.user-create-page .user-manager{display:none}.user-create-page .user-create{display:block}.user-add-link{margin-top:0;padding:10px 12px}
.user-manager:has(.user-list-item.selected) .user-list{display:none}.user-manager:has(.user-list-item.selected) .user-detail{display:block}
.country-heading{margin:24px 0 6px;color:var(--lime);font:12px 'DM Mono';letter-spacing:1px;text-transform:uppercase}.country-heading:first-of-type{margin-top:0}