.bridge{padding-bottom:28px}.bridge .bar-title{min-width:0}.bridge .bar-sub{line-height:1.4}.bridge h1{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:12px 0}.bridge h2{font-size:21px;margin:0 0 12px}.bridge h3{font-size:16px;margin:18px 0 8px}.bridge p{line-height:1.6}.bridge .muted,.bridge-foot{color:var(--ink-2);font-size:14px}.bridge .kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);font-weight:600}.bridge-card{padding:22px;margin:18px 0;background:var(--surf-1);border:1px solid var(--surf-3);border-radius:var(--r-lg);overflow-wrap:anywhere}.bridge .buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.bridge .buttons>*{flex:1;min-width:120px}.bridge .b-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:8px;padding:12px 16px;font:inherit;font-size:15px;font-weight:500;line-height:1.45;border:1px solid var(--surf-3);border-radius:13px;background:var(--surf-2);color:var(--ink);text-decoration:none;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.bridge .b-btn.primary{background:var(--acc-grad);border:0;color:#0b0c0f;font-weight:700}.bridge .b-btn[disabled]{opacity:.5;cursor:default}.bridge .b-btn.selected{border-color:var(--acc);background:var(--acc-soft)}.bridge .b-btn:focus-visible,.bridge a:focus-visible,.bridge textarea:focus-visible{outline:3px solid var(--acc);outline-offset:3px}.bridge .options{display:grid;gap:10px;margin-top:20px}.bridge .options .b-btn{justify-content:flex-start;text-align:left;min-height:58px}.bridge .tokens{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;min-height:55px}.bridge .ordered{padding:12px;background:var(--surf-2);border-radius:13px}.bridge .prompt{font-size:21px;line-height:1.5;margin-top:0;white-space:pre-line}.bridge blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--acc);background:var(--acc-soft);border-radius:0 10px 10px 0;white-space:pre-line}.bridge label{display:block;margin:16px 0 8px;font-size:14px;color:var(--ink-2)}.bridge textarea{width:100%;min-height:140px;resize:vertical;padding:15px;background:var(--surf-2);color:var(--ink);border:1px solid var(--surf-3);border-radius:12px;font:inherit;font-size:17px;line-height:1.55}.bridge .stats{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-2);margin:16px 0 8px}.bridge progress{width:100%;height:7px;accent-color:var(--acc)}.bridge .feedback{border-color:var(--ok)}.bridge .feedback.fail{border-color:var(--warn)}.bridge .feedback.skip{border-color:var(--ink-3)}.bridge details{margin:15px 0}.bridge summary{padding:12px 0;cursor:pointer;min-height:48px}.bridge a{color:var(--acc)}.bridge .b-btn.primary{color:var(--bg)}.bridge .topic-card{display:block;text-decoration:none;color:var(--ink)}.bridge .topic-card strong{font-size:26px}.bridge .topic-card small{display:block;color:var(--ink-2);margin:8px 0}.bridge .topic-card:hover{border-color:var(--acc)}.bridge ul{padding-left:22px}.bridge li{margin:7px 0}.bridge-foot{text-align:center;font-size:12px;margin:28px 0}.bridge .recording{border-color:var(--err);color:var(--err)}#bridge-notice{margin:12px 0;padding:14px;border:1px solid var(--warn);border-radius:12px;overflow-wrap:anywhere}#bridge-notice[hidden]{display:none}#version-badge{display:none}
/* Modal compartilhado sem carregar styles.css junto do sistema ui.css. */
#settings-modal{--border:var(--surf-3);position:fixed;inset:0;z-index:11000;background:rgba(0,0,0,.75);display:none;align-items:flex-end;justify-content:center}#settings-modal.show{display:flex}#settings-modal .modal{width:100%;max-width:480px;background:var(--surf-1);border:1px solid var(--surf-3);border-radius:22px 22px 0 0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}#settings-modal .modal-title{font-size:22px;margin-bottom:18px}#settings-modal .modal-label{font-size:13px;color:var(--ink-2);margin:8px 0}#settings-modal .modal-input{width:100%;background:var(--surf-2);color:var(--ink);padding:12px;border:1px solid var(--surf-3);border-radius:10px;font-size:16px}#settings-modal .modal-note{font-size:12px;color:var(--ink-2);line-height:1.6;margin:10px 0}#settings-modal .btn{min-height:48px;padding:10px 12px;border:1px solid var(--surf-3);border-radius:10px;background:var(--surf-2);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}#settings-modal .btn-primary{width:100%;background:var(--acc-grad);color:var(--bg);font-weight:600}
@media(max-width:360px){.bridge-card{padding:16px}.bridge h1{font-size:28px}.bridge .prompt{font-size:19px}.bridge .buttons>*{min-width:100px}}