@import url('/base.css');
:root{--ink:#39304e;--paper:#fffaf0;--muted:#675d70;--line:#ded5df;--accent:#eed886}body{background:var(--paper)}.button,button{background:#594375;border-color:#594375}.logo span{background:#594375}.music-card{background:#f0e9f6;border-radius:20px;padding:34px;box-shadow:12px 16px 0 #eed88660}.music-card h2{font:35px/1.1 Georgia,serif}.music-row{border-top:1px solid #d4c4df;padding:18px 0}.music-row strong{display:block}.music-dots{letter-spacing:12px;font-size:26px;color:#72568b}.editor{max-width:920px;margin:auto}.editor h1{font-size:54px}fieldset{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;margin:24px 0}legend{font-weight:700;padding:0 8px}label{display:block;font-size:14px;font-weight:650;margin:16px 0}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #ac9db7;border-radius:6px;font:inherit;color:var(--ink);background:white;margin-top:6px}textarea{min-height:95px;resize:vertical}#info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tracking{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tracking label{font-size:12px}.tracking select{font-size:12px;padding:9px 5px}.carry-choice{display:flex;align-items:center;gap:12px}.carry-choice input{width:20px;height:20px}.secondary{background:transparent;color:#594375}.status{background:#f0e9f6;padding:16px;border-radius:8px;min-height:28px}.practice-task{padding:15px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.preserve{white-space:pre-wrap}.practice-task h3{margin:0}.days{font-size:14px}#card:not(:empty){background:white;padding:32px;border:1px solid var(--line);margin:30px 0;border-radius:12px}#card a{overflow-wrap:anywhere}.fine{font-size:13px}.continuation{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.editor>p{max-width:100%}@media(max-width:650px){#info{grid-template-columns:1fr}.tracking{grid-template-columns:repeat(2,1fr)}fieldset{padding:16px}.editor h1{font-size:42px}}
@media print{@page{size:auto;margin:16mm}header,footer,.skip,.editor>*:not(#card){display:none!important}body,main,.editor{background:white!important;padding:0!important;margin:0!important;max-width:none!important}#card:not(:empty){border:0;padding:0;margin:0}#card h2{font-size:26px}#card p{font-size:12pt;max-width:none}#card .practice-task{break-inside:auto}#card h3{break-after:avoid}#card a{font-size:10pt}#card .fine{font-size:9pt}}
.template-tools{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fffdf7;margin:25px 0}.template-tools summary{font-size:20px;font-weight:700;cursor:pointer}#template-preview{padding:18px;background:#f2eaf7;border-radius:8px;margin:20px 0;overflow-wrap:anywhere}.template-tools button{margin:5px 8px 5px 0}@media(max-width:650px){.template-tools{padding:16px}}
.focus-view{background:#eee8f3;border:1px solid var(--line);padding:28px;border-radius:16px;margin:30px 0;overflow-wrap:anywhere}.focus-view h3{font-size:28px}.focus-view #focus-clock{font:600 64px/1.4 ui-monospace,monospace;letter-spacing:-3px;margin:22px 0}.focus-view #focus-status{min-height:55px}.focus-view button:disabled{opacity:.5;cursor:not-allowed}.focus-view .actions{flex-wrap:wrap}@media(max-width:650px){.focus-view{padding:18px}.focus-view #focus-clock{font-size:54px}}
.handoff-tools{margin:2rem 0;padding:1.5rem;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.handoff-choice{display:flex;align-items:center;gap:.7rem}.handoff-choice input{width:20px;height:20px;margin:0}.handoff-tools pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:1rem;border-radius:.5rem}.handoff-tools button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:650px){.handoff-tools{padding:1rem}}@media print{.handoff-tools{display:none!important}}