:root{color-scheme:light;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#203c3a;background:#f4f1e9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit;border-radius:8px;padding:9px 13px}button:hover{background:#e7e5dc}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b46a39;outline-offset:3px}header{max-width:1200px;margin:auto;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5d6ca}.brand{font-family:serif;font-size:28px;text-decoration:none;color:inherit;letter-spacing:3px}.brand span{font:12px system-ui;letter-spacing:1px;margin-left:18px;color:#66746b}main{max-width:1160px;margin:auto;padding:45px 24px;min-height:80vh}.eyebrow{font-size:11px;letter-spacing:3px;color:#8c593c;font-weight:650}h1{font-family:serif;font-weight:500;font-size:clamp(32px,5vw,54px);line-height:1.4;letter-spacing:2px;margin:20px 0}p{line-height:1.9;color:#62716a}.login{max-width:650px;margin:30px auto}.login form{max-width:350px;margin-top:30px}label{display:block;font-size:14px}input:not([type=range]):not([type=checkbox]){display:block;width:100%;padding:13px;margin:8px 0 18px;border:1px solid #bac3b6;border-radius:8px;background:#fffefa}.primary{background:#203c3a;color:white;width:100%;padding:15px}.primary:hover{background:#355752}small{display:block;color:#6a756d;font-size:12px;line-height:1.7;margin-top:12px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.intro p{font-size:14px}.summary{text-align:right;padding:20px}.summary b{display:block;font-size:48px;font-weight:400}.summary span{font-size:12px}.layout{display:grid;grid-template-columns:1fr 1.15fr;gap:45px}.sectionhead{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.sectionhead h2{font-size:17px;font-weight:500}.sectionhead span{font-size:10px;letter-spacing:2px;color:#788076}.chapter{width:100%;text-align:left;display:grid;grid-template-columns:32px 1fr;gap:12px;padding:18px 12px;border-top:1px solid #d8d9ce;border-radius:0}.chapter.active{background:#e5e9df;border-radius:10px;border-top-color:transparent}.chapter b{font-size:15px;font-weight:550}.chapter .number{font-family:serif;color:#9a7357;font-size:21px}.chapter small{margin:6px 0;font-size:11px}.bar{display:block;height:3px;background:#d9dfd4;border-radius:4px;overflow:hidden}.bar i{display:block;background:#577c64;height:100%}.player{background:#fffefa;border:1px solid #e1e0d5;border-radius:20px;padding:34px;align-self:start;position:sticky;top:20px;box-shadow:0 15px 45px #203c3a07}.player h2{font-family:serif;font-size:28px;font-weight:500;margin:16px 0 8px}.player p{font-size:13px}.record{display:flex;justify-content:center;padding:22px}.disc{width:164px;height:164px;border-radius:50%;background:repeating-radial-gradient(circle,#243e3a 0px,#243e3a 3px,#38534a 4px,#243e3a 5px);color:#ddd3b3;display:flex;align-items:center;justify-content:center;text-align:center;font-family:serif;font-size:27px;line-height:1.5;border:9px solid #f0efe4;box-shadow:0 10px 20px #203c3a16}.timeline input{width:100%;accent-color:#44694f}.timeline div{display:flex;justify-content:space-between;font-size:12px;color:#738076}.controls{display:flex;align-items:center;justify-content:center;gap:28px;margin:24px 0}.play{width:64px;height:64px;border-radius:50%;background:#203c3a;color:white;font-size:24px}.play:hover{background:#355752}.preferences{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e4e5dc;padding-top:20px}.preferences label{font-size:12px}.preferences select{border:0;background:#eef0e8;padding:5px;border-radius:5px}.hint{text-align:center;font-size:11px!important;margin-top:24px}#message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#203c3a;color:white;border-radius:10px;padding:12px 20px;max-width:90vw;z-index:10}#message:empty{display:none}dialog{border:1px solid #d8ddcf;border-radius:16px;padding:30px;max-width:90vw}dialog::backdrop{background:#182c2870}footer{text-align:center;padding:25px;color:#778175;font-size:12px;letter-spacing:2px}[hidden]{display:none!important}@media(max-width:700px){header{padding:18px 16px}.brand span{display:none}#account button{padding:8px;font-size:12px}main{padding:25px 16px}.intro{margin-bottom:20px}.intro h1{font-size:30px}.summary{padding:0}.summary b{font-size:32px}.layout{display:flex;flex-direction:column-reverse;gap:28px}.player{position:static;padding:24px}.record{padding:10px}.disc{height:120px;width:120px;font-size:22px}.login{margin-top:16px}.preferences{flex-wrap:wrap}}