:root{color-scheme:light;--blue:#526e88;--edge:#a2afba;--ink:#263947}*{box-sizing:border-box}body{margin:0;background:#e6ebef;color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}header{padding:calc(16px + env(safe-area-inset-top)) 20px 17px;border-bottom:1px solid #304d65;background:linear-gradient(#8298ac 0%,#698199 48%,#536e87 50%,#607d96 100%);color:white;text-shadow:0 1px #405a72}.brand{font-size:13px;font-weight:700;letter-spacing:1px}.brand span{margin-left:8px;color:#e2edf7}h1{margin:7px 0 4px;font-size:23px;font-weight:600}header p{margin:0;font-size:14px}main{max-width:680px;margin:auto;padding:18px 14px calc(20px + env(safe-area-inset-bottom))}.sample-panel,.voice-card{background:#fff;border:1px solid var(--edge);border-radius:7px;box-shadow:0 1px 2px #566a7a25;margin-bottom:17px;overflow:hidden}.section-title{background:linear-gradient(#fafcff,#d9e2eb);border-bottom:1px solid var(--edge);padding:9px 13px;font-weight:600;font-size:15px}.tabs{display:flex;padding:12px 10px 4px;gap:0}.tabs button{flex:1;border:1px solid #9cabb8;border-right-width:0;background:linear-gradient(white,#dce4eb);color:#355069;font:inherit;font-size:14px;padding:10px 2px;min-height:44px}.tabs button:first-child{border-radius:5px 0 0 5px}.tabs button:last-child{border-right-width:1px;border-radius:0 5px 5px 0}.tabs button[aria-pressed=true]{background:linear-gradient(#536f89,#7690a8);color:white;box-shadow:inset 0 1px 4px #2c465d}.hint{font-size:13px;color:#627687;margin:7px 13px 12px}details{margin:12px 13px;padding-top:9px;border-top:1px solid #e1e6eb}summary{font-size:14px;cursor:pointer;color:#3c6385}#transcript{line-height:1.7;margin:10px 0 4px}pre{white-space:pre-wrap;font:15px/1.6 Georgia,serif;background:#fbfaf5;border:1px solid #dbd4b9;margin:12px;padding:14px}.intro,.foot{font-size:13px;color:#60717f;margin:12px 2px 17px}.voice-head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #b0bcc6;background:linear-gradient(#eef3f8,#d8e1e9)}.voice-head h2{font-size:17px;margin:0}.bevel{border:1px solid #8e9fad;border-radius:5px;background:linear-gradient(white,#dce4ec);color:#324e66;font:inherit;padding:9px 14px;min-height:44px;box-shadow:inset 0 1px #fff,0 1px 1px #61728330;cursor:pointer}.bevel:active{background:linear-gradient(#d3dce5,#f0f4f7);box-shadow:inset 0 1px 3px #63778a55}.bevel:disabled{opacity:.5;cursor:default}.primary{background:linear-gradient(#819db6,#587791);color:white;border-color:#4b687f;text-shadow:0 1px #405b70}.voice-head .bevel{padding:8px 13px;min-width:100px}.audio-note{margin:7px 13px;color:#6a7985;font-size:12px;min-height:20px}.rating-row{padding:10px 13px;border-top:1px solid #e7ebef;display:flex;align-items:center;justify-content:space-between;gap:8px}.rating-row .label{font-size:14px;min-width:66px}.score{display:flex;gap:4px}.score button{border:1px solid #acb8c3;border-radius:4px;background:linear-gradient(#fff,#e5ebf0);width:36px;min-height:42px;color:#3a5369;font:inherit}.score button[aria-pressed=true],.choice-row button[aria-pressed=true]{border-color:#a58937;background:linear-gradient(#fff1bd,#e8d17e);color:#594920;box-shadow:inset 0 1px 2px #a0833840}.qualification{padding:11px 13px;border-top:1px solid #e7ebef}.qualification p{font-size:14px;margin:0 0 8px}.choice-row{display:flex;flex-wrap:wrap;gap:7px}.choice-row button{font:inherit;font-size:14px;border:1px solid #a7b5c1;border-radius:4px;padding:8px 12px;min-height:44px;background:linear-gradient(#fff,#e2e9ef);color:#3b5368}.notes{display:block;width:calc(100% - 26px);margin:0 13px 13px;border:1px solid #b0bcc7;border-radius:4px;padding:10px;resize:vertical;min-height:76px;font-size:16px;line-height:1.5;color:var(--ink);font-family:inherit}.preference .choice-row{padding:13px}.secondary{margin:0 13px 13px;font-size:14px}#identities{padding:0 13px 12px;font-size:13px;overflow-wrap:anywhere}#identities p{margin:7px 0}.save-bar{position:sticky;bottom:0;margin:0 -14px;padding:12px 14px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(#e9eef3f8,#ccd7e1fa);border-top:1px solid #9eafbd;box-shadow:0 -2px 8px #52677718}.save-bar button{width:100%;font-weight:600}#status{margin:6px 0 0;text-align:center;font-size:13px;overflow-wrap:anywhere}.foot{margin-top:15px}button:focus-visible,summary:focus-visible{outline:3px solid #7aa9d4;outline-offset:2px}@media(max-width:360px){.score button{width:31px}.rating-row{padding:10px}.score{gap:3px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}