:root{--ink:#f3f6f9;--muted:#a2afbf;--line:#ffffff1c;--green:#8bf0ba;--green-bg:#69e5a01c;--red:#ff9db1;--red-bg:#ff6c9020;--blue:#a1b6d0;--blue-bg:#8ab1e510;--white:#17212e;--shadow:0 24px 80px #0006;font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:#192131;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#192131;--charge-glow:121,161,219;--glow-strength:.1;transition:background-color .8s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 23%,rgba(var(--charge-glow),var(--glow-strength)),transparent 64%),linear-gradient(180deg,#080e1740,#080c16c9);transition:background .8s}.topbar,main,footer{position:relative}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}a{color:inherit}button{transition:background .18s,transform .18s,border-color .18s}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #dcf8ff;outline-offset:4px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar,main,footer{width:min(980px,calc(100% - 80px));margin-inline:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:1.65rem;font-weight:650;letter-spacing:-1px;display:flex;align-items:center}.brand-dot{color:#b7efcf}.brand-mark{display:flex;align-items:center;gap:4px;margin-right:12px}.brand-mark i{display:block;width:5px;height:16px;background:#8cf0b7;border-radius:4px}.brand-mark i:nth-child(2){height:24px;background:#ff9fb5}.brand-mark i:nth-child(3){height:12px;background:#a9b8d0}.top-actions{display:flex;align-items:center;gap:25px}.text-button{border:0;background:transparent;padding:10px 0;font-size:.875rem;font-weight:500;white-space:nowrap;min-height:40px;color:var(--muted)}.text-button:hover{color:#fff}.help-button{border:1px solid #ffffff30;border-radius:50%;width:34px;min-height:34px;height:34px;padding:0;color:#d7e2ef}.intro{padding:29px 0 8px;text-align:center}h1{font-size:1.35rem;font-weight:400;letter-spacing:-.3px;margin:0;color:#b9c6d4}h1 em{font-style:normal;color:#edf3f8}h2{font-size:1rem;font-weight:600;margin:0}.quiet{font-size:.8125rem;color:var(--muted);line-height:1.5}
.workbench{width:100%;max-width:800px;margin:0 auto}.charge-panel{padding:27px 45px 28px}.charge-meter{width:100%}.meter-readings{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:25px;text-align:center}.meter-side{display:flex;flex-direction:column;gap:7px;padding-top:19px}.meter-side strong{font-size:1.85rem;font-weight:450;letter-spacing:-1px;font-variant-numeric:tabular-nums}.meter-side span{font-size:.875rem}.negative-label{color:var(--red)}.positive-label{color:var(--green)}.meter-readout{display:flex;flex-direction:column;align-items:center;gap:5px}.meter-readout strong{font-size:6.25rem;font-weight:450;line-height:1.1;letter-spacing:-7px;font-variant-numeric:tabular-nums;text-shadow:0 0 55px rgba(var(--charge-glow),.18)}.meter-readout span{font-size:.875rem;color:#b9c8d5;letter-spacing:.4px}.meter-readout strong[data-tone=positive]{color:#d2ffe5}.meter-readout strong[data-tone=negative]{color:#ffd6e0}.meter-readout strong[data-tone=empty]{color:#91a1b5}.spectrum{height:20px;position:relative;margin:33px 0 6px}.spectrum-track{height:12px;position:absolute;left:0;right:0;top:4px;border-radius:7px;background:linear-gradient(90deg,#fc7296,#f189ad 23%,#7184ac 50%,#65d4a5 76%,#8ef3b0);box-shadow:0 0 30px rgba(var(--charge-glow),.15);opacity:.9}.spectrum-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(6.666% - 2px),#11203188 calc(6.666% - 2px),#11203188 6.666%);border-radius:inherit}.spectrum-marker{position:absolute;left:50%;top:-4px;width:5px;height:28px;border-radius:4px;background:#fff;box-shadow:0 0 0 4px #13203399,0 0 18px #fff8;transform:translateX(-50%);transition:left .6s cubic-bezier(.2,.8,.2,1),opacity .3s}.inactive .spectrum-marker{opacity:0}.inactive .spectrum-track{opacity:.3}.inactive .meter-side{color:#91a1b5}.meter-comparison{text-align:center;font-size:.8125rem;color:var(--muted);margin:19px 0 -7px;line-height:1.5}
.studio{padding:23px 27px 24px;background:linear-gradient(120deg,#ffffff09,#ffffff03);border:1px solid #ffffff20;border-radius:18px;box-shadow:0 14px 60px #0000000c;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading label{font-size:.875rem;font-weight:500;color:#dce7ef}#save-state{font-size:.75rem;color:#8b9aaa}#sentence{display:block;resize:vertical;min-height:81px;max-height:240px;width:100%;margin:9px 0 0;padding:8px 0;background:transparent;border:0;color:#f2f6f9;font:400 1.5rem/1.5 "Avenir Next",sans-serif;letter-spacing:-.5px;caret-color:#c9ffdf}#sentence::placeholder{color:#8290a3}#sentence:focus-visible{outline:0}#sentence[aria-invalid=true]{color:#ffc5d0}.input-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.input-footer>.quiet{font-size:.75rem}#char-count{font-variant-numeric:tabular-nums;white-space:nowrap}.over-limit{color:#ffb0c0!important}.word-map{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 7px;min-height:0;padding:15px 0 20px;line-height:1.6;border-top:1px solid var(--line);margin-top:17px}.word-map.empty{padding:0;margin-top:4px;border:0}.word-tile{display:inline-flex;align-items:center;gap:9px;font-size:1.125rem;font-weight:550;line-height:1.3;padding:9px 11px;min-height:42px;border:1px solid #ffffff13;border-radius:7px;max-width:100%;overflow-wrap:anywhere;text-align:left;box-shadow:0 2px 0 #0002}.word-tile:hover{transform:translateY(-2px);border-color:currentColor}.positive{color:var(--green);background:var(--green-bg)}.negative{color:var(--red);background:var(--red-bg)}.descriptive{color:var(--blue);background:var(--blue-bg)}.word-tile.descriptive{padding:5px 1px;margin:0 1px;background:transparent;border:0;box-shadow:none;border-radius:3px;font-size:.9375rem;font-weight:400;color:#a1b2c9;min-height:36px}.word-tile.descriptive:hover{color:#e0eafb;text-decoration:underline;text-underline-offset:4px;transform:none}.word-tile .symbol{font-size:.8125rem;opacity:.7}.word-tile.customized{border-bottom-color:currentColor}.word-tile.descriptive.customized{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px}.punctuation{color:#a1b2c9;margin-left:-5px}.map-break{flex-basis:100%;height:0}.studio-actions{display:flex;align-items:center;gap:12px;margin-top:9px}.studio-actions>.text-button{margin-left:auto}.button{font-size:.875rem;line-height:1.5;font-weight:600;min-height:43px;padding:10px 22px;border-radius:9px}.button.primary{background:#d3efdf;border:1px solid #d3efdf;color:#183d30}.button.primary:hover{background:#e5ffef}.button.secondary{border:1px solid #ffffff24;background:#ffffff07;color:#d7e1ed}.button.secondary:hover{background:#ffffff10}.wide{width:100%}.unknown-note{display:none}
.history-section{max-width:800px;margin:25px auto 28px;border-bottom:1px solid var(--line)}.history-toggle{display:flex;align-items:center;gap:10px;padding:15px 2px;list-style:none;cursor:pointer;font-size:.875rem;color:#b9c7d5}.history-toggle::-webkit-details-marker{display:none}#history-count{font-size:.75rem;color:#8d9daf;font-variant-numeric:tabular-nums}.disclosure-mark{margin-left:auto;font-size:1.1rem;color:#a4b5c8}.history-section[open] .disclosure-mark{font-size:0}.history-section[open] .disclosure-mark:after{content:'−';font-size:1.1rem}.history-tools{display:flex;justify-content:flex-end;gap:21px;padding:0 0 10px}.history-tools button{font-size:.8125rem}.history{display:grid;gap:12px;padding-bottom:20px}.history-empty{font-size:.875rem;color:var(--muted);padding:10px 0;line-height:1.6}.history-card{padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#ffffff04;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:start}.history-index{font-size:.75rem;color:var(--muted);padding-top:6px}.history-sentence{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:1rem}.history-word{padding:3px 6px;border-radius:4px;max-width:100%;overflow-wrap:anywhere}.history-word.descriptive{padding:3px 0;background:none;font-size:.875rem}.history-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.75rem;color:var(--muted);margin-top:12px;line-height:1.5}.history-score{color:#d8e3ef}.mini-meter{width:55px;height:4px;border-radius:3px;background:linear-gradient(90deg,#fb7b9d,#8595b3,#87e8ae);position:relative;display:inline-block;margin:0 3px}.mini-meter i{position:absolute;top:-3px;width:3px;height:10px;background:#fff;transform:translateX(-50%);border-radius:2px}.history-controls{display:flex;gap:13px}.history-controls button{font-size:.8125rem}.history-controls .delete-version{color:#8b99aa}footer{display:flex;gap:20px;align-items:center;font-size:.75rem;color:#94a3b4;padding:0 0 26px}footer>div{margin-right:auto}footer p{margin:0}footer button.text-button{font-size:.75rem}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;z-index:20;padding:13px 20px;border-radius:10px;background:#243a49;color:#f5fafc;border:1px solid #ffffff30;box-shadow:var(--shadow);font-size:.875rem;line-height:1.5}.notice{padding:15px 18px;border-radius:10px;font-size:.875rem;line-height:1.6;margin:15px 0}.error{background:#602e41;color:#ffe5ec;border:1px solid #ef94ad66}
dialog{border:1px solid #ffffff30;border-radius:18px;background:#192432;color:var(--ink);padding:27px;box-shadow:var(--shadow);width:calc(100% - 30px);max-height:calc(100dvh - 30px);overflow:auto}dialog::backdrop{background:#070d16a6;backdrop-filter:blur(9px)}.word-dialog{max-width:510px}.large-dialog{max-width:640px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:.75rem;letter-spacing:1.5px;color:var(--muted);margin:0;line-height:1.6}.close-button{border:0;background:transparent;color:#b9c5d4;font-size:1.7rem;line-height:1;min-width:36px;min-height:36px;padding:2px 4px}.word-dialog h2,.large-dialog h2{font-size:2rem;font-weight:450;letter-spacing:-.8px;margin:15px 0;overflow-wrap:anywhere}.dialog-note{font-size:.875rem;line-height:1.6;color:var(--muted)}.large-dialog>p,#source-details p{font-size:1rem;line-height:1.65}.polarity-field,.scope-field{border:0;padding:0;margin:22px 0}.polarity-field legend,.scope-field legend,.replace-field>label{font-size:.875rem;font-weight:500;margin-bottom:12px}.polarity-options{display:flex;gap:8px}.polarity-options button{border:1px solid #ffffff20;border-radius:8px;padding:12px 8px;font-size:.875rem;flex:1;min-width:0;min-height:44px}.polarity-options button[aria-pressed=true]{border-color:currentColor;box-shadow:0 0 0 1px currentColor}.scope-field{display:flex;flex-direction:column;gap:13px}.scope-field label{display:flex;align-items:center;gap:9px;font-size:.875rem}.scope-field input{accent-color:#8fe9b9}.restore-button{display:block;margin:5px auto 0;font-size:.8125rem}.replace-field{border-top:1px solid var(--line);padding-top:18px;margin-top:17px}.replace-field>label{display:block}.replace-field>div{display:flex;gap:10px}input[type=text],input[type=search]{min-width:0;padding:11px 12px;border:1px solid #ffffff29;border-radius:8px;background:#0d1926;color:#eef5fa}.replace-field input{width:100%}.swap-suggestions{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.suggestion-label{font-size:.875rem;color:#b6c4d4;margin:0 0 10px}.suggestion-group{display:flex;flex-wrap:wrap;gap:7px}.suggestion-group button{font-size:.9375rem;border:1px solid #ffffff21;padding:8px 11px;border-radius:7px;min-height:40px}.suggestion-group button:hover{border-color:currentColor}.suggestion-kind{font-size:.75rem;color:#8ea0b5;margin:13px 0 8px}.suggestion-empty{font-size:.8125rem;color:var(--muted);line-height:1.5;margin:0}.search-input{width:100%;margin:10px 0}.dictionary-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 15px}.dictionary-filters>.quiet{margin-left:auto}.chip{padding:8px 12px;border:1px solid #ffffff27;background:transparent;border-radius:7px;font-size:.875rem}.chip.active{background:#cfedff16;border-color:#9eb7cf80}.dictionary-list{max-height:400px;overflow:auto}.dictionary-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 32px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.dictionary-row strong{font-size:1rem;font-weight:500;overflow-wrap:anywhere}.dictionary-row small{display:block;font-size:.75rem;color:var(--muted);line-height:1.4;margin-top:5px}.dictionary-row select{border:1px solid #ffffff25;border-radius:5px;padding:9px 5px;font-size:.8125rem;width:100%;cursor:pointer}.dictionary-row option{background:#192432}.dictionary-row button{background:transparent;border:0;font-size:1.3rem;color:#9cbad2;min-height:40px}.dictionary-empty{color:var(--muted);font-size:.875rem;line-height:1.6}.category-symbol{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:6px;font-style:normal}.how-row{display:flex;align-items:center;gap:13px;margin:20px 0}.how-row p{margin:0;line-height:1.6}.source-links{display:flex;flex-wrap:wrap;gap:14px;font-size:.875rem;padding-top:10px}.source-links a{color:#b5d8ec;text-underline-offset:4px}
@media(max-width:700px){.topbar,main,footer{width:calc(100% - 36px)}.topbar{height:72px}.brand{font-size:1.4rem}.brand-mark{margin-right:9px}.top-actions{gap:19px}.intro{padding:23px 0 7px}h1{font-size:1.15rem}.charge-panel{padding:23px 15px 26px}.meter-readings{gap:12px;grid-template-columns:1fr 1.35fr 1fr}.meter-readout strong{font-size:5rem;letter-spacing:-5px}.meter-side strong{font-size:1.55rem}.meter-side span{font-size:.8125rem}.spectrum{margin-top:27px}.studio{padding:20px 19px;border-radius:15px}#sentence{font-size:1.25rem;min-height:88px;letter-spacing:-.25px}.word-map{gap:8px 6px;padding:15px 0 17px}.word-tile{font-size:1rem;min-height:40px;padding:8px 10px}.word-tile.descriptive{font-size:.875rem}.button{padding:10px 18px}.history-section{margin-top:19px;margin-bottom:20px}.history-card{grid-template-columns:20px minmax(0,1fr);gap:10px;padding:15px}.history-controls{grid-column:2;justify-content:flex-end}.history-meta>span:first-child{width:100%}footer{gap:16px;font-size:.75rem}footer>div{max-width:180px}dialog{padding:24px 20px}.dictionary-row{grid-template-columns:minmax(0,1fr) 120px 28px;gap:8px}.polarity-options button{font-size:.8125rem;padding:12px 5px}.word-dialog h2,.large-dialog h2{font-size:1.8rem}.input-footer{align-items:baseline}.input-footer>.quiet{font-size:.75rem}#char-count.over-limit{white-space:normal;text-align:right;max-width:160px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.word-tile:hover{transform:none}}
.suggestion-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.suggestion-columns .suggestion-kind{margin:0 0 8px}.suggestion-columns .negative-label{color:var(--red)}.suggestion-columns .positive-label{color:var(--green)}.descriptive-column{grid-column:1/-1}.descriptive-column .suggestion-kind{color:var(--blue)}.descriptive-column .suggestion-group button{background:transparent}.scope-field{flex-direction:row;flex-wrap:wrap;gap:12px 22px;margin:18px 0}.scope-field legend{margin-bottom:8px}.word-dialog .dialog-note{font-size:.8125rem;margin:0 0 15px}.word-dialog .polarity-field{margin:17px 0}.word-dialog .replace-field{margin-top:15px;padding-top:15px}.word-dialog .swap-suggestions{margin-top:15px;padding-top:15px}
/* The two polarities lead; the word difference is a quiet reading. */
.charge-panel{padding:37px 35px 29px}.meter-readings{grid-template-columns:1fr auto 1fr;gap:20px;align-items:end}.meter-side{padding:0;gap:5px}.meter-side:first-child{align-items:flex-start}.meter-side:last-child{align-items:flex-end}.meter-side strong{font-size:2.3rem;letter-spacing:-1.4px}.meter-readout{flex-direction:row;gap:5px;padding:0 0 3px;align-items:baseline}.meter-readout strong{font-size:1.1rem;letter-spacing:0;font-weight:500;text-shadow:none;color:#cfdae7!important;line-height:1.5}.meter-readout span{font-size:.8125rem;color:#9eafc2;letter-spacing:0}.spectrum{margin-top:23px}.studio{position:relative;overflow:hidden}.studio:after{content:"";position:absolute;inset:0;pointer-events:none;background:#fff;border-radius:inherit;opacity:0}.studio.capture:after{animation:capture-flash .48s ease-out}.studio-actions{justify-content:center;margin-top:13px}.copy-control{display:flex;flex-direction:column;align-items:center;gap:9px;padding:4px 20px;background:transparent;border:0;color:#dbe8ed;font-size:.875rem;min-height:80px;min-width:90px;border-radius:15px}.shutter{position:relative;display:block;width:56px;height:56px;border:2px solid #dceaf0bb;border-radius:50%;padding:5px;transition:transform .15s,border-color .15s}.shutter:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:#dfedf3;box-shadow:0 2px 13px #0002;transition:transform .15s,background .15s}.copy-control:hover:not(:disabled) .shutter{border-color:#fff;transform:scale(1.04)}.copy-control:active:not(:disabled) .shutter:before{transform:scale(.83);background:#fff}.capture .shutter{animation:shutter-click .45s ease-out}.copy-control:disabled{opacity:.3}@keyframes capture-flash{0%{opacity:.2}100%{opacity:0}}@keyframes shutter-click{0%{box-shadow:0 0 0 0 #dceaf060}100%{box-shadow:0 0 0 17px #dceaf000}}@media(max-width:700px){.charge-panel{padding:28px 14px 23px}.meter-readings{gap:10px}.meter-side strong{font-size:1.85rem;letter-spacing:-.8px}.meter-readout strong{font-size:1rem}.meter-readout span{font-size:.75rem}.spectrum{margin-top:20px}.shutter{width:52px;height:52px}.studio-actions{margin-top:10px}}
/* All words share one tile system; charge is carried by colour. */
.word-tile.descriptive{padding:9px 11px;margin:0;background:#8ab1e514;border:1px solid #a7bdd225;box-shadow:0 2px 0 #0002;border-radius:7px;font-size:1.125rem;font-weight:550;min-height:42px;color:#adbed4}.word-tile.descriptive:hover{color:#d7e4f5;border-color:currentColor;text-decoration:none;transform:translateY(-2px)}.word-tile.descriptive.customized{text-decoration:none;border-bottom-color:currentColor}@media(max-width:700px){.word-tile.descriptive{font-size:1rem;min-height:40px;padding:8px 10px}}
.meter-readout{display:flex;flex-direction:column;gap:7px;padding:0 0 2px;align-items:stretch}.meter-readout>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.meter-readout span{font-size:.8125rem;letter-spacing:0;color:#b6c7d8}.meter-readout strong{font-size:.9375rem!important;line-height:1.3;letter-spacing:0;color:#edf5fa!important;font-weight:550}.meter-readings{align-items:center}@media(max-width:700px){.meter-readout{gap:6px}.meter-readout>div{gap:10px}.meter-readout span{font-size:.75rem}.meter-readout strong{font-size:.875rem!important}}
.copy-control{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;min-width:128px;min-height:46px;padding:11px 35px;border-radius:10px;border:1px solid #e2eef5aa;background:#e2eef5;color:#213447;font-size:.9375rem;font-weight:600;box-shadow:0 3px 14px #0002}.copy-control:hover:not(:disabled){background:#f2faff}.copy-control:active:not(:disabled){transform:scale(.97)}.capture .copy-control{animation:keep-pulse .48s ease-out}@keyframes keep-pulse{0%{box-shadow:0 0 0 0 #e2eef580}100%{box-shadow:0 0 0 14px #e2eef500}}
.meter-readout>div:first-child span,.meter-readout>div:first-child strong{color:var(--green)!important}.meter-readout>div:last-child span,.meter-readout>div:last-child strong{color:var(--red)!important}
.brand-sen{color:var(--green)}.brand-tensions{color:var(--red)}
.brand-mark i,.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){height:18px;width:5px}.brand-mark i{background:var(--red)}.brand-mark i:nth-child(2){background:var(--green)}.brand-mark i:nth-child(3){background:var(--blue)}

dialog{position:fixed;inset:0;margin:auto;height:fit-content}
/* Account sync stays secondary to the game. */
.sync-control{color:#9fb5c9}.sync-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:8px 10px 4px 0}#sync-dialog h2{font-size:1.8rem}#sync-message{font-size:1rem;line-height:1.6}#sync-account{overflow-wrap:anywhere}
@media(max-width:600px){.topbar{height:auto;min-height:80px;flex-wrap:wrap;padding:17px 0 13px;gap:15px}.top-actions{margin-left:auto;gap:17px}.sync-control{font-size:.8125rem}}

main{padding-bottom:28px}
.clear-control{font-size:.8125rem;color:#acbfd0;padding:4px 0 4px 12px;min-height:28px}.clear-control:hover:not(:disabled){color:#eef6fc;text-decoration:underline;text-underline-offset:3px}

#shared-status{font-size:.8125rem;color:#9fb5c9;white-space:nowrap}#shared-status.sync-problem{color:#e5c694}
/* One writing surface: words keep their tile colours while remaining editable. */
.section-heading #thought-label{font-size:.875rem;font-weight:500;color:#dce7ef}
.entry-tools{display:flex;align-items:center;gap:15px}
.word-options{min-height:40px;padding:7px 12px;border:1px solid #abcbd940;border-radius:7px;background:#bfdcee0c;color:#dcecf5;font-size:.8125rem;font-weight:500}
.word-options:hover:not(:disabled){background:#bfdcee22;border-color:#dcecf5}
#sentence.inline-editor{display:block;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;overflow-y:auto;min-height:148px;max-height:380px;padding:12px 3px 18px;margin:9px 0 14px;font:400 1.125rem/2.55 "Avenir Next",sans-serif;letter-spacing:0;cursor:text;outline:0;border-bottom:1px solid #ffffff12;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
#sentence.inline-editor:focus{border-bottom-color:#c9ffdf66}
#sentence.inline-editor.is-empty:before{content:attr(data-placeholder);color:#8290a3;pointer-events:none}
#sentence.inline-editor .word-tile{display:inline;min-height:0;max-width:none;font:inherit;font-weight:500;line-height:inherit;padding:7px 8px;margin:0;border:1px solid #ffffff20;border-radius:6px;box-shadow:0 2px 0 #0002;box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:text;text-decoration:none}
#sentence.inline-editor .word-tile.descriptive{color:var(--blue);background:var(--blue-bg)}
#sentence.inline-editor .word-tile:hover{transform:none;text-decoration:none;border-color:currentColor}
#sentence.inline-editor .word-tile.customized{border-bottom-color:currentColor}
#sentence.inline-editor .word-tile[data-active-word]{outline:1px solid currentColor;outline-offset:1px}
#sentence.inline-editor::selection,#sentence.inline-editor *::selection{background:#dbeeff55;color:#fff}
.input-footer{flex-wrap:wrap}
@media(max-width:700px){#sentence.inline-editor{font-size:1rem;min-height:150px;max-height:360px;line-height:2.55}.input-footer{row-gap:4px}.input-footer #char-count{margin-left:auto}.entry-tools{gap:12px}.word-options{padding:7px 10px}}

/* Selected-word colour controls precede the thought; swaps precede Copy. */
.selected-word-title{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.entry-tools{margin-left:auto;flex-shrink:0;display:flex;gap:20px}
.word-panel{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid #ffffff24;scroll-margin-top:18px}
.word-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}
.word-panel .polarity-field{margin:0 0 10px}
.word-panel-actions{display:flex;align-items:center;gap:20px}
.word-panel .button{min-height:40px;padding:8px 15px;font-size:.8125rem}
.word-panel .text-button{font-size:.8125rem}
.swap-panel .swap-suggestions{margin-top:0;padding-top:8px}
.swap-panel .suggestion-label{display:none}
.swap-panel .suggestion-group{max-height:100px;overflow:auto;padding:2px}
.swap-panel .replace-field{margin-top:14px;padding-top:13px}
.swap-panel .replace-field>label{font-size:.8125rem;margin-bottom:8px}
@media(max-width:700px){.entry-tools{gap:16px}.word-panel-actions{gap:18px}}

.swap-panel{margin:18px 0 22px;padding-top:18px;border-top:1px solid #ffffff24}
.swap-panel>h2{font-size:.875rem;font-weight:500;color:#dce7ef;overflow-wrap:anywhere;margin-bottom:12px}
.swap-panel .swap-suggestions{border-top:0}
.copy-control{min-width:150px;min-height:50px;border-radius:12px;letter-spacing:.025em;text-transform:none}