:root{color-scheme:light;--ink:#172b2a;--muted:#697d77;--bg:#f7f8f3;--line:#dce4dc;--accent:#406e60}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.site-header{background:#142a29;color:#f5f8f1;min-height:72px;padding:16px max(24px,calc((100vw - 1150px)/2));display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.site-header a{text-decoration:none;font-size:13px}.site-header a:hover{text-decoration:underline}.wordmark{font-size:11px;letter-spacing:.22em;text-align:center;font-weight:700}.login{display:flex;gap:18px}.hero{background:radial-gradient(circle at 84% 42%,#527469 0%,#2b4c46 36%,#193630 66%,#142b2a 100%);color:#f7f7ee;min-height:410px;position:relative;overflow:hidden}.hero-inner{max-width:1150px;margin:auto;padding:80px 24px 88px;position:relative;z-index:1}.eyebrow{letter-spacing:.19em;font-size:11px;font-weight:700}.hero .eyebrow{color:#cadad0}.hero h1{font:normal clamp(49px,8.5vw,99px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:20px 0 24px}.hero h1 em{color:#c6d7b4;font-weight:400}.hero-desc{max-width:460px;color:#d9e5db;font-size:16px}.hero-star{position:absolute;right:6%;top:18%;font:normal 290px Georgia,serif;color:#a4c1a1;opacity:.2;transform:rotate(-15deg)}.content{max-width:1150px;margin:0 auto;padding:60px 24px 110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.section-head .eyebrow{color:var(--accent)}h2{font:normal 44px Georgia,serif;margin:8px 0 20px}h3{font:normal 32px Georgia,serif}.quiet-note,.hint{color:var(--muted);font-size:14px}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}.tabs button,button.action{border:1px solid #c6d4ca;background:#fff;color:var(--ink);border-radius:6px;padding:11px 17px;font:inherit;cursor:pointer}.tabs button.active,button.action.primary{background:var(--ink);color:#fff;border-color:var(--ink)}button:focus-visible,a:focus-visible{outline:3px solid #c6a455;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}#message{color:#42694d;min-height:25px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:22px;padding-top:15px}.song{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;box-shadow:0 9px 24px #172b2a08}.cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;background:linear-gradient(130deg,#c6d8c6,#507468);display:block}.cover-fallback{display:flex;align-items:center;justify-content:center;color:#eaf2e8;font:80px Georgia,serif}.song h3{font:normal 27px/1.15 Georgia,serif;margin:18px 0 7px}.song p{margin:5px 0}.song .artist{font-weight:650}.song .songwriter{font-size:13px;color:var(--muted)}.song audio{width:100%;margin:20px 0 10px}.song .actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.song .draft{font-size:12px;color:#6a7e6d}.summary{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;min-width:160px;padding:18px 22px}.stat strong{display:block;font-size:30px}.stat span{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:9px;margin:20px 0 35px}table{border-collapse:collapse;width:100%;min-width:590px}th,td{padding:14px 17px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#edf2ec;font-weight:650}tr:last-child td{border-bottom:0}.drafts{display:grid;gap:10px;margin-top:25px}.draft-row{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px 18px}.draft-row span{color:var(--muted);font-size:13px}footer{padding:30px 24px;text-align:center;background:#142a29;color:#d1ddd3;font-size:12px;letter-spacing:.04em}footer span{padding:0 14px}@media(max-width:650px){.site-header{gap:8px}.wordmark{order:3;width:100%;text-align:left}.hero-inner{padding:65px 22px}.hero-star{right:-40%;font-size:230px}.section-head{display:block}.content{padding:45px 20px 75px}h2{font-size:37px}.quiet-note{display:block;margin-bottom:14px}}
