/* Accent Letters — a quiet, useful place to find the right character. */
:root {
  --bg-canvas:#f6f7f3; --bg-canvas-subtle:#edf1ec; --bg-surface:#fff; --bg-tile:#fff;
  --bg-tile-hover:#f0f7f3; --bg-active-pill:#e7f1eb;
  --border-subtle:#e3e8e1; --border-medium:#ced7ce; --border-strong:#aebdaf; --border-focus:#176b59;
  --text-primary:#233c34; --text-secondary:#5d6d64; --text-muted:#66776d;
  --accent-primary:#176b59; --accent-primary-hover:#105240; --accent-light:#edf5ef; --accent-border:#aecbbb;
  --shadow-tile-hover:0 5px 14px #194b3610; --content-max:1320px; --header-height:78px;
}
body {font-size:14px}
button,input,textarea,select {font:inherit}
button,a,input,select,textarea,summary {-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {outline:3px solid #27806b;outline-offset:3px}
button {touch-action:manipulation}
button:disabled {cursor:not-allowed}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header {height:auto;min-height:78px;background:#fff;border-bottom:1px solid var(--border-subtle);box-shadow:none;backdrop-filter:none}
.header-container {min-height:78px;gap:30px}
.logo {gap:10px;flex-shrink:0}
.logo-mark,.logo-svg {width:35px;height:35px}
.logo-mark {box-shadow:none}
.logo-text {font-size:22px;font-weight:700;letter-spacing:-1px;color:var(--text-primary)}
.logo-text-sub {color:var(--text-primary);font-weight:500}
.logo-period {color:var(--accent-primary)}
.main-nav {gap:8px}
.main-nav a {padding:11px 15px;font-size:13px;border-radius:7px}
.main-nav a.active {background:var(--accent-light);color:var(--accent-primary)}
.main-nav a.active::after {display:none}
.header-search-btn {min-height:40px;background:transparent;border:0;gap:12px}
.kbd-shortcut {color:var(--text-secondary);background:#fff;border:1px solid var(--border-medium);border-radius:5px;font-size:11px;padding:3px 6px;white-space:nowrap}
.desk-intro {display:flex;align-items:center;justify-content:space-between;padding-top:38px;padding-bottom:32px;gap:20px}
.eyebrow {font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--accent-primary)}
.status-dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:#6e9b70;margin-right:6px;vertical-align:1px}
.desk-intro h1 {font-size:clamp(28px,3vw,41px);font-weight:600;letter-spacing:-1.65px;line-height:1.25;margin:12px 0}
.desk-intro h1 em {font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent-primary)}
.desk-intro>div>p:last-child {color:var(--text-secondary);font-size:14px}
.intro-specimen {display:flex;gap:8px;padding-right:10px;flex-shrink:0}
.intro-specimen span {display:grid;place-items:center;width:66px;height:76px;border:1px solid #d9e0d5;background:#e8eee2;border-radius:12px;font:47px Georgia,serif;color:#3f664c;transform:rotate(-9deg)}
.intro-specimen span:nth-child(2) {background:#f5eddb;color:#8a6635;transform:rotate(5deg);margin-top:-12px}
.intro-specimen span:nth-child(3) {background:#e7eee8;transform:rotate(11deg)}
.desk-layout {display:grid;grid-template-columns:minmax(0,1fr) 322px;align-items:start;gap:24px}
.letter-browser {background:white;border:1px solid var(--border-subtle);border-radius:15px;box-shadow:0 3px 15px #243d2b03}
.browser-top {padding:23px 24px 20px}
.browser-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.browser-heading h2 {font-size:17px;letter-spacing:-.4px}
.subtle-badge {font-size:10px;font-weight:500;color:#62715e;background:#f0f3eb;padding:4px 8px;border-radius:5px;white-space:nowrap}
.search-wrap {border:1px solid #dce3d9;background:#f8faf6;box-shadow:none;min-height:54px;border-radius:9px;padding:0 15px;display:flex;align-items:center;gap:12px;margin:0}
.search-wrap:focus-within {border-color:var(--accent-primary);box-shadow:0 0 0 3px #176b5910}
.search-input {background:transparent;padding:14px 0;font-size:13px;min-width:0;flex:1;color:var(--text-primary);box-shadow:none}
.search-input:focus-visible {outline:none}
.search-icon {height:19px;width:19px;color:#738478;flex-shrink:0}
.search-clear-btn {min-width:36px;height:36px;font-size:22px}
.popular-row {display:flex;align-items:center;gap:14px;margin-top:14px}
.popular-row>span {font-size:11px;font-weight:600;color:var(--text-secondary)}
.quick-picks-row {display:flex;gap:6px;flex-wrap:wrap}
.quick-pick-btn {height:36px;width:36px;font-size:19px;background:white;border:1px solid #e2e8df;border-radius:6px;box-shadow:0 2px 0 #f0f3ed}
.browser-filters {padding:20px 24px;background:#fafbf8;border-block:1px solid var(--border-subtle)}
.filter-caption {display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.filter-caption .eyebrow {color:#576a5c;font-size:9px;letter-spacing:1.2px}
.filter-caption>span:last-child {font-size:10px;color:var(--text-secondary)}
.alphabet-filter {display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px}
.alphabet-filter .filter-btn {height:36px;min-width:0;padding:0;background:white;font-size:12px;border-radius:6px;border-color:#e0e6dc}
.alphabet-filter .filter-btn.active {background:var(--accent-primary);border-color:var(--accent-primary);color:white;box-shadow:0 2px 3px #176b5920}
.alphabet-filter .filter-btn:hover:not(.active) {background:#eaf3eb;border-color:#a9c5b2;color:var(--accent-primary)}
.refine-row {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}
.case-segment {display:flex;background:#eaf0e6;border-radius:7px;padding:3px}
.case-segment .filter-btn {border:0;background:transparent;min-height:36px;border-radius:5px;padding:5px 12px;font-size:12px;color:var(--text-secondary)}
.case-segment .filter-btn span {margin-left:5px;font-size:11px}
.case-segment .filter-btn.active {background:white;color:var(--accent-primary);box-shadow:0 1px 3px #233c3410}
.accent-select-label select {height:40px;padding:0 28px 0 10px;border-radius:7px;border:1px solid #dce4d8;background:white;color:var(--text-secondary);font-size:11px;max-width:100%;cursor:pointer}
.browser-results {padding:19px 24px 24px}
.result-meta {padding:0;margin:0 0 10px;display:flex;align-items:center;gap:12px;min-height:30px;font-size:11px;color:var(--text-secondary)}
.click-hint {margin-left:auto;font-size:10px}
.reset-filters-btn {min-height:36px;font-size:11px}
.active-filters {display:flex;flex-wrap:wrap;gap:6px}
.active-filters:not(:empty) {margin-bottom:14px}
.active-filter-tag {font-size:10px;background:#f0f5ef;color:#45624e}
.active-filter-tag button {min-width:28px;min-height:28px}
.char-section {margin-bottom:26px}
.char-section:last-child {margin-bottom:0}
.char-section-header {margin-bottom:12px;padding-bottom:0;border:0}
.char-section-title {font-size:14px;font-weight:600;letter-spacing:-.2px}
.char-section-link {font-size:10px;font-weight:500}
.char-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:9px}
.char-tile {position:relative;background:#fff;border:1px solid #dfe6db;border-radius:8px;min-width:0;min-height:100px;height:auto;box-shadow:0 2px 0 #f0f3ed;color:var(--text-primary);font-size:30px;padding:13px 5px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;line-height:1.5;overflow:visible}
.char-tile:hover {background:var(--bg-tile-hover);border-color:#79a78c;transform:translateY(-2px);box-shadow:var(--shadow-tile-hover);color:var(--accent-primary);z-index:1}
.char-tile::after {display:none}
.tile-glyph {font-family:var(--font-char);font-size:33px;line-height:1.55;font-weight:400}
.tile-label {font-family:var(--font-ui);font-size:9px;line-height:1.4;text-align:center;color:#62725f;max-width:100%;overflow-wrap:anywhere;text-transform:capitalize}
.tile-copy-indicator {position:absolute;right:6px;top:3px;font:13px var(--font-ui);opacity:0;color:var(--accent-primary)}
.char-tile:hover .tile-copy-indicator,.char-tile:focus-visible .tile-copy-indicator {opacity:1}
.char-tile.copied {background:#e1f2e6;border-color:#4f9368;color:#155330}
.char-tile.copied .tile-copy-indicator {opacity:1;font-size:0}
.char-tile.copied .tile-copy-indicator::after {content:'✓';font-size:13px}
.browser-foot {padding:13px 24px;border-top:1px solid var(--border-subtle);background:#fcfdfb;color:#61775f;font-size:10px;display:flex;gap:8px;align-items:center}
.desk-sidebar {display:flex;flex-direction:column;gap:18px;position:sticky;top:98px}
.writing-card,.recent-card {border:1px solid var(--border-subtle);background:white;border-radius:13px;padding:22px}
.writing-heading {display:flex;align-items:center;gap:8px}
.writing-heading h2 {font-size:15px;letter-spacing:-.3px}
.writing-heading .subtle-badge {margin-left:auto;font-size:9px}
.tool-icon {font-size:24px;line-height:1;color:var(--accent-primary)}
.writing-card>p:first-of-type {font-size:11px;color:var(--text-secondary);margin:8px 0 20px}
.writing-card .mode-switch-group {width:100%;padding:4px;gap:2px;border:0;background:#edf2e9;border-radius:7px}
.writing-card .mode-btn {flex:1;min-height:36px;padding:5px;font-size:11px;border-radius:5px}
.writing-card .mode-hint {font-size:10px;line-height:1.6;color:var(--text-secondary);margin:10px 0 13px;min-height:32px}
.writing-card .composer-textarea {display:block;resize:vertical;min-height:155px;max-height:400px;border:1px solid #dce4d8;border-radius:8px;background:#fdfefb;padding:14px;font-size:16px;line-height:1.7;color:var(--text-primary);width:100%;margin:0}
.composer-textarea::placeholder {font-size:12px;color:#7b8876}
.pad-toolbar {display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--text-secondary);margin:6px 0 12px}
.text-action {background:none;border:0;color:var(--text-secondary);font-size:10px;padding:7px;min-height:36px;cursor:pointer}
.text-action:hover:not(:disabled) {color:var(--accent-primary);text-decoration:underline}
.text-action:disabled {opacity:.4}
.pad-copy {width:100%;min-height:43px;border-radius:7px;gap:9px;font-size:12px}
.pad-copy:disabled {background:#e3e9df;color:#65725f;opacity:1}
.writing-card .pad-privacy {font-size:9px;color:var(--text-secondary);text-align:center;margin:10px 0 0}
.writing-card.is-composing {border-color:#94bba4;box-shadow:0 0 0 3px #176b5908}
.recent-card .collection-header {margin-bottom:12px;padding:0;border:0;gap:6px}
.collection-title {font-size:12px;font-weight:600}
.collection-badge {font-size:9px;background:#eff3ea;color:#5b705b}
.recent-card .char-grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.recent-card .char-tile {min-height:40px;padding:3px;font-size:22px;border-radius:5px}
.recent-card .tile-name {display:none}
#recent-empty {font-size:11px;line-height:1.8;color:var(--text-secondary)}
.tip-card {background:#edf1e4;border:1px solid #e1e7d6;border-radius:13px;padding:22px}
.tip-card .eyebrow {font-size:9px;letter-spacing:1.3px;color:#5c744c}
.tip-card h3 {font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.4px;margin:9px 0}
.tip-card p {font-size:11px;color:#5c6d50;line-height:1.8}
.paste-shortcut {display:flex;align-items:center;gap:7px;margin:17px 0;color:#647354;font-size:10px}
.paste-shortcut kbd {background:#fbfcf8;box-shadow:0 2px 0 #d9e0cc;border:1px solid #d5ddca;border-radius:4px;padding:4px 8px;font-size:11px}
.paste-shortcut>span:last-child {margin-left:5px;font-size:9px}
.tip-card>a {font-size:10px;font-weight:600}
.learn-section {padding-top:45px;padding-bottom:44px;scroll-margin-top:95px}
.learn-heading {display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}
.learn-heading .eyebrow {font-size:9px;color:#6b7c62}
.learn-heading h2 {font-family:Georgia,serif;font-weight:400;font-size:26px;letter-spacing:-.4px;margin-top:6px}
.learn-heading>a {font-size:11px;white-space:nowrap}
.learn-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.learn-card {border:1px solid var(--border-subtle);background:#fff;border-radius:9px}
.learn-card summary {display:flex;align-items:center;gap:10px;padding:19px 16px;cursor:pointer;list-style:none;font-size:11px;font-weight:600}
.learn-number {font-family:Georgia,serif;color:#75866a;font-size:18px;font-weight:400}
.expand-mark {margin-left:auto;font-size:18px;font-weight:400;color:#6b805f}
.learn-card[open] .expand-mark {transform:rotate(45deg)}
.learn-card p {padding:0 18px 18px;font-size:12px;line-height:1.8;color:var(--text-secondary)}
.reference-details {margin-top:20px;border-block:1px solid var(--border-subtle);padding:16px 0}
.reference-details>summary {cursor:pointer;font-size:12px;font-weight:500;min-height:32px;padding:6px 0}
.reference-details>summary>span {float:right;color:#697b60;font-size:11px}
.reference-details .related-grid {padding-top:20px}
.site-footer {background:transparent;padding:24px 0;font-size:11px}
.footer-brand {font-size:11px}
.footer-links {gap:22px}
.toast {max-width:calc(100vw - 32px);background:#204e3d;font-size:13px;bottom:24px;border-radius:10px;line-height:1.5}
.toast.error {background:#873d35}
.toast.error .toast-icon {display:none}
.empty-state {padding:42px 10px}
.empty-state p {font-size:13px;margin-bottom:20px}
.empty-state-icon {font:44px Georgia,serif;color:#7b9275}
.copy-fallback {margin:auto;padding:26px;max-width:460px;width:calc(100% - 32px);border:1px solid var(--border-medium);border-radius:14px;color:var(--text-primary)}
.copy-fallback::backdrop {background:#183a3266}
.copy-fallback h2 {font-size:21px;margin-bottom:12px}
.copy-fallback p {font-size:14px;color:var(--text-secondary);margin-bottom:16px}
.copy-fallback textarea {width:100%;padding:12px;font-size:22px;border:1px solid var(--border-medium);border-radius:7px;margin-bottom:16px}
.mobile-pad-link {display:none}
.letter-hero-card {background:#eef3e8;border-color:#dde6d6;box-shadow:none}
.letter-hero-card h1 {letter-spacing:-1px}
.letter-watermark {color:#dce7d3}
.inpage-nav {background:white;border:1px solid var(--border-subtle);border-radius:10px;padding:12px}
.inpage-link {min-height:40px;display:inline-flex;align-items:center}
.case-group {margin-block:26px}
.case-group-title {font-size:18px}
.how-to-section {background:white;border:1px solid var(--border-subtle);padding:28px;border-radius:12px}
.how-to-section h2 {font-size:23px;letter-spacing:-.5px}
.tech-table-wrap,.shortcuts-table-wrap {max-width:100%;overflow-x:auto}
.alt-table th,.tech-table th,.shortcuts-table th {background:#f0f4eb;color:#40573f}
.btn {min-height:40px}
.faq-question {min-height:54px}
.faq-question:hover {background:#f5f8f1}
.faq-item.open .faq-answer {display:block}
.info-page {max-width:850px;margin:40px auto;background:#fff;border:1px solid var(--border-subtle);border-radius:14px;padding:40px}
.info-page h1 {font-size:34px;letter-spacing:-1px}
.alt-hero {padding-block:25px}
.alt-codes-page .workspace {background:white;border:1px solid var(--border-subtle);box-shadow:none}
.alt-codes-page .filter-bar {margin-top:20px;margin-bottom:0;border:0;padding-bottom:0}
.alt-codes-page .filter-btn {min-height:36px}
@media(min-width:1500px) {.desk-intro {padding-top:46px;padding-bottom:38px}}
@media(max-width:1100px) {
  .desk-layout {grid-template-columns:minmax(0,1fr) 292px;gap:18px}
  .browser-top,.browser-filters,.browser-results {padding-inline:18px}
  .intro-specimen span {width:50px;height:62px;font-size:39px}
  .header-search-btn .search-hint-text {display:none}
  .main-nav a {padding-inline:10px}
  .writing-card,.recent-card,.tip-card {padding:18px}
  .writing-heading .subtle-badge {display:none}
  .popular-row {align-items:flex-start}
  .popular-row>span {padding-top:8px}
}
@media(max-width:860px) {
  .container {padding-inline:20px}
  .desk-layout {grid-template-columns:minmax(0,1fr) 265px;gap:14px}
  .desk-intro h1 {font-size:31px;letter-spacing:-1px}
  .intro-specimen {display:none}
  .main-nav {gap:0}
  .main-nav a {font-size:11px}
  .header-container {gap:16px}
  .header-actions .header-search-btn {display:none}
  .refine-row {flex-wrap:wrap}
  .accent-select-label {width:100%}
  .accent-select-label select {width:100%}
  .alphabet-filter {grid-template-columns:repeat(9,minmax(0,1fr))}
  .filter-caption>span:last-child {display:none}
  .char-grid {grid-template-columns:repeat(auto-fill,minmax(73px,1fr))}
  .learn-grid {grid-template-columns:1fr}
  .learn-card summary {font-size:13px}
}
@media(max-width:680px) {
  :root {--header-height:66px}
  .container {padding-inline:16px}
  .site-header,.header-container {min-height:66px}
  .logo-text {font-size:21px}
  .header-actions {margin-left:auto}
  .desk-intro {padding-block:26px}
  .desk-intro h1 {font-size:30px;line-height:1.25;margin-block:10px;max-width:360px}
  .desk-intro h1 em {display:block}
  .desk-intro .eyebrow {font-size:8px;letter-spacing:1.3px}
  .desk-intro>div>p:last-child {font-size:12px;max-width:290px}
  .desk-layout {grid-template-columns:minmax(0,1fr)}
  .browser-top,.browser-filters,.browser-results {padding:18px 16px}
  .browser-heading h2 {font-size:16px}
  .browser-heading .subtle-badge {font-size:8px}
  .search-wrap {padding-inline:12px}
  .search-wrap .kbd-shortcut {display:none}
  .search-input {font-size:16px;letter-spacing:-.5px}
  .search-input::placeholder {font-size:12px;letter-spacing:0}
  .popular-row {gap:10px}
  .quick-picks-row {gap:5px}
  .quick-pick-btn {width:40px;height:40px}
  .alphabet-filter {grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
  .alphabet-filter .filter-btn {height:40px}
  .refine-row {gap:12px}
  .case-segment {width:100%}
  .case-segment .filter-btn {flex:1;min-height:40px}
  .accent-select-label select {font-size:13px;min-height:44px}
  .char-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .char-tile {min-height:98px;padding:10px 4px}
  .tile-glyph {font-size:32px}
  .tile-label {font-size:9px}
  .tile-copy-indicator {display:none}
  .click-hint {font-size:9px}
  .active-filter-tag {font-size:10px}
  .desk-sidebar {position:static;gap:14px}
  .mobile-pad-link {display:block;font-size:12px;margin-top:16px;font-weight:600}
  #composer-panel {scroll-margin-top:80px}
  .writing-card,.recent-card,.tip-card {padding:22px}
  .writing-heading h2 {font-size:17px}
  .writing-heading .subtle-badge {display:inline}
  .writing-card .mode-btn {font-size:13px;min-height:44px}
  .writing-card .mode-hint {font-size:12px;min-height:0}
  .text-action {font-size:12px;min-height:44px}
  .writing-card .pad-privacy {font-size:11px}
  .pad-toolbar {font-size:11px}
  .recent-card .char-tile {min-height:44px}
  .tip-card p,#recent-empty {font-size:13px}
  .learn-section {padding-top:30px;padding-bottom:24px}
  .learn-heading {align-items:start;flex-direction:column}
  .learn-heading h2 {font-size:25px}
  .footer-inner {gap:16px}
  .footer-links a {display:inline-flex;min-height:40px;align-items:center}
  .info-page {padding:24px;margin-block:22px}
  .info-page h1 {font-size:28px}
  .how-to-section {padding:20px}
  .letter-hero-card {padding:24px}
  .letter-hero-card h1 {font-size:29px}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep essential labels comfortable to read at normal zoom. */
.tile-label {font-size:11px}
.result-meta,.click-hint,.char-section-link,.tip-card>a,.browser-foot {font-size:12px}
.case-segment .filter-btn span,.accent-select-label select {font-size:12px}
.writing-card>p:first-of-type,.writing-card .mode-hint,#recent-empty,.tip-card p {font-size:12px}
.writing-card .mode-btn,.pad-copy {font-size:13px}
.learn-card summary {font-size:12px}
.text-action,.pad-toolbar,.pad-privacy {font-size:11px}
.menu-toggle {width:44px;height:44px}
.menu-toggle svg {width:24px;height:24px}
.mobile-nav {top:100%}
/* In-page alphabet navigation stays above the character sections. */
.letter-navigation {position:sticky;top:var(--letter-nav-top,var(--header-height));z-index:20;padding:16px 24px;background:#fafbf8;border-block:1px solid var(--border-subtle);box-shadow:0 4px 8px #233c3408}
.letter-navigation .alphabet-filter {grid-template-columns:repeat(13,minmax(0,1fr))}
.letter-navigation .filter-btn {display:flex;align-items:center;justify-content:center;text-decoration:none}
.home-page .browser-filters {border-top:0}
.home-page .refine-row {margin-top:0}
.home-page [data-letter-section] {scroll-margin-top:var(--letter-scroll-offset,240px)}
.home-page [data-letter-section]:focus {outline:none}
.home-page [data-letter-section]:focus-visible .char-section-title {text-decoration:underline;text-underline-offset:5px}
.home-page .browser-foot {border-radius:0 0 15px 15px}
@media(max-width:1100px) {.letter-navigation {padding-inline:18px}}
@media(max-width:860px) {.letter-navigation .alphabet-filter {grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:680px) {
  .letter-navigation {padding:8px 16px}
  .letter-navigation .filter-caption {margin-bottom:6px}
  .letter-navigation .alphabet-filter {gap:5px}
  .letter-navigation .filter-btn {height:32px}
}
/* Mobile uses a plain text display, never a focusable text input. */
.mobile-composer,.mobile-pad-description {display:none}
@media(max-width:680px) {
  html.js .home-page .mobile-composer {display:block;margin-top:8px;padding-top:6px;border-top:1px solid var(--border-medium)}
  html.js .home-page #composer-panel,
  html.js .home-page .mobile-pad-link,
  html.js .home-page .desktop-pad-description {display:none}
  html.js .home-page .mobile-pad-description {display:block}
  .mobile-composer-row {position:relative;height:38px;border:1px solid var(--border-subtle);border-radius:24px;background:white}
  #mobile-composer-slot {min-width:0;padding:7px 68px 7px 12px}
  .mobile-composer-display {height:22px;overflow-x:auto;overflow-y:hidden;white-space:pre;font-family:var(--font-char);font-size:16px;line-height:22px;color:var(--text-primary);scrollbar-width:none}
  .mobile-composer-display::-webkit-scrollbar {display:none}
  .mobile-composer-display.is-empty {font-family:var(--font-ui);font-size:13px;color:var(--text-muted)}
  #mobile-composer-copy {position:absolute;right:5px;top:5px;min-width:52px;min-height:28px;height:28px;padding:3px 9px;border-radius:24px;font-size:11px}
  .mobile-composer-footer {display:flex;align-items:center;gap:8px;justify-content:space-between}
  .mobile-composer-footer p {font-size:11px;line-height:1.5;color:var(--text-secondary)}
  #mobile-composer-undo {flex-shrink:0;min-height:32px;min-width:44px;padding:4px 7px;font-size:12px}
}