:root{color-scheme:light;--ink:#283e50;--edge:#a5b3bf}*{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%;padding-bottom:130px}header{padding:calc(13px + env(safe-area-inset-top)) 17px 13px;background:linear-gradient(#8aa0b4,#6b849b 48%,#56738d 50%,#607d96);border-bottom:1px solid #354e63;color:white;text-shadow:0 1px #425e76}.brand{font-size:12px;font-weight:700;letter-spacing:1px}.brand span{color:#e2edf7;margin-left:9px}h1{font-size:23px;margin:6px 0 3px}header p{font-size:13px;margin:0}nav{position:sticky;top:0;z-index:4;display:flex;padding:9px 13px;background:linear-gradient(#edf2f7,#cdd8e2);border-bottom:1px solid #9aabba}nav button{flex:1;border:1px solid #8fa1b1;border-right:0;background:linear-gradient(white,#dce4ec);color:#35516b;padding:10px 2px;min-height:44px;font:inherit;font-size:15px}nav button:first-child{border-radius:5px 0 0 5px}nav button:last-child{border-right:1px solid #8fa1b1;border-radius:0 5px 5px 0}nav button[aria-pressed=true]{background:linear-gradient(#516e88,#7893aa);color:white;box-shadow:inset 0 1px 4px #334e65}main{max-width:720px;margin:auto;padding:13px}.intro,.hint{font-size:13px;color:#617585;margin:0 0 12px}.card{background:white;border:1px solid var(--edge);border-radius:7px;margin:0 0 16px;overflow:hidden;box-shadow:0 1px 2px #536a7a25}h2{font-size:17px;margin:0;padding:10px 13px;border-bottom:1px solid var(--edge);background:linear-gradient(#f1f6fb,#d7e1ea)}.body{padding:12px 13px}.voice-choice{display:flex;align-items:center;gap:6px;margin-bottom:9px}.voice-choice select{flex:1;min-width:0}.voice-choice .bevel{padding:8px 10px}select{width:100%;border:1px solid #a5b4c0;border-radius:4px;background:#fafcfe;color:#2f4c64;font:inherit;font-size:16px;min-height:44px;padding:8px 5px}label{display:block;font-size:13px;color:#556e83;margin:5px 0 7px}label select{margin-top:5px}.bevel{font:inherit;color:#35516b;background:linear-gradient(white,#dde5ed);border:1px solid #91a3b2;border-radius:5px;padding:9px 13px;min-height:44px;box-shadow:inset 0 1px white,0 1px 1px #52677730;cursor:pointer}.bevel:active{background:linear-gradient(#cfdae4,#f3f6f9);box-shadow:inset 0 1px 3px #60778b55}.bevel:disabled{opacity:.5;cursor:default}.primary{color:white;background:linear-gradient(#829eb6,#587993);border-color:#4a687f;text-shadow:0 1px #425d74}.sample{padding:12px 0;border-top:1px solid #e1e7ec}.sample:first-child{border-top:0;padding-top:0}.sample p{margin:0 0 8px;font:18px/1.55 Georgia,serif;color:#253a4b}.sample .hint{font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#617585}.sample button{width:100%}.word-buttons{display:flex;gap:6px;margin-bottom:11px}.word-buttons button{flex:1;min-width:0;padding:10px 4px;font-family:Georgia,serif}.rating{border-top:1px solid #e1e7ec;padding-top:12px}.rating-title{font-size:13px;margin:0 0 8px}.scores{display:flex;gap:7px;margin-bottom:10px}.scores button{flex:1;font:inherit;min-height:43px;color:#36546c;border:1px solid #a6b6c3;border-radius:4px;background:linear-gradient(white,#e0e8ef)}.scores button[aria-pressed=true],.qualified button[aria-pressed=true]{border-color:#a78a40;background:linear-gradient(#fff1be,#e8d486);color:#57491f}.qualified{display:flex;gap:7px;margin-bottom:9px}.qualified button{flex:1;font-size:14px}.notes{font:inherit;font-size:16px;line-height:1.5;border:1px solid #acb9c4;border-radius:4px;width:100%;padding:9px;min-height:70px;resize:vertical}.count{font-size:12px;color:#687f91;margin:8px 0 0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scene-play{width:100%;margin-top:6px}.script{margin-top:12px;font-size:14px}.script summary{cursor:pointer;color:#3b6485}.turn{padding:8px 9px;border-left:3px solid #d2dce5;margin:7px 0;background:#f7f9fb;transition:none}.turn.active{border-left-color:#557ca0;background:#edf4fa}.role{display:block;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#587188}.turn p{font:17px/1.5 Georgia,serif;margin:4px 0}.budget{background:#f3f6f9;border:1px solid var(--edge);border-radius:5px;padding:11px 12px;color:#5a7184;font-size:13px}.budget summary{cursor:pointer;color:#385b77}.budget p{margin:9px 0}a{color:#355e80}footer{position:fixed;bottom:0;left:0;right:0;z-index:5;border-top:1px solid #93a6b6;background:linear-gradient(#e9eff5fa,#cbd7e2fa);padding:10px 13px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -2px 7px #516b7f20}footer .footer-actions{display:flex;gap:8px;max-width:694px;margin:auto}footer button{display:block;flex:1;min-width:0;font-weight:600}footer #save{flex:2}#status{font-size:12px;line-height:1.5;max-width:694px;margin:5px auto 0;text-align:center;overflow-wrap:anywhere;min-height:18px}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7da5ca;outline-offset:2px}@media(max-width:360px){.pair{grid-template-columns:1fr}.word-buttons{flex-direction:column}}@media(min-width:740px){nav{justify-content:center}nav button{flex:0 1 230px}}