:root{color-scheme:dark;--bg:#101817;--panel:#192320;--line:#34473f;--text:#f5f3e9;--muted:#b3c2b6;--gold:#eedc8c;--green:#b7dfad;--red:#ffb0aa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{border:1px solid var(--line);border-radius:8px;padding:11px 16px;min-height:46px;background:#24332b;color:var(--text);cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--gold);border-color:var(--gold);color:#17201b;font-weight:750}button.quiet{background:transparent}a{color:var(--gold);text-underline-offset:4px}input,select,textarea{width:100%;min-height:46px;border:1px solid #4b6055;border-radius:6px;background:#101a15;color:var(--text);padding:10px 12px}select{color-scheme:dark}textarea{min-height:85px;resize:vertical}label{display:block;color:var(--muted);font-size:.87rem;font-weight:600}label>input,label>select,label>textarea{display:block;margin-top:6px;font-size:1rem;font-weight:400}label.check{display:flex;align-items:center;color:var(--text)}label.check input{width:20px;min-height:20px;margin:0 10px 0 0;accent-color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,5.6vw,4.4rem);font-weight:780;line-height:1.06;letter-spacing:-.045em;margin:20px 0 24px}h2{font-size:1.7rem;letter-spacing:-.025em;line-height:1.2}h3{font-size:1.05rem;margin-bottom:8px}p{margin-bottom:16px}small,.muted{color:var(--muted)}.top{max-width:1180px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:900;letter-spacing:.04em;text-decoration:none;color:var(--text);line-height:1.15}.brand span{display:block;font-size:9px;letter-spacing:.22em;color:var(--gold);margin-top:5px}.eyebrow{font-size:.7rem;letter-spacing:.16em;color:var(--gold);font-weight:750}main{max-width:1120px;margin:auto;padding:0 28px}.hero{padding:55px 0 35px;max-width:900px}.intro{max-width:700px;font-size:1.12rem;color:var(--muted)}.rule{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;font-size:.81rem;color:var(--gold)}.rule span{margin:0 28px 8px 0}.panel{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:12px}.login{max-width:480px}.login label{margin:18px 0}.login button{width:100%}.login button span{float:right}.error{color:var(--red);margin:14px 0 0}.workspace-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 18px}.workspace-head p{margin:10px 16px 10px 0}.actions{display:flex;flex-wrap:wrap}.actions button{margin:4px 6px 4px 0;font-size:.85rem}.notice{padding:16px 20px;border-left:3px solid var(--gold);background:#283025;color:#e8e5cf;border-radius:0 6px 6px 0}.explainer{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 32px}.explainer>div{padding-right:25px}.explainer>div+div{border-left:1px solid var(--line);padding-left:25px}.explainer p{font-size:.85rem;color:var(--muted);margin:0}.number{display:inline-flex;border:1px solid var(--line);width:27px;height:27px;justify-content:center;align-items:center;border-radius:50%;font-size:12px;color:var(--gold);margin-bottom:10px}.tabs{display:flex;border-bottom:1px solid var(--line);margin:0 0 26px}.tabs button{flex:1;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;text-align:left;padding:16px 14px;font-weight:750;color:var(--muted)}.tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold);background:#1b271e}.tabs button span{display:block;font-size:.7rem;font-weight:400;color:var(--muted);margin-top:2px}.tab-intro{display:flex;align-items:start;justify-content:space-between}.tab-intro p{max-width:730px;color:var(--muted)}details.catalogue{border:1px solid var(--line);border-radius:10px;background:var(--panel);margin:20px 0 30px}details.catalogue summary{padding:20px;cursor:pointer;font-weight:700}.catalogue-content{padding:0 20px 20px}.instrument-row{display:grid;grid-template-columns:100px 1.1fr 1fr;gap:12px;padding:18px 0;border-top:1px solid var(--line)}.instrument-row .instrument-notes{grid-column:1/4}.instrument-row .remove-instrument{grid-column:1/4;justify-self:end;font-size:.8rem;padding:6px 12px;min-height:36px}.form-actions{display:flex;align-items:center;flex-wrap:wrap;margin-top:18px}.form-actions>*{margin:5px 12px 5px 0}.form-status{width:100%;font-size:.85rem;color:var(--green)}.list-head{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin-top:30px}.list-head .search{flex:1;min-width:190px}.list-head>label:not(.search){min-width:195px}.list-head button{font-size:.81rem;min-height:48px}.progress{margin:24px 0}.progress>div:first-child{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.85rem}.progress span{color:var(--muted)}.progress-track{height:4px;background:var(--line);margin-top:10px}.progress-track>div{height:4px;background:var(--gold);transition:width .2s}details.song{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:var(--panel);overflow:hidden}details.song>summary{display:flex;align-items:center;list-style:none;cursor:pointer;padding:20px}details.song>summary::-webkit-details-marker{display:none}.song-number{font-size:.75rem;color:#8ea395;width:32px;flex-shrink:0}.song-title{font-size:1.1rem;font-weight:750;line-height:1.3;flex:1;padding-right:10px}.song-title small{display:block;font-size:.76rem;font-weight:400;color:var(--muted);margin-top:4px}.dot{width:12px;height:12px;display:inline-block;border-radius:50%;border:1px solid #fff5;margin-right:13px;flex-shrink:0;background:#eee}.badge{color:var(--muted);font-size:.7rem;border:1px solid var(--line);padding:4px 9px;border-radius:16px;white-space:nowrap}.badge.checked{color:var(--green);border-color:#5b7955}.chevron{margin-left:16px;color:var(--gold);font-size:20px}.song[open] .chevron{transform:rotate(90deg)}.song-body{padding:0 24px 24px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;background:#111b16;border:1px solid var(--line);border-radius:7px;margin:4px 0 22px}.reference-grid>div{padding:17px}.reference-grid>div+div{border-left:1px solid var(--line)}.reference-grid .eyebrow{font-size:.6rem}.reference-grid p{margin:5px 0 0;font-size:.9rem}.small-note{font-size:.8rem;color:var(--muted)}details.research-notes{font-size:.87rem;margin:16px 0 25px}.research-notes summary{color:var(--gold);cursor:pointer}.research-notes p{margin:12px 0;color:var(--muted)}.research-notes a{display:inline-block;margin:3px 15px 3px 0}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.player{min-width:0;border:1px solid var(--line);padding:20px;border-radius:8px}.player h3{color:var(--gold);margin-bottom:16px}.player label+label{margin-top:14px}.player .instrument-select{margin-bottom:14px}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.notes-label{margin-top:18px}.key-edit{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}.key-edit summary{font-size:.88rem;cursor:pointer;color:var(--gold)}.key-edit form{padding:16px 0 0}.key-edit input{max-width:450px}.saved-meta{font-size:.73rem;color:var(--muted);margin:12px 0 0}.conflict{padding:14px;border:1px solid #a76e5f;border-radius:7px;margin-top:15px;color:var(--red);font-size:.88rem;white-space:pre-wrap}.conflict button{display:block;margin-top:10px}#message{position:sticky;bottom:16px;max-width:800px;margin:20px auto 0;padding:0;background:#314531;border-radius:8px;font-weight:600;font-size:.9rem}#message:not(:empty){padding:14px 20px;border:1px solid #68805d}footer{border-top:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:55px}footer strong{font-size:18px;letter-spacing:.08em;color:var(--text)}footer span{margin:0 18px}.colour-option{display:flex;align-items:center}.colour-option .dot{margin-top:25px}button.copy-colour{font-size:.78rem;margin-top:14px}.research-only{padding:14px 0 0}.research-only .missing{color:var(--gold)}
@media(max-width:700px){main{padding:0 16px}.top{padding:20px 16px}.top>.eyebrow{font-size:.6rem}.hero{padding:35px 0 25px}h1{font-size:2.8rem}.intro{font-size:1rem}.rule{font-size:.72rem}.rule span{margin-right:16px}.explainer{grid-template-columns:1fr}.explainer>div{padding:0 0 17px}.explainer>div+div{padding:17px 0;border-left:0;border-top:1px solid var(--line)}.explainer .number{float:left;margin:0 12px 35px 0}.explainer h3{font-size:.92rem}.explainer p{font-size:.8rem}.tabs button{padding:12px 8px;font-size:.92rem}.tabs button span{font-size:.62rem}.panel{padding:22px}.player-grid{grid-template-columns:1fr}.fields-row{grid-template-columns:1fr}.song-body{padding:0 14px 20px}details.song>summary{padding:17px 12px}.song-number{width:25px}.song-title{font-size:1rem}.badge{font-size:.6rem;padding:4px 6px}.chevron{margin-left:8px}.dot{margin-right:9px;width:10px;height:10px}.reference-grid{grid-template-columns:1fr}.reference-grid>div+div{border-left:0;border-top:1px solid var(--line)}.reference-grid>div{padding:14px}.instrument-row{grid-template-columns:1fr 1fr}.instrument-row .instrument-tuning,.instrument-row .instrument-notes,.instrument-row .remove-instrument{grid-column:1/3}.list-head{gap:12px}.list-head>label:not(.search){min-width:0;flex:1}.list-head>button{width:100%}.progress>div:first-child{font-size:.77rem}.actions button{font-size:.75rem;padding:9px 11px}.player{padding:16px}footer{align-items:start;flex-wrap:wrap}footer span{margin:12px 0;width:100%}}
.instrument-colour{grid-column:1/-1;max-width:340px;min-width:0}.instrument-colour label{flex:1;min-width:0}.review-questions{padding:24px;border:1px solid #8c8153;border-radius:10px;background:#19251d;margin:0 0 24px}.review-questions h2{margin:8px 0 12px}.review-questions form>label{margin:20px 0}.review-followup{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.review-followup summary{color:var(--gold);cursor:pointer}.review-followup li{margin:12px 0}.tuning-question{border-left:3px solid var(--gold);padding:12px;background:#263023;margin-bottom:16px;font-size:.85rem}.tuning-question p{margin:8px 0 0}.review-questions textarea{min-height:100px}@media(max-width:700px){.review-questions{padding:18px}.review-questions h2{font-size:1.35rem}.review-followup ul{padding-left:20px}}
@media print{body{background:white;color:black}.top,.hero .rule,.login,.actions,.notice,.explainer,.tabs,.list-head,.form-actions,button,footer,#message{display:none!important}main{max-width:none}.hero{padding:10px 0}h1{font-size:25px}.song{break-inside:avoid;background:white!important;border:1px solid #aaa!important}.song-body,.reference-grid,.player,.review-questions{background:white!important;color:black!important}input,select,textarea{color:black;background:white;border-color:#aaa}details.song:not([open])>summary{padding:10px}.muted,small,label{color:#444}}

/* Shared live overview; keep forms and unsaved edits in place. */
.review-sync{padding:12px 0 18px}.review-sync p{margin:4px 0}#sync-status{font-weight:650;color:var(--gold);font-size:.86rem}.review-open{border:1px solid var(--line);border-radius:10px;padding:24px;margin:0 0 24px;background:#14221b}.review-open h2{margin:8px 0}.review-open-head>p:last-child{font-size:.88rem;color:var(--muted)}.review-open-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.review-open article{padding:20px;border:1px solid var(--line);border-radius:8px;min-width:0;background:#19271f}.review-open article h3{color:var(--gold);margin:0 0 10px}.review-open article p{font-size:.88rem;overflow-wrap:break-word}.review-open .review-count{font-size:1.04rem;font-weight:700;color:var(--text)}.review-open button{font-size:.82rem;max-width:100%;white-space:normal}.review-links{display:flex;flex-wrap:wrap;margin-bottom:6px}.review-links button{margin:0 8px 8px 0}.review-open-note{padding-top:18px;border-top:1px solid var(--line);margin:20px 0 0;font-size:.83rem;color:var(--muted)}.review-open-note strong{color:var(--text)}@media(max-width:700px){.review-open{padding:18px}.review-open-grid{grid-template-columns:1fr}.review-open article{padding:16px}.review-open h2{font-size:1.35rem}}@media print{.review-sync{display:none}.review-open,.review-open article{background:white;color:black}}
.guitar-modes{max-width:900px;margin:0 0 24px}.guitar-modes span{display:block;margin-top:8px;font-size:.9rem;color:var(--muted)}details.drop-edit{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}details.drop-edit summary{cursor:pointer;color:var(--gold);font-weight:700}details.drop-edit .small-note{margin:12px 0}details.drop-edit label+label{margin-top:14px}
.personal-workflow{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;margin:20px 0 30px}.personal-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.personal-heading h2{margin:6px 0 8px}.personal-heading p:last-child{color:var(--muted);margin-bottom:0}.personal-heading>label{min-width:180px}.personal-progress{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:24px 0 8px;font-size:.86rem}.personal-progress span{color:var(--muted)}.personal-progress-track{height:5px;background:var(--line);margin-bottom:22px}.personal-progress-track>div{height:5px;background:var(--gold);transition:width .2s}.personal-profile{padding:20px;background:#14221b;border:1px solid var(--line);border-radius:8px;margin:18px 0 22px}.personal-profile h3{color:var(--gold)}.personal-profile-grid,.personal-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.personal-task{border-top:1px solid var(--line);padding:20px 0}.personal-task-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.personal-task h3{font-size:1.15rem;margin:0 0 5px}.personal-task-head p{font-size:.83rem;color:var(--muted);margin:0 0 14px}.personal-task-state{white-space:nowrap;color:var(--gold);font-size:.8rem;font-weight:700}.personal-saved{background:#111b16;border:1px solid var(--line);padding:12px 14px;border-radius:6px;margin:12px 0;color:var(--muted);font-size:.82rem}.personal-saved p{margin:4px 0}.personal-task .form-actions{margin-top:14px}.personal-task .form-status{font-size:.85rem}.personal-done{padding:20px;border-left:3px solid var(--green);background:#14221b;border-radius:0 7px 7px 0}.archive-editor{border:1px solid var(--line);border-radius:10px;background:var(--panel);margin:22px 0}.archive-editor>summary{padding:18px 20px;cursor:pointer;color:var(--gold);font-weight:750}.archive-content{padding:0 20px 24px}.archive-content>.review-open{margin-top:0}.archive-editor .notice,.archive-editor .guitar-modes{margin-top:16px}@media(max-width:700px){.personal-workflow{padding:18px}.personal-heading{display:block}.personal-heading>label{display:block;margin-top:16px}.personal-task-head{display:block}.personal-task-state{display:block;margin:5px 0 12px}.personal-profile-grid,.personal-task-grid{grid-template-columns:1fr}.archive-content{padding:0 12px 18px}.archive-editor>summary{padding:16px}}
.personal-saved-edits{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.personal-saved-edits>h3{color:var(--gold);margin:0 0 6px}.personal-task-edit{background:#14221b;border:1px solid var(--line);border-radius:8px;padding:18px;margin-top:16px}
.personal-access{display:flex;align-items:end;gap:12px;padding:16px 18px;margin:16px 0;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.personal-access label{min-width:220px}.personal-access button{min-height:46px}@media(max-width:700px){.personal-access{display:block}.personal-access label{margin-bottom:12px}}
.page-options{position:relative}.page-options summary{cursor:pointer;color:var(--gold);font-size:.85rem;padding:8px 0}.page-options .actions{position:absolute;right:0;z-index:2;min-width:210px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0008}.page-options .actions button{display:block;width:100%;text-align:left;margin:3px 0}.personal-only .hero{padding:18px 0 8px}.personal-only .hero h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:8px 0 10px}.personal-only .hero .eyebrow{display:none}.personal-only .hero .intro{font-size:.98rem;margin-bottom:4px}.personal-only .workspace-head{margin-bottom:4px}.personal-only .review-sync .small-note{display:none}.personal-only .review-sync p{margin:4px 0;font-size:.78rem}.personal-only .personal-workflow{margin-top:12px}.personal-only .personal-heading h2{font-size:1.4rem;margin-bottom:6px}.personal-only .personal-heading p{font-size:.9rem;margin-bottom:8px}@media(max-width:700px){.page-options .actions{right:0}.personal-only main{padding:0 16px}.personal-only .personal-progress{margin:10px 0}.personal-only .personal-task{padding:14px}}
.handoff{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:24px;margin:10px 0 24px}.handoff-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.handoff-head h2{margin:4px 0 8px}.handoff-head p:last-child{color:var(--muted);margin:0}.handoff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:18px}.handoff-grid>article{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#14201a}.handoff-grid h3{font-size:1.1rem;margin:5px 0 10px}.handoff-grid article>p:not(.eyebrow){font-size:.9rem}.handoff-count{font-weight:700;color:var(--text)}.handoff-checks,.handoff-shared{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.handoff-checks>summary,.handoff-shared>summary{cursor:pointer;color:var(--gold);font-weight:700;font-size:.9rem}.handoff-checks ul{list-style:none;padding:0;margin:8px 0 0}.handoff-checks li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.handoff-checks li p{font-size:.83rem;margin:5px 0;overflow-wrap:anywhere}.handoff-checks li button{align-self:center;white-space:nowrap;font-size:.78rem;padding:8px 11px;min-height:40px}.handoff-clear{color:var(--green);font-size:.85rem;margin:14px 0 0}.handoff-grid article>button,.handoff-shared>button{font-size:.83rem;min-height:42px;padding:9px 12px}.handoff-arno{border-color:#817647!important}.handoff-bass{opacity:.93}.handoff-shared{padding:14px 0}.handoff-shared p{margin:10px 0;font-size:.85rem;color:var(--muted)}@media(max-width:700px){.handoff{padding:18px}.handoff-head{align-items:flex-start}.handoff-head>button{flex-shrink:0}.handoff-grid{grid-template-columns:1fr;gap:12px;padding-top:14px}.handoff-grid>article{padding:15px}.handoff-checks li{grid-template-columns:1fr}.handoff-checks li button{justify-self:start}.handoff-head h2{font-size:1.35rem}}@media(max-width:420px){.handoff-head{display:block}.handoff-head>button{width:100%;margin-top:12px}}

.handoff button{max-width:100%;white-space:normal}@media(max-width:950px){.handoff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.handoff-grid{grid-template-columns:1fr}}

.personal-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:22px 0;counter-reset:personal-step}.personal-steps[hidden]{display:none}.personal-steps li{counter-increment:personal-step;padding:16px;background:#14221b;border:1px solid var(--line);border-radius:8px;min-width:0}.personal-steps li:before{content:counter(personal-step);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#101817;font-weight:800;margin-right:8px}.personal-steps li>strong{font-size:.95rem}.personal-steps li>span{display:block;font-size:.86rem;line-height:1.55;color:var(--muted);margin-top:10px}.personal-steps b{color:var(--text);font-weight:650}@media(max-width:700px){.personal-steps{grid-template-columns:1fr;gap:8px;margin:16px 0}.personal-steps li{padding:12px}.personal-steps li>span{margin-top:6px}}