/* V31 — Interface refinement for Documents and Audio. Existing AdSense CSS intentionally unchanged. */
:root{--xs31-accent:#7be4f5;--xs31-soft:#111f31;--xs31-border:#35526b}
body.xs31-ui{font-size:15px}
.xs31-quickstart{border:1px solid var(--xs31-border);border-radius:19px;background:linear-gradient(110deg,#15253a,#101b2c 65%,#14243a);padding:16px 18px;margin:0 0 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:0 12px 30px #0002}
.xs31-quickstart-title{font-weight:850;letter-spacing:.01em;font-size:13px;min-width:150px}
.xs31-quickstart-items{display:flex;align-items:center;gap:9px;flex-wrap:wrap;flex:1}
.xs31-step{display:flex;align-items:center;gap:8px;color:#c3d9e8;font-size:12px}
.xs31-dot{display:inline-grid;place-items:center;border-radius:50%;width:27px;height:27px;flex:0 0 27px;background:#224c62;color:#d2fcff;font-weight:900}
.xs31-quickstart .xs31-cta{border:1px solid #69cce3;border-radius:12px;background:#194050;color:#ddfcff;padding:10px 15px;font-size:12px;font-weight:750;min-height:42px}
.xs31-quickstart .xs31-cta:hover{background:#285b72}
.xs31-finder,.xs31-audio-markers{padding:12px 14px;border:1px solid var(--xs31-border);background:#101e30;border-radius:14px;margin:12px 0;display:flex;flex-wrap:wrap;align-items:end;gap:10px}
.xs31-finder .xs31-field{display:grid;gap:4px;flex:1;min-width:150px;color:#a6c5d9;font-size:12px}
.xs31-finder input{background:#091525;border:1px solid #46647c;padding:10px 12px;border-radius:10px;min-height:43px;width:100%;max-width:100%}
.xs31-finder label:not(.xs31-field){font-size:12px;color:#c3d9e8;display:grid;gap:4px}
.xs31-finder select{background:#091525;border:1px solid #46647c;padding:10px;border-radius:10px;min-height:43px}
.xs31-finder button,.xs31-audio-markers button{min-height:43px}
.xs31-save-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;border:1px solid #47677a;background:#13283b;border-radius:99px;padding:7px 11px;white-space:nowrap;color:#b4e4ef}
.xs31-save-indicator[data-state='saving']{color:#f6d993}.xs31-save-indicator[data-state='error']{color:#ffbdbe;border-color:#8f555b}
.xs31-audio-markers{align-items:center}.xs31-audio-markers .xs31-marker-label{font-size:12px;font-weight:800;color:#d8edff;flex:0 1 180px}
.xs31-audio-markers .xs31-audio-help{font-size:11px;color:#a8c0d7;flex:1 1 210px}
.xs31-hint-note{font-size:11px;color:#b9c9d9;line-height:1.65;margin:7px 0}
.xs31-main-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 0}
.xs31-main-tabs a{border:1px solid #344d64;background:#101d2f;border-radius:100px;font-size:12px;padding:7px 12px;min-height:36px;display:inline-flex;align-items:center}
.xs31-main-tabs a[aria-current='page']{border-color:#77dcf0;color:#ccf8ff;background:#1a384b}
body.xs31-ui .hero{margin:7px 0 19px}
body.xs31-ui .hero h1{font-size:clamp(30px,4vw,48px)}
body.xs31-ui .hero p{max-width:740px;font-size:14px}
body.xs31-ui .workspace{padding:clamp(14px,1.8vw,24px)}
body.xs31-ui .field input,body.xs31-ui .field select{min-height:43px}
body.xs31-ui button:disabled{opacity:.52;cursor:not-allowed;filter:saturate(.6)}
body.xs31-ui .tool-btn,body.xs31-ui .btn{transition:background .16s ease,border-color .16s ease}
body.xs31-ui .upload-label{border-width:2px;transition:border-color .15s,background .15s}
body.xs31-ui .upload-label:focus-within{outline:2px solid #78e1ef;outline-offset:3px}
body.xs31-ui .audio-wave{height:clamp(185px,23vw,255px)}
body.xs31-ui .doc-page{font-size:var(--xs31-doc-font,15px)}
body.xs31-ui .doc-page[contenteditable=true]:focus{outline:3px solid #78ddee;outline-offset:1px}
body.xs31-ui .topbar{gap:12px}
body.xs31-ui .topbar .toplinks{gap:6px}
@media(max-width:850px){body.xs31-ui .topbar{position:relative}body.xs31-ui .hero{margin-bottom:16px}.xs31-quickstart{gap:12px}.xs31-quickstart-items{flex-basis:100%}}
@media(max-width:600px){body.xs31-ui main{padding:15px 11px 50px}body.xs31-ui .hero h1{font-size:30px}.xs31-quickstart{padding:12px}.xs31-step{font-size:11px}.xs31-finder,.xs31-audio-markers{padding:11px}.xs31-finder .xs31-field{flex-basis:100%}.xs31-audio-markers .xs31-marker-label{flex-basis:100%}body.xs31-ui .workspace{padding:13px}body.xs31-ui .doc-page{min-height:510px;padding:20px 16px;font-size:var(--xs31-doc-font,14px)}body.xs31-ui .editor-surface{padding:10px}body.xs31-ui .btn,body.xs31-ui .tool-btn{min-height:42px}body.xs31-ui .toplinks{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}body.xs31-ui .toplinks a{flex:0 0 auto;font-size:11px}}
@media(prefers-reduced-motion:reduce){body.xs31-ui *,body.xs31-ui *::before,body.xs31-ui *::after{scroll-behavior:auto;transition:none!important}}
@media print{.xs31-quickstart,.xs31-finder,.xs31-main-tabs,.xs31-save-indicator,.xs31-audio-markers{display:none!important}}