*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button{-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=button]){-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=reset]){-webkit-appearance:button;background-color:#0000;background-image:none}input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg-base:#f2f5f2;--bg-app:#fafbfa;--bg-surface:#f0f3f0;--bg-card:#fff;--bg-raised:#e4ebe4;--green-primary:#43a047;--green-dark:#2e7d32;--green-light:#66bb6a;--green-glow:#43a0471f;--green:#43a047;--amber:#43a047;--amber-dark:#2e7d32;--amber-glow:#43a0471a;--sky:#2196f3;--rose:#e53935;--gold:#43a047;--mint:#81c784;--indigo:#5c6bc0;--orange-fitz:#ff8a65;--text-primary:#000000de;--text-secondary:#0009;--text-tertiary:#00000061;--text-label:#000c;--border-subtle:#0000000f;--border-card:#0000001a;--border-raised:#0000001f;--border-accent:#43a0474d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:100px;--font-display:"Baloo 2", cursive;--font-body:"Nunito", sans-serif;--tap-duration:.12s;--appear-duration:.15s;--fade-duration:.2s}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}html,body{overscroll-behavior:none;background:var(--bg-base);height:100%;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{touch-action:manipulation}body{font-family:var(--font-body);-webkit-user-select:none;user-select:none;color:var(--text-primary)}#root{background:var(--bg-app);flex-direction:column;height:100dvh;display:flex;overflow:hidden}#speech-bar{border-bottom:2px solid var(--border-accent);padding-top:max(12px, env(safe-area-inset-top));background:#fff;flex-direction:column;flex-shrink:0;gap:12px;min-height:auto;padding-bottom:12px;padding-left:16px;padding-right:16px;display:flex;box-shadow:0 1px 4px #0000000f}.speech-bar-row{align-items:center;gap:10px;width:100%;display:flex}.speech-bar-avatar{border:2px solid var(--green-primary);background:var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.speech-bar-avatar img,.speech-bar-avatar svg{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.speech-output-wrap{flex:1;min-width:0;position:relative}#speech-output{background:var(--bg-surface);border:2px solid var(--border-raised);cursor:text;scrollbar-width:thin;border-radius:16px;flex-wrap:wrap;align-items:flex-start;gap:6px;width:100%;min-height:48px;max-height:96px;padding:10px 58px 10px 14px;display:flex;overflow:hidden auto;box-shadow:inset 0 1px 3px #0000000f}#speech-output::-webkit-scrollbar{display:none}.speech-placeholder{color:var(--text-tertiary);font-size:14px;font-style:italic;font-weight:700}.speech-token{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--text-primary);animation:tokenPop var(--appear-duration) ease-out both;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:800;display:flex}.speech-token .token-emoji{font-size:18px}@keyframes tokenPop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.speech-bar-buttons{justify-content:stretch;gap:10px;width:100%;display:flex}@media (max-width:480px){#speech-bar{padding-left:8px;padding-right:8px}.speech-bar-buttons{gap:4px}}@media (max-width:360px){#speech-bar{padding-left:6px;padding-right:6px}.speech-bar-buttons{gap:3px}}.bar-btn{border-radius:var(--radius-md);min-width:44px;min-height:56px;font-family:var(--font-body);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:4px 2px;font-size:10px;font-weight:900;transition:none;display:flex;overflow:visible}.bar-btn:active{filter:brightness(.85);transform:scale(.92)}.bar-btn .btn-icon{font-size:22px;line-height:1}@media (max-width:480px){.bar-btn{letter-spacing:0;gap:3px;min-width:0;padding:4px 0;font-size:9px}.bar-btn .btn-icon{font-size:20px}.highlight-btn-wrap{min-width:0}}@media (max-width:360px){.bar-btn{font-size:8px}.bar-btn .btn-icon{font-size:18px}}#btn-speak{background:var(--green);color:#fff;box-shadow:0 4px 12px #43a0474d}#btn-speak:active{box-shadow:0 2px 6px #43a04733}#btn-back{background:var(--green-dark);color:#fff}#btn-delete{background:var(--rose);color:#fff}#btn-clear{color:#fff;background:#8d6e63}#btn-highlight{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-raised)}#btn-highlight.highlight-active{color:#fff;text-shadow:0 1px 2px #00000059;border-color:#00000026;box-shadow:inset 0 0 0 2px #fff,0 2px 8px #0003}.highlight-btn-wrap{flex:1;min-width:44px;display:flex;position:relative}.highlight-btn-wrap>.bar-btn{flex:1}.highlight-palette-popover{z-index:50;background:#fff;border:1px solid #0000001a;border-radius:12px;gap:6px;padding:8px 10px;animation:.18s ease-out highlight-palette-in;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.highlight-palette-popover:before{content:"";border:6px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (max-width:520px){.highlight-palette-popover{left:auto;right:0;transform:none}.highlight-palette-popover:before{left:auto;right:20px;transform:none}}#btn-keyboard{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-raised)}#btn-keyboard:active{background:#d5ded5}#btn-keyboard.keyboard-active{background:var(--sky);color:#fff;border:1px solid var(--sky)}#btn-speak.speaking{animation:1.2s ease-in-out infinite speakPulse}@keyframes speakPulse{0%,to{box-shadow:0 0 #43a04733}50%{box-shadow:0 0 0 10px #0000}}.speech-keyboard-input{border:1px solid var(--green);border-radius:var(--radius-sm);font-size:16px;font-weight:700;font-family:var(--font-body);color:var(--text-primary);background:#fff;outline:none;flex-shrink:0;min-width:100px;padding:4px 8px}.speech-keyboard-input:focus{box-shadow:0 0 0 3px #43a04726}.quickfires-strip{border-bottom:1px solid var(--border-subtle);scrollbar-width:none;background:#fff;flex-shrink:0;gap:6px;padding:7px 10px;display:flex;overflow-x:auto}.quickfires-strip::-webkit-scrollbar{display:none}.quickfire-btn{background:var(--green-glow);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-family:var(--font-body);color:var(--green-dark);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;align-items:center;gap:4px;padding:6px 16px;font-size:12px;font-weight:800;transition:transform .1s ease-out,background .1s ease-out;display:flex}.quickfire-btn:active{background:#43a04733;transform:scale(.94)}.quickfire-emoji{font-size:16px}.quickfire-label{font-size:11px}.corewords-bar{border-bottom:1px solid var(--border-subtle);scrollbar-width:none;background:#fff;flex-shrink:0;gap:5px;padding:7px 10px;display:flex;overflow-x:auto}.corewords-bar::-webkit-scrollbar{display:none}.coreword-btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#3f51b5;background:#5c6bc014;border:1px solid #5c6bc033;border-radius:8px;flex-shrink:0;padding:5px 11px;font-size:11px;font-weight:900;transition:transform .1s ease-out}.coreword-btn:active{transform:scale(.91)}.coreword-btn.cw-pronoun{color:#e65100;background:#f9a8251a;border:1px solid #f9a82540}.coreword-btn.cw-verb{color:#2e7d32;background:#43a04714;border:1px solid #43a04738}.coreword-btn.cw-descriptor{color:#1565c0;background:#2196f314;border:1px solid #2196f333}.coreword-btn.cw-social{color:#3f51b5;background:#5c6bc014;border:1px solid #5c6bc033}.coreword-btn.cw-noun{color:#d84315;background:#ff8a651a;border:1px solid #ff8a6538}#breadcrumb{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;display:flex;overflow-x:auto}#breadcrumb::-webkit-scrollbar{display:none}.crumb{font-family:var(--font-body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--text-tertiary);background:0 0;border:1px solid #0000;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800;transition:background .12s ease-out}.crumb:hover{color:var(--text-secondary);background:#0000000a}.crumb.active{background:var(--green-glow);color:var(--green-dark);border:1px solid #43a04747}.crumb-sep{color:var(--text-tertiary);flex-shrink:0;font-size:16px;font-weight:900}#grid-area{background:var(--bg-base);scrollbar-width:thin;scrollbar-color:#0000001a transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;min-height:0;padding:10px;overflow:hidden auto}#symbol-grid{grid-template-columns:repeat(4,1fr);align-content:start;align-items:start;gap:10px;width:100%;display:grid}@media (min-width:600px) and (orientation:landscape){#symbol-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:900px){#symbol-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1200px){#symbol-grid{grid-template-columns:repeat(8,1fr)}}@media (min-width:1600px){#symbol-grid{grid-template-columns:repeat(10,1fr)}}#symbol-grid.cols-3{grid-template-columns:repeat(3,1fr)!important}#symbol-grid.cols-4{grid-template-columns:repeat(4,1fr)!important}#symbol-grid.cols-5{grid-template-columns:repeat(5,1fr)!important}#symbol-grid.cols-6{grid-template-columns:repeat(6,1fr)!important}#symbol-grid.cols-7{grid-template-columns:repeat(7,1fr)!important}#symbol-grid.cols-8{grid-template-columns:repeat(8,1fr)!important}.symbol-card{border:1px solid #00000014;border-top:8px solid var(--card-color,#00000014);aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;min-width:0;min-height:0;font-family:var(--font-body);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px 5px;transition:none;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.symbol-card-highlight{display:none}.symbol-card.symbol-highlighted{box-shadow:0 0 0 5px var(--highlight-color,#ffd54f), 0 0 14px 2px color-mix(in srgb, var(--highlight-color,#ffd54f) 60%, transparent), 0 1px 4px #00000014}.symbol-card:active{filter:brightness(.82);transform:scale(.93)}.symbol-card-nav-indicator{color:var(--text-tertiary);z-index:1;font-size:8px;position:absolute;bottom:6px;right:8px}.symbol-emoji{z-index:1;flex-shrink:1;min-height:0;font-size:clamp(28px,9vw,64px);line-height:1}@media (max-width:400px){.symbol-card{gap:2px;padding:4px 3px}.symbol-emoji{font-size:clamp(24px,8vw,44px)}.symbol-character-img{max-height:78%}.symbol-label{letter-spacing:.1px;font-size:clamp(7px,1.6vw,10px)}}@media (min-width:900px){.symbol-emoji{font-size:clamp(44px,6vw,68px)}}.symbol-image-container{z-index:1;background:#00000008;border-radius:10px;flex-shrink:1;justify-content:center;align-items:center;width:clamp(42px,55%,90px);height:clamp(42px,55%,90px);min-height:0;padding:4px;display:flex}.symbol-image-container img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.symbol-character-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:1;border-radius:6px;flex-shrink:1;width:100%;height:auto;min-height:0;max-height:85%}.symbol-custom-img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;z-index:0;border-radius:0 0 19px 19px;width:calc(100% - 2px);height:calc(100% - 3px);position:absolute;top:3px;bottom:0;left:1px;right:1px}.symbol-image{-o-object-fit:contain;object-fit:contain;z-index:1;pointer-events:none;background:#00000008;border-radius:10px;width:52px;height:52px;padding:4px}@media (min-width:900px){.symbol-image-container{width:clamp(60px,55%,100px);height:clamp(60px,55%,100px)}.symbol-image{width:60px;height:60px}}.symbol-size-small .symbol-image-container{width:clamp(40px,48%,72px);height:clamp(40px,48%,72px)}.symbol-size-small .symbol-image{width:40px;height:40px}.symbol-size-large .symbol-image-container{width:clamp(60px,60%,110px);height:clamp(60px,60%,110px)}.symbol-size-large .symbol-image{width:64px;height:64px}.symbol-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.3px;color:#000000d9;text-align:center;word-break:break-word;-webkit-hyphens:none;hyphens:none;z-index:2;max-width:100%;text-shadow:none;flex-shrink:0;font-size:clamp(8px,1.8vw,12px);font-weight:900;line-height:1.15;overflow:visible}@keyframes cardSpeakPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.symbol-card.speaking{animation:.3s cardSpeakPulse}.add-word-card{border:2px dashed var(--border-raised);background:var(--bg-raised)!important}.add-button-card{cursor:pointer;background:#43a0470f;border:2px dashed #43a04773;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .15s,border-color .15s,transform 50ms;display:flex}.add-button-card:hover{border-color:var(--green-primary);background:#43a04724}.add-button-card:active{transform:scale(.97)}.add-button-card-plus{color:var(--green-primary);font-size:clamp(36px,9vw,60px);font-weight:900;line-height:1}.add-button-card-label{color:var(--green-dark);font-weight:900}.add-board-card{cursor:pointer;background:#7e57c212;border:2px dashed #7e57c273;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .15s,border-color .15s,transform 50ms;display:flex}.add-board-card:hover{background:#7e57c229;border-color:#7e57c2}.add-board-card:active{transform:scale(.97)}.add-board-card .add-button-card-plus{color:#7e57c2}.add-board-card .add-button-card-label{color:#5e35b1}.symbol-card-custom-badge{color:#fff;text-align:center;pointer-events:none;z-index:2;background:#ffc107;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:900;line-height:18px;position:absolute;top:6px;left:6px;box-shadow:0 1px 3px #0003}.symbol-card-audio-badge{background:var(--green-primary);color:#fff;text-align:center;pointer-events:none;z-index:2;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:900;line-height:18px;position:absolute;top:6px;left:28px;box-shadow:0 1px 3px #0003}.symbol-size-small .symbol-emoji{font-size:clamp(28px,7vw,48px)}.symbol-size-small .symbol-label{font-size:clamp(8px,1.8vw,11px)}.symbol-size-large .symbol-emoji{font-size:clamp(44px,11vw,76px)}.symbol-size-large .symbol-label{font-size:clamp(11px,2.5vw,16px)}.symbol-hidden{opacity:.25;filter:grayscale(.8)}.symbol-previewed{outline:2px solid var(--green);outline-offset:-2px}#tab-bar{background:#fff;border-top:1px solid #00000014;flex-shrink:0;gap:4px;padding:6px 8px;display:flex;box-shadow:0 -1px 4px #0000000a}@supports (padding-bottom:env(safe-area-inset-bottom)){#tab-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}.tab-btn{font-family:var(--font-body);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#00000059;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px 6px;font-size:9px;font-weight:900;transition:background .15s ease-out;display:flex}.tab-btn .tab-icon{font-size:22px;line-height:1}.tab-btn.active{background:var(--green-glow);color:var(--green-dark);border:1px solid #43a04740}.tab-btn:not(.active):active{background:#0000000a}.ripple-effect{pointer-events:none;z-index:10;background:#43a04726;border-radius:50%;animation:.3s ease-out rippleAnim;position:absolute}@keyframes rippleAnim{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(4)}}.empty-state{text-align:center;color:var(--text-tertiary);grid-column:1/-1;padding:40px 20px}.empty-state-icon{margin-bottom:16px;font-size:64px}.empty-state p{font-size:18px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#00000059;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--border-raised);-webkit-overflow-scrolling:touch;width:100%;min-height:0;max-height:85dvh;font-family:var(--font-body);background:#fff;padding:20px 20px 32px;animation:.22s ease-out both sheetUp;overflow-y:auto;box-shadow:0 -8px 30px #0000001f}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:20px;font-size:22px;font-weight:800}.modal-field{margin-bottom:14px}.modal-field label{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:6px;font-size:10px;font-weight:900;display:block}.modal-field input{background:var(--bg-surface);border:1px solid var(--border-raised);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-primary);-webkit-appearance:none;outline:none;padding:12px 14px;font-size:16px;font-weight:700}.modal-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #43a0471f}.emoji-picker{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-raised);grid-template-columns:repeat(8,1fr);gap:6px;max-height:160px;padding:8px;display:grid;overflow-y:auto}.emoji-opt{text-align:center;cursor:pointer;border-radius:var(--radius-sm);padding:4px;font-size:26px;line-height:1.2;transition:background .1s}.emoji-opt:hover,.emoji-opt.selected{background:var(--amber-glow)}.photo-upload-area{align-items:center;gap:12px;display:flex}.photo-upload-btn{border-radius:var(--radius-md);border:2px dashed var(--border-raised);background:var(--bg-surface);font-size:14px;font-weight:800;font-family:var(--font-body);cursor:pointer;color:var(--text-secondary);padding:10px 18px}.photo-upload-btn:hover{border-color:var(--green)}.photo-preview-container{display:inline-block;position:relative}.photo-preview{border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;border:1px solid var(--border-raised);width:64px;height:64px}.photo-remove-btn{background:var(--rose);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex;position:absolute;top:-6px;right:-6px}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-btn{border-radius:var(--radius-full);font-size:16px;font-weight:900;font-family:var(--font-body);cursor:pointer;border:none;flex:1;padding:14px;transition:transform .1s ease-out,filter .1s ease-out}.modal-btn:active{filter:brightness(.88);transform:scale(.97)}.modal-btn.primary{background:var(--green);color:#fff}.modal-btn.cancel{background:var(--bg-surface);border:1px solid var(--border-raised);color:var(--text-secondary)}.context-menu{border-radius:var(--radius-xl);border:1px solid var(--border-raised);width:260px;font-family:var(--font-body);background:#fff;flex-direction:column;gap:8px;margin:auto;padding:20px;display:flex;box-shadow:0 20px 60px #00000026}.context-menu-title{color:var(--text-primary);text-align:center;margin-bottom:4px;font-size:18px;font-weight:900}.context-menu-btn{border-radius:var(--radius-md);font-size:16px;font-weight:800;font-family:var(--font-body);cursor:pointer;text-align:center;border:none;padding:12px 16px;transition:transform .1s ease-out}.context-menu-btn:active{transform:scale(.97)}.context-menu-btn.edit{background:var(--sky);color:#fff}.context-menu-btn.delete{background:var(--rose);color:#fff}.context-menu-btn.cancel-btn{background:var(--bg-surface);border:1px solid var(--border-raised);color:var(--text-secondary)}.voice-download-banner{border-bottom:1px solid var(--border-accent);font-family:var(--font-body);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.voice-download-banner.downloading{border-color:#4fc3f74d}.voice-download-banner.ready{border-color:#27ae604d;animation:3s ease-out forwards readyFade}.voice-download-banner.error{border-color:#e11d484d}@keyframes readyFade{0%,70%{opacity:1}to{opacity:0}}.voice-download-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.voice-download-icon{flex-shrink:0;font-size:28px}.voice-download-text{flex-direction:column;min-width:0;display:flex}.voice-download-text strong{color:var(--text-primary);font-size:14px;font-weight:900}.voice-download-sub{color:var(--text-secondary);font-size:12px;font-weight:700}.voice-download-actions{flex-shrink:0;gap:6px;display:flex}.voice-download-btn{border-radius:var(--radius-full);font-size:13px;font-weight:800;font-family:var(--font-body);cursor:pointer;border:none;padding:8px 14px;transition:transform .1s ease-out}.voice-download-btn:active{transform:scale(.95)}.voice-download-btn.primary{background:var(--green);color:#fff}.voice-download-btn.dismiss{background:var(--bg-surface);color:var(--text-tertiary)}.voice-progress-bar{background:var(--bg-surface);border-radius:3px;height:6px;margin:6px 0 4px;overflow:hidden}.voice-progress-fill{background:linear-gradient(90deg, var(--amber), var(--sky));border-radius:3px;height:100%;transition:width .3s}.voice-progress-label{color:var(--text-tertiary);font-size:11px;font-weight:800}.parent-tap-zone{z-index:50;cursor:default;width:50px;height:50px;position:fixed;top:0;right:0}.search-trigger-btn{cursor:pointer;z-index:2;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;transition:background .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-trigger-btn:hover{background:#00000014}.search-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:80dvh;font-family:var(--font-body);background:#fff;flex-direction:column;animation:.22s ease-out both sheetUp;display:flex;box-shadow:0 -8px 30px #0000001f}.search-header{border-bottom:1px solid var(--border-subtle);gap:10px;padding:16px;display:flex}.search-input{border-radius:var(--radius-md);border:1px solid var(--border-raised);font-size:16px;font-weight:700;font-family:var(--font-body);background:var(--bg-surface);color:var(--text-primary);outline:none;flex:1;padding:10px 14px}.search-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #43a0471f}.search-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.search-results{flex:1;padding:8px;overflow-y:auto}.search-empty{text-align:center;color:var(--text-tertiary);padding:24px;font-weight:700}.search-result-item{border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:var(--font-body);text-align:left;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;transition:background .1s;display:flex}.search-result-item:hover{background:var(--bg-raised)}.search-result-emoji{flex-shrink:0;font-size:28px}.search-result-text{flex-direction:column;flex:1;display:flex}.search-result-text strong{color:var(--text-primary);font-size:14px}.search-result-text span{color:var(--text-secondary);font-size:12px}.search-result-board{color:var(--text-tertiary);background:var(--bg-raised);border-radius:var(--radius-sm);padding:2px 8px;font-size:10px;font-weight:800}.settings-page{background:var(--bg-base);height:100dvh;font-family:var(--font-body);flex-direction:column;display:flex}.settings-header{border-bottom:1px solid var(--border-subtle);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.settings-back-btn{background:var(--bg-raised);border:1px solid var(--border-raised);border-radius:var(--radius-md);font-size:14px;font-weight:800;font-family:var(--font-body);cursor:pointer;color:var(--text-secondary);padding:8px 14px}.settings-title{font-family:var(--font-display);color:var(--text-primary);font-size:22px}.settings-lock-btn{background:var(--rose);color:#fff;border-radius:var(--radius-md);font-size:13px;font-weight:800;font-family:var(--font-body);cursor:pointer;border:none;padding:8px 14px}.settings-scroll{flex:1;padding:16px;overflow-y:auto}.settings-section{border:1px solid var(--border-card);border-radius:var(--radius-xl);background:#fff;margin-bottom:16px;padding:18px}.settings-section-title{font-family:var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:14px;padding-bottom:8px;font-size:18px}.settings-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.settings-row label{color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:800}.settings-row select{border-radius:var(--radius-sm);border:1px solid var(--border-raised);max-width:220px;font-size:13px;font-weight:700;font-family:var(--font-body);background:var(--bg-surface);color:var(--text-primary);outline:none;flex:1;padding:8px 10px}.settings-row select:focus{border-color:var(--green)}.settings-row input[type=range]{max-width:180px;accent-color:var(--green);flex:1}.settings-btn-group{flex-wrap:wrap;gap:6px;display:flex}.settings-btn-option{border-radius:var(--radius-sm);border:1px solid var(--border-raised);background:var(--bg-surface);font-size:13px;font-weight:800;font-family:var(--font-body);cursor:pointer;color:var(--text-tertiary);padding:6px 12px;transition:all .15s}.settings-btn-option.active{background:var(--green-glow);color:var(--green-dark);border-color:var(--border-accent)}.settings-toggle{border-radius:var(--radius-full);border:1px solid var(--border-raised);background:var(--bg-surface);font-size:13px;font-weight:900;font-family:var(--font-body);cursor:pointer;color:var(--text-tertiary);text-align:center;min-width:60px;padding:6px 18px;transition:all .15s}.settings-toggle.on{background:var(--green);color:#fff;border-color:var(--green)}.settings-action-btn{border-radius:var(--radius-full);background:var(--green);color:#fff;font-size:13px;font-weight:800;font-family:var(--font-body);cursor:pointer;border:none;padding:8px 16px;transition:transform .1s ease-out}.settings-action-btn:active{transform:scale(.95)}.settings-action-btn:disabled{opacity:.5;cursor:not-allowed}.settings-hint{color:var(--text-tertiary);margin-bottom:12px;font-size:12px;font-weight:700;line-height:1.4}.settings-avatar-display{flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0 8px;display:flex}.settings-avatar-frame{border:3px solid var(--green-primary);background:var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.settings-avatar-frame img,.settings-avatar-frame svg{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.settings-avatar-name{color:var(--text-primary);flex:1;min-width:0;font-size:18px;font-weight:900}.settings-avatar-change-btn{background:var(--green-primary);color:#fff;font-family:var(--font-body);letter-spacing:.4px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:800;transition:background .15s,box-shadow .15s,transform 50ms}.settings-avatar-change-btn:hover{background:var(--green-dark);box-shadow:0 2px 8px #2e7d3240}.settings-avatar-change-btn:active{transform:translateY(1px)}.settings-avatar-picker{margin-top:16px}.settings-about{color:var(--text-tertiary);margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.5}.settings-input-sm{border-radius:var(--radius-sm);border:1px solid var(--border-raised);font-size:13px;font-weight:700;font-family:var(--font-body);background:var(--bg-surface);color:var(--text-primary);outline:none;flex:1;min-width:0;padding:8px 10px}.settings-input-sm:focus{border-color:var(--green)}.skin-tone-btn{padding:4px 8px!important;font-size:18px!important}.settings-pron-list{margin-top:8px}.settings-pron-item{background:var(--bg-surface);border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.settings-pron-del{color:var(--rose);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.pin-modal{border-radius:var(--radius-xl);border:1px solid var(--border-raised);width:300px;font-family:var(--font-body);text-align:center;background:#fff;margin:auto;padding:28px 24px;box-shadow:0 20px 60px #00000026}.pin-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:22px}.pin-subtitle{color:var(--text-tertiary);margin-bottom:20px;font-size:13px;font-weight:700}.pin-dots{justify-content:center;gap:14px;margin-bottom:8px;display:flex}.pin-dot{border:2px solid var(--border-raised);background:0 0;border-radius:50%;width:18px;height:18px;transition:all .15s}.pin-dot.filled{background:var(--green);border-color:var(--green)}.pin-error{color:var(--rose);margin:8px 0;font-size:13px;font-weight:800}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:8px;max-width:240px;margin:16px auto;display:grid}.pin-key{border-radius:var(--radius-md);background:var(--bg-raised);height:52px;font-size:22px;font-weight:900;font-family:var(--font-body);cursor:pointer;color:var(--text-primary);border:none;justify-content:center;align-items:center;transition:all .1s ease-out;display:flex}.pin-key:active{background:var(--green);color:#fff;transform:scale(.95)}.pin-key.backspace{background:var(--green-dark);color:#fff}.pin-key.empty{cursor:default;background:0 0}.pin-cancel{color:var(--text-tertiary);cursor:pointer;font-size:14px;font-weight:800;font-family:var(--font-body);background:0 0;border:none;margin-top:4px}.ios-install-banner{border-bottom:1px solid var(--border-accent);font-family:var(--font-body);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.ios-install-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ios-install-icon{flex-shrink:0;font-size:28px}.ios-install-text{flex-direction:column;min-width:0;display:flex}.ios-install-text strong{color:var(--text-primary);font-size:13px;font-weight:900}.ios-install-sub{color:var(--text-secondary);font-size:11px;font-weight:700}.ios-share-icon{font-size:13px;font-weight:900}.ios-install-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:18px;font-weight:900}.voice-selector{font-family:var(--font-body)}.voice-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.voice-download-pill{background:var(--green-glow);color:var(--green-dark);border:1px solid var(--border-accent);border-radius:var(--radius-full);cursor:pointer;font-size:11px;font-weight:800;font-family:var(--font-body);padding:4px 12px;transition:all .1s}.voice-download-pill:active{transform:scale(.95)}.voice-device-badge{font-size:11px;font-weight:800;font-family:var(--font-body);border-radius:var(--radius-full);vertical-align:middle;margin-left:8px;padding:2px 8px;display:inline-block}.voice-device-badge.webgpu{color:var(--green-dark);background:#43a0471a;border:1px solid #43a04740}.voice-device-badge.wasm{color:var(--text-tertiary);background:#0000000a;border:1px solid #00000014}.voice-status{border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:800}.voice-status.ready{color:var(--green-dark);background:#43a0471a}.voice-status.downloading{color:#1565c0;background:#2196f31a}.voice-status.error{color:var(--rose);background:#e539351a}.voice-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.voice-group{flex-direction:column;gap:8px;margin-top:14px;display:flex}.voice-group:first-child{margin-top:0}.voice-group-title{font-family:var(--font-body);letter-spacing:1.4px;text-transform:uppercase;color:#0000008c;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:900;display:flex}.voice-group-emoji{font-size:16px;line-height:1}.voice-group-hint{letter-spacing:0;text-transform:none;color:var(--text-tertiary);margin-left:auto;font-size:10px;font-weight:700}.voice-group-children .voice-group-title{color:var(--green-dark)}.voice-option{border-radius:var(--radius-md);border:1px solid var(--border-card);background:var(--bg-surface);font-family:var(--font-body);align-items:stretch;transition:all .15s;display:flex;overflow:hidden}.voice-option.wide{grid-column:1/-1}.voice-option.active{border-color:var(--border-accent);background:var(--green-glow)}.voice-option:hover:not(.active){border-color:var(--border-raised)}.voice-option-child{background:#43a0470f;border-color:#43a0474d}.voice-option-child.active{border-color:var(--green-primary);background:#43a0472e}.voice-option-child:hover:not(.active){border-color:#43a0478c}.voice-option-body{text-align:left;cursor:pointer;min-width:0;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;padding:10px 12px;font-family:inherit}.voice-option-name{color:var(--text-primary);font-size:13px;font-weight:900}.voice-option-desc{color:var(--text-tertiary);margin-top:2px;font-size:11px;font-weight:700;line-height:1.3}.voice-preview-btn{border:none;border-left:1px solid var(--border-card);cursor:pointer;width:36px;color:var(--green-dark);-webkit-tap-highlight-color:transparent;background:#0000000a;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:background .15s,transform 50ms;display:flex}.voice-preview-btn:hover{background:#43a0472e}.voice-preview-btn:active{transform:scale(.92)}.voice-preview-btn:focus-visible{outline:2px solid var(--green-primary);outline-offset:-2px}.voice-option.active .voice-preview-btn{border-left-color:#43a0474d}.voice-list{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.voice-placeholder{color:var(--text-tertiary);background:var(--bg-surface);border-radius:var(--radius-md);text-align:center;padding:14px;font-size:13px;font-weight:700}.voice-test-btn{border-radius:var(--radius-full);background:var(--green);color:#fff;width:100%;font-size:15px;font-weight:900;font-family:var(--font-body);cursor:pointer;border:none;margin-top:8px;padding:14px;transition:transform .1s ease-out}.voice-test-btn:active{transform:scale(.97)}.onboarding-overlay{background:var(--bg-base);z-index:200;-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.onboarding-card{border:1px solid var(--border-card);border-radius:var(--radius-xl);width:100%;max-width:400px;font-family:var(--font-body);text-align:center;background:#fff;margin:auto;padding:32px 28px;box-shadow:0 24px 80px #0000001a}.onboarding-steps{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.onboarding-dot{background:var(--bg-raised);border-radius:50%;width:10px;height:10px;transition:all .2s}.onboarding-dot.active{background:var(--green);transform:scale(1.3)}.onboarding-dot.done{background:var(--green)}.onboarding-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:26px}.onboarding-subtitle{color:var(--text-secondary);white-space:pre-line;margin-bottom:20px;font-size:14px;font-weight:700;line-height:1.4}.onboarding-field{text-align:left;margin-bottom:20px}.onboarding-field label{color:var(--text-tertiary);text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:800;display:block}.onboarding-field input{border-radius:var(--radius-md);border:1px solid var(--border-raised);width:100%;font-size:18px;font-weight:700;font-family:var(--font-body);background:var(--bg-surface);color:var(--text-primary);text-align:center;outline:none;padding:12px 14px}.onboarding-field input:focus{border-color:var(--green)}.onboarding-skin-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.onboarding-skin-btn{border-radius:var(--radius-md);border:1px solid var(--border-raised);background:var(--bg-surface);cursor:pointer;font-family:var(--font-body);flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:all .15s;display:flex}.onboarding-skin-btn.active{border-color:var(--green);background:var(--green-glow)}.onboarding-skin-swatch{font-size:30px}.onboarding-skin-label{color:var(--text-tertiary);font-size:11px;font-weight:800}.onboarding-nav{gap:10px;display:flex}.onboarding-back{border-radius:var(--radius-full);border:1px solid var(--border-raised);background:var(--bg-surface);color:var(--text-secondary);font-size:16px;font-weight:800;font-family:var(--font-body);cursor:pointer;flex:1;padding:14px}.onboarding-next{border-radius:var(--radius-full);background:var(--green);color:#fff;font-size:16px;font-weight:800;font-family:var(--font-body);cursor:pointer;border:none;flex:2;padding:14px;transition:transform .1s}.onboarding-next.done{background:var(--green);color:#fff}.onboarding-next:active{transform:scale(.97)}.onboarding-tips{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.onboarding-tip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:10px 14px;font-size:14px;font-weight:700}.card-style-pastel .symbol-card{filter:saturate(.6)brightness(1.1)}.card-style-high-contrast .symbol-card{border:3px solid var(--gold);background:#0a0a0a!important}.card-style-high-contrast .symbol-card-highlight{display:none}.card-style-high-contrast .symbol-emoji{filter:contrast(1.5)brightness(1.2)}.card-style-high-contrast .symbol-label{color:var(--gold);font-size:clamp(11px,2.5vw,15px)}.card-style-high-contrast .symbol-card-nav-indicator{color:var(--gold);opacity:.8}.card-style-high-contrast #speech-bar,.card-style-high-contrast #breadcrumb,.card-style-high-contrast #tab-bar{background:#050505;border-color:#222}.card-style-high-contrast #speech-output{background:#111;border-color:#333}.card-style-high-contrast .speech-placeholder{color:#555}.card-style-high-contrast .speech-token{color:var(--gold);background:#222;border-color:#444}.card-style-high-contrast .crumb{color:var(--gold);background:#222}.card-style-high-contrast .crumb.active{background:var(--gold);color:#050505;border-color:var(--gold)}.card-style-high-contrast .crumb-sep{color:#444}.card-style-high-contrast .tab-btn{color:#666;background:#111}.card-style-high-contrast .tab-btn.active{background:var(--gold);color:#050505}.card-style-high-contrast #grid-area{background:#050505}.card-style-high-contrast .bar-btn{box-shadow:none}.scroll-thin{scrollbar-width:thin;scrollbar-color:#0000001f transparent}.scroll-none{scrollbar-width:none}.scroll-none::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.symbol-card:focus-visible{outline:3px solid var(--green);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[dir=rtl] #speech-bar,[dir=rtl] #breadcrumb,[dir=rtl] .corewords-bar,[dir=rtl] .quickfires-strip{flex-direction:row-reverse}[dir=rtl] .crumb-sep{transform:scaleX(-1)}[dir=rtl] .settings-row,[dir=rtl] .modal-actions{flex-direction:row-reverse}@keyframes highlight-palette-in{0%{opacity:0}to{opacity:1}}.palette-swatch{cursor:pointer;-webkit-tap-highlight-color:transparent;border:3px solid #0000;border-radius:50%;width:36px;height:36px;padding:0;transition:transform .12s,border-color .12s;box-shadow:0 1px 3px #0003}.palette-swatch:hover{transform:scale(1.08)}.palette-swatch.selected{border-color:#1a1a1a;transform:scale(1.1)}@media (max-width:400px){.palette-swatch{width:32px;height:32px}}.touch-holding{position:relative}.touch-holding:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;animation:.9s ease-in-out infinite touch-delay-pulse;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 3px #2196f359}@keyframes touch-delay-pulse{0%,to{opacity:.45}50%{opacity:1}}.touch-holding:before{content:"";transform-origin:0;height:4px;animation:touch-delay-bar var(--touch-delay-ms,.5s) linear forwards;pointer-events:none;z-index:3;background:#2196f3f2;border-radius:2px;position:absolute;bottom:4px;left:6%;right:6%;transform:scaleX(0);box-shadow:0 0 8px #2196f399}@keyframes touch-delay-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.touch-complete-flash{animation:.28s ease-out touch-delay-flash}@keyframes touch-delay-flash{0%{filter:brightness(1.35)}to{filter:brightness()}}@media (prefers-reduced-motion:reduce){.touch-holding:after{animation:none}}.first-then-panel{align-items:stretch;gap:10px;width:100%;min-height:96px;padding:6px 52px 6px 2px;display:flex}.ft-slot{border-radius:var(--radius-md,14px);background:var(--bg-surface,#fff);min-width:0;color:var(--text-primary,#1a1a1a);cursor:pointer;-webkit-tap-highlight-color:transparent;border:2.5px dashed #7e57c280;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:6px;padding:8px 10px 10px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;position:relative}.ft-slot:active{transform:scale(.98)}.ft-slot-caption{letter-spacing:1.2px;text-transform:uppercase;color:#7e57c2;font-size:11px;font-weight:900;line-height:1}.ft-slot-body{flex:1;justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.ft-slot-placeholder{color:var(--text-secondary,#888);opacity:.75;font-size:12px;font-weight:600}.ft-slot-emoji{font-size:40px;line-height:1}.ft-slot-image{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:56px}.ft-slot-label{text-align:center;color:var(--text-primary,#1a1a1a);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:700;line-height:1.1;overflow:hidden}.ft-slot-filled{background:#f7f3ff;border-style:solid;border-color:#7e57c259}.ft-slot-active{border-color:#7e57c2;animation:1.6s ease-in-out infinite ft-slot-pulse;box-shadow:0 0 0 3px #7e57c233,0 2px 10px #7e57c22e}@keyframes ft-slot-pulse{0%,to{box-shadow:0 0 0 3px #7e57c22e,0 2px 10px #7e57c22e}50%{box-shadow:0 0 0 5px #7e57c252,0 2px 14px #7e57c247}}.ft-connector{color:#7e57c2;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;min-width:28px;font-weight:900;display:flex}.ft-connector-word{letter-spacing:1px;text-transform:uppercase;opacity:.7;font-size:10px}.ft-connector-arrow{font-size:28px;line-height:1}.ft-connector-avatar{border:2px solid var(--green-primary);background:var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000001a}.ft-connector-avatar img,.ft-connector-avatar svg{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}@media (max-width:480px){.ft-connector-avatar{width:40px;height:40px}.first-then-panel{gap:6px;min-height:88px}.ft-slot-emoji{font-size:32px}.ft-slot-image{max-height:44px}.ft-slot-label{font-size:12px}.ft-connector-arrow{font-size:22px}}@media (prefers-reduced-motion:reduce){.ft-slot-active{animation:none}}.speech-output-wrap.firstthen-mode{flex-direction:column;gap:6px;display:flex}.firstthen-indicator{color:#5e35b1;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ede7f6;border:1px solid #7e57c259;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:4px 10px 4px 8px;font-size:11px;font-weight:800;transition:background .15s,box-shadow .15s;display:inline-flex}.firstthen-indicator:hover,.firstthen-indicator:active{background:#d1c4e9;box-shadow:0 2px 6px #7e57c240}.firstthen-indicator-dot{background:#7e57c2;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite firstthen-dot-pulse;box-shadow:0 0 0 2px #7e57c240}@keyframes firstthen-dot-pulse{0%,to{box-shadow:0 0 0 2px #7e57c240}50%{box-shadow:0 0 0 4px #7e57c259}}.firstthen-indicator-close{opacity:.7;font-size:12px;font-weight:900}@media (prefers-reduced-motion:reduce){.firstthen-indicator-dot{animation:none}}.speech-bar-identity{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:2px 10px 2px 2px;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-flex}.speech-bar-identity:hover{background:#43a0471a}.speech-bar-identity:active{transform:scale(.97)}.speech-bar-identity:disabled{cursor:default}.speech-bar-identity:focus-visible{outline:2px solid var(--green-primary);outline-offset:2px}.speech-bar-name{font-family:var(--font-body);color:var(--text-primary);letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:900;overflow:hidden}@media (max-width:480px){.speech-bar-name{max-width:80px;font-size:13px}}@media (max-width:360px){.speech-bar-name{display:none}}.greeting-toast{top:max(20px, env(safe-area-inset-top));background:var(--green-primary);color:#fff;font-family:var(--font-body);letter-spacing:.3px;z-index:9999;pointer-events:none;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:900;animation:.32s ease-out both greeting-toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #2e7d324d}.greeting-toast.fading{animation:.38s ease-in both greeting-toast-out}@keyframes greeting-toast-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes greeting-toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:reduce){.greeting-toast,.greeting-toast.fading{animation:none}}.first-then-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.ft-prompt{font-family:var(--font-body);color:#5e35b1;letter-spacing:.2px;padding-left:4px;font-size:13px;font-weight:800}.profile-page{z-index:100;background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.profile-header{padding:max(16px, env(safe-area-inset-top)) 18px 14px;background:#fff;border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-back-btn{font-family:var(--font-body);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000000d;border:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:800;transition:background .15s}.profile-back-btn:hover{background:#0000001a}.profile-title{font-family:var(--font-body);text-align:center;color:var(--text-primary);flex:1;margin:0;font-size:20px;font-weight:900}.profile-saved-flash{min-width:80px;color:var(--green-dark);text-align:right;opacity:0;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s;transform:translateY(-2px)}.profile-saved-flash.on{opacity:1;transform:translateY(0)}.profile-scroll{flex-direction:column;flex:1;gap:18px;width:100%;max-width:720px;margin:0 auto;padding:18px 18px 60px;display:flex;overflow-y:auto}.profile-section{background:#fff;border:1px solid #00000014;border-radius:18px;flex-direction:column;gap:12px;padding:18px 18px 16px;display:flex}.profile-section-title{font-family:var(--font-body);letter-spacing:1.2px;text-transform:uppercase;color:#00000080;margin:0 0 4px;font-size:13px;font-weight:900}.profile-avatar-section{text-align:center;align-items:center}.profile-avatar-frame{border:4px solid var(--green-primary);background:var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;display:flex;overflow:hidden;box-shadow:0 4px 14px #0000001a}.profile-avatar-frame img,.profile-avatar-frame svg{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.profile-avatar-empty{font-size:56px;line-height:1}.profile-avatar-change-btn{background:var(--green-primary);color:#fff;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:800;transition:background .15s,box-shadow .15s,transform 50ms}.profile-avatar-change-btn:hover{background:var(--green-dark);box-shadow:0 2px 8px #2e7d3240}.profile-avatar-change-btn:active{transform:translateY(1px)}.profile-avatar-picker{width:100%;margin-top:6px}.profile-field{flex-direction:column;gap:6px;display:flex}.profile-field-label{font-family:var(--font-body);color:var(--text-primary);font-size:13px;font-weight:800}.profile-field-hint{color:var(--text-tertiary);font-size:11px;font-weight:700;line-height:1.4}.profile-field input,.profile-field select,.profile-field textarea{font-family:var(--font-body);color:var(--text-primary);-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid #0000001f;border-radius:12px;width:100%;padding:12px 14px;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s}.profile-field textarea{resize:vertical;min-height:90px;line-height:1.4}.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus{border-color:var(--green-primary);outline:none;box-shadow:0 0 0 3px #43a0472e}.profile-field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23555' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:38px}.profile-row-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.profile-row-pair{grid-template-columns:1fr}}.profile-comm-options{flex-direction:column;gap:8px;display:flex}.profile-comm-option{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #0000001f;border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.profile-comm-option:hover{border-color:#43a04773}.profile-comm-option.active{border-color:var(--green-primary);background:#43a0471a}.profile-comm-label{font-family:var(--font-body);color:var(--text-primary);font-size:15px;font-weight:900}.profile-comm-hint{color:var(--text-tertiary);font-size:12px;font-weight:700}.profile-actions{align-items:stretch}.profile-save-btn{background:var(--green-primary);color:#fff;font-family:var(--font-body);letter-spacing:.3px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;padding:14px 22px;font-size:15px;font-weight:900;transition:background .15s,box-shadow .15s,transform 50ms}.profile-save-btn:hover{background:var(--green-dark);box-shadow:0 4px 12px #2e7d3247}.profile-save-btn:active{transform:translateY(1px)}.profile-privacy-note{color:var(--text-tertiary);text-align:center;margin:4px 0 0;font-size:12px;font-weight:700;line-height:1.5}.custom-button-modal{flex-direction:column;gap:12px;max-width:560px;max-height:92dvh;display:flex}.cbm-preview-row{align-items:center;gap:14px;padding:10px 0 4px;display:flex}.cbm-preview-card{background:#fff;border:2px solid #0000001a;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:96px;height:96px;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.cbm-preview-art{justify-content:center;align-items:center;font-size:36px;line-height:1;display:flex}.cbm-preview-img{-o-object-fit:contain;object-fit:contain;width:48px;height:48px}.cbm-preview-emoji{font-size:38px;line-height:1}.cbm-preview-text-only{color:#0000004d;font-size:22px;font-weight:900;font-family:var(--font-body)}.cbm-preview-label{font-family:var(--font-body);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:86px;font-size:11px;font-weight:900;overflow:hidden}.cbm-preview-badge{color:#fff;text-align:center;background:#ffc107;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:900;line-height:18px;position:absolute;top:6px;left:6px;box-shadow:0 1px 3px #0003}.cbm-preview-hint{color:var(--text-tertiary);margin:0;font-size:12px;font-weight:700;line-height:1.4}.cbm-mode-tabs{background:#0000000a;border-radius:12px;gap:4px;padding:4px;display:flex}.cbm-mode-tab{min-width:0;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 6px;font-size:12px;font-weight:800;line-height:1.1;transition:background .15s,color .15s,opacity .15s;display:inline-flex}.cbm-mode-tab>span:first-child{font-size:16px}.cbm-mode-tab-label{font-size:11px}.cbm-mode-tab:hover:not(:disabled){color:var(--text-primary)}.cbm-mode-tab.active{background:var(--green-primary);color:#fff;box-shadow:0 1px 3px #2e7d324d}.cbm-mode-tab:disabled{opacity:.4;cursor:not-allowed}@media (max-width:480px){.cbm-mode-tabs{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.cbm-mode-tab{box-sizing:border-box;width:100%;min-height:52px;padding:10px 8px}.cbm-mode-tab:last-child{grid-column:1/-1}.cbm-mode-tab-label{font-size:12px}.cbm-mode-tab>span:first-child{font-size:18px}}.cbm-image-panel{background:#fafbfa;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex}.cbm-image-panel-none{font-family:var(--font-body);color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;padding:28px 16px;font-weight:700}.cbm-search-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:#fff;border:1.5px solid #0000001f;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;font-weight:700;transition:border-color .15s,box-shadow .15s}.cbm-search-input:focus{border-color:var(--green-primary);box-shadow:0 0 0 3px #43a0472e}.cbm-emoji-cats{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.cbm-emoji-cats::-webkit-scrollbar{display:none}.cbm-emoji-cat{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #0000;border-radius:10px;flex-shrink:0;width:38px;height:38px;font-size:22px;transition:background .15s,border-color .15s}.cbm-emoji-cat:hover{background:#43a04714}.cbm-emoji-cat.active{border-color:var(--green-primary);background:#43a04724}.cbm-emoji-grid{background:#fff;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.cbm-emoji-cell{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:background .1s,border-color .1s,transform 50ms;display:flex}.cbm-emoji-cell:hover{background:#0000000d}.cbm-emoji-cell:active{transform:scale(.92)}.cbm-emoji-cell.selected{border-color:var(--green-primary);background:#43a04733}.cbm-image-grid{background:#fff;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;max-height:240px;padding:4px;display:grid;overflow-y:auto}.cbm-image-cell{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #00000014;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;transition:border-color .15s,background .15s,transform 50ms;display:flex}.cbm-image-cell:hover{border-color:#43a04773}.cbm-image-cell.selected{border-color:var(--green-primary);background:#43a0471f}.cbm-image-cell:active{transform:scale(.97)}.cbm-image-cell img{-o-object-fit:contain;object-fit:contain;width:44px;height:44px}.cbm-image-cell-emoji{font-size:32px;line-height:1}.cbm-image-cell-label{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:800;overflow:hidden}.cbm-empty{text-align:center;font-family:var(--font-body);color:var(--text-tertiary);grid-column:1/-1;padding:20px 12px;font-size:13px;font-weight:700}.cbm-board-select{width:100%;font-family:var(--font-body);color:var(--text-primary);-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23555' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 14px center/12px 8px no-repeat;border:1.5px solid #0000001f;border-radius:12px;outline:none;padding:12px 38px 12px 14px;font-size:15px;font-weight:700}.cbm-field-hint{color:var(--text-tertiary);margin-top:4px;font-size:11px;font-weight:700;line-height:1.4;display:block}@media (max-width:480px){.custom-button-modal{border-radius:0;max-height:100dvh}.cbm-preview-card{width:80px;height:80px}.cbm-preview-emoji{font-size:32px}.cbm-preview-img{width:40px;height:40px}}.cbm-preview-board{border-color:var(--card-color,#0000001a);border-width:3px}.cbm-color-row{flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0 2px;display:flex}.cbm-color-swatch{cursor:pointer;-webkit-tap-highlight-color:transparent;border:3px solid #0000;border-radius:50%;width:36px;height:36px;padding:0;transition:transform 80ms,box-shadow .15s,border-color .15s}.cbm-color-swatch:hover{transform:scale(1.08);box-shadow:0 2px 6px #00000026}.cbm-color-swatch.selected{border-color:var(--text-primary);transform:scale(1.1);box-shadow:0 2px 8px #0003}.cbm-color-custom{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#ff7043 0%,#ffd54f 25%,#66bb6a 50%,#29b6f6 75%,#ab47bc 100%);border:2px dashed #0003;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:transform 80ms;display:inline-flex;position:relative}.cbm-color-custom:hover{transform:scale(1.08)}.cbm-color-custom input[type=color]{opacity:0;cursor:pointer;border:none;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.custom-content-manager .ccm-tabs{background:#0000000a;border-radius:12px;gap:6px;margin:8px 0 14px;padding:4px;display:flex}.ccm-tab{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.ccm-tab:hover{color:var(--text-primary)}.ccm-tab.active{background:var(--green-primary);color:#fff;box-shadow:0 1px 3px #2e7d324d}.ccm-tab-count{text-align:center;background:#0000001f;border-radius:999px;min-width:22px;padding:2px 6px;font-size:11px;font-weight:900;display:inline-block}.ccm-tab.active .ccm-tab-count{background:#ffffff4d}.ccm-list{flex-direction:column;gap:8px;display:flex}.ccm-empty{font-family:var(--font-body);color:var(--text-tertiary);text-align:center;background:var(--bg-surface);border:1.5px dashed #0000001a;border-radius:12px;padding:24px 12px;font-size:13px;font-weight:700}.ccm-row{background:#fff;border:1px solid #00000014;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.ccm-row-thumb{background:var(--bg-surface);border:2px solid #0000001a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ccm-row-thumb img{-o-object-fit:contain;object-fit:contain;width:40px;height:40px}.ccm-row-emoji{font-size:30px;line-height:1}.ccm-row-text-only{color:#0000004d;font-size:18px;font-weight:900;font-family:var(--font-body)}.ccm-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ccm-row-name{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;overflow:hidden}.ccm-row-phrase{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:italic;font-weight:700;overflow:hidden}.ccm-row-meta{color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.ccm-color-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.ccm-row-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.ccm-action{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #0000001a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.ccm-action:hover:not(:disabled){background:#43a0471a;border-color:#43a04773}.ccm-action:active:not(:disabled){transform:scale(.94)}.ccm-action:disabled{opacity:.3;cursor:not-allowed}.ccm-action-delete:hover:not(:disabled){background:#e539351a;border-color:#e5393573}.ccm-confirm{max-width:460px}.ccm-confirm-text{font-family:var(--font-body);color:var(--text-primary);margin:0 0 14px;font-size:14px;font-weight:700;line-height:1.5}.ccm-confirm-text strong{font-weight:900}.ccm-confirm-options{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ccm-confirm-option{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #0000001a;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.ccm-confirm-option:hover{border-color:#43a04759}.ccm-confirm-option.active{border-color:var(--green-primary);background:#43a0470f}.ccm-confirm-option input[type=radio]{accent-color:var(--green-primary);margin-top:3px}.ccm-confirm-option span{font-family:var(--font-body);flex-direction:column;gap:2px;font-size:13px;display:flex}.ccm-confirm-option strong{color:var(--text-primary);font-weight:900}.ccm-confirm-option small{color:var(--text-tertiary);font-size:11px;font-weight:700}.ccm-confirm-danger{background:#e53935!important}.ccm-confirm-danger:hover{background:#c62828!important}@media (max-width:480px){.ccm-row{gap:8px;padding:8px 10px}.ccm-row-thumb{width:48px;height:48px}.ccm-row-emoji{font-size:26px}.ccm-action{width:32px;height:32px;font-size:14px}}.reorder-toolbar{background:#43a0470f;border:1px solid #43a0474d;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px;padding:8px 12px;display:flex}.reorder-toolbar-hint{font-family:var(--font-body);color:var(--green-dark);flex:1;min-width:0;font-size:12px;font-weight:800}.reorder-toolbar-btn{border:1.5px solid var(--green-primary);color:var(--green-dark);font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900;transition:background .15s,color .15s,transform 50ms}.reorder-toolbar-btn:hover{background:var(--green-primary);color:#fff}.reorder-toolbar-btn:active{transform:scale(.97)}.reorder-toolbar-btn.done{background:var(--green-primary);color:#fff}.reorder-toolbar-btn.done:hover{background:var(--green-dark)}.grid-cell{position:relative}.reorder-mode .grid-cell.reorder-locked .symbol-card{opacity:.45;pointer-events:none}.reorder-mode .grid-cell.reorder-target .symbol-card{outline:2px dashed var(--green-primary);outline-offset:-2px}.reorder-controls{z-index:3;pointer-events:auto;flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;right:4px}.reorder-arrow{border:1.5px solid var(--green-primary);width:28px;height:28px;color:var(--green-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:900;transition:background .1s,transform 50ms;display:flex;box-shadow:0 1px 4px #0000001a}.reorder-arrow:hover:not(:disabled){background:var(--green-primary);color:#fff}.reorder-arrow:active:not(:disabled){transform:scale(.92)}.reorder-arrow:disabled{opacity:.4;cursor:not-allowed}.cbm-error{color:#c62828}.cbm-offline-notice{text-align:center;background:#0000000a;border:1.5px dashed #0000001f;border-radius:10px;padding:22px 16px}.cbm-web-note{color:var(--text-tertiary);text-align:center;margin:4px 0 0;font-size:11px;font-weight:700;line-height:1.4}.cbm-cell-downloading{color:#fff;text-align:center;background:#0009;border-radius:50%;width:22px;height:22px;font-size:13px;font-weight:900;line-height:22px;animation:1s infinite cbm-pulse;position:absolute;top:6px;right:6px}@keyframes cbm-pulse{0%,to{opacity:.7}50%{opacity:1}}.cbm-image-cell.downloading{opacity:.7;pointer-events:none}.cbm-image-cell{position:relative}.cbm-upload-panel{gap:12px}.cbm-upload-actions{flex-wrap:wrap;gap:8px;display:flex}.cbm-upload-btn{background:var(--green-primary);color:#fff;min-width:0;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex:1;padding:12px 14px;font-size:14px;font-weight:800;transition:background .15s,transform 50ms}.cbm-upload-btn:hover:not(:disabled){background:var(--green-dark)}.cbm-upload-btn:active:not(:disabled){transform:translateY(1px)}.cbm-upload-btn:disabled{opacity:.55;cursor:not-allowed}.cbm-upload-preview{flex-direction:column;align-items:center;gap:6px;display:flex}.cbm-upload-preview img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fff;border:2px solid #43a04773;border-radius:18px;width:160px;height:160px;box-shadow:0 2px 8px #0000001a}@media (max-width:480px){.cbm-upload-preview img{width:128px;height:128px}}.cbm-voice-options{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.cbm-voice-option{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;font-family:var(--font-body);background:#fff;border:1.5px solid #0000001a;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.cbm-voice-option:hover{border-color:#43a04773}.cbm-voice-option.active{border-color:var(--green-primary);background:#43a04714}.cbm-voice-option-icon{text-align:center;flex-shrink:0;width:32px;font-size:22px;line-height:1}.cbm-voice-option>span:last-child{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cbm-voice-option strong{color:var(--text-primary);font-size:14px;font-weight:900}.cbm-voice-option small{color:var(--text-tertiary);font-size:12px;font-weight:700;line-height:1.4}.voice-recorder{background:#fafbfa;border:1px solid #00000014;border-radius:14px;flex-direction:column;gap:10px;margin-top:4px;padding:14px;display:flex}.voice-rec-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-rec-record-btn{color:#fff;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#e53935;border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 18px 12px 14px;font-size:15px;font-weight:900;transition:background .15s,transform 50ms;display:inline-flex;box-shadow:0 2px 8px #e539354d}.voice-rec-record-btn:hover{background:#c62828}.voice-rec-record-btn:active{transform:scale(.97)}.voice-rec-record-circle{color:#e53935;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:inline-flex}.voice-rec-record-label{letter-spacing:.4px}.voice-rec-upload-btn{background:var(--green-primary);color:#fff;min-width:0;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;flex:1;padding:12px 16px;font-size:14px;font-weight:800;transition:background .15s,transform 50ms}.voice-rec-upload-btn:hover{background:var(--green-dark)}.voice-rec-upload-btn:active{transform:translateY(1px)}.voice-rec-hint{color:var(--text-tertiary);margin:0;font-size:12px;font-weight:700;line-height:1.4}.voice-rec-error{color:#c62828;margin:0;font-size:12px;font-weight:800;line-height:1.4}.voice-rec-active{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.voice-rec-pulse{background:#e539352e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;animation:1.4s ease-in-out infinite voice-rec-pulse-ring;display:inline-flex}.voice-rec-dot{background:#e53935;border-radius:50%;width:14px;height:14px}@keyframes voice-rec-pulse-ring{0%,to{box-shadow:0 0 #e539354d}50%{box-shadow:0 0 0 10px #e5393500}}@media (prefers-reduced-motion:reduce){.voice-rec-pulse{animation:none}}.voice-rec-stop{color:#fff;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#e53935;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:900;transition:background .15s;display:inline-flex}.voice-rec-stop:hover{background:#c62828}.voice-rec-stop-glyph{background:#fff;border-radius:2px;width:14px;height:14px;display:inline-block}.voice-rec-meter{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.voice-rec-time{font-family:var(--font-body);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.voice-rec-bar{background:#00000014;border-radius:3px;width:100%;height:6px;overflow:hidden}.voice-rec-bar>span{background:#e53935;height:100%;transition:width .1s linear;display:block}.voice-rec-saved{flex-wrap:wrap;gap:8px;display:flex}.voice-rec-action{font-family:var(--font-body);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #0000001a;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:800;transition:border-color .15s,background .15s,transform 50ms;display:inline-flex}.voice-rec-action:hover{border-color:#43a04773}.voice-rec-action:active{transform:scale(.97)}.voice-rec-play.active,.voice-rec-play:hover{background:var(--green-primary);color:#fff;border-color:var(--green-primary)}.voice-rec-delete:hover{color:#c62828;background:#e539351a;border-color:#e5393573}.voice-rec-meta{color:var(--text-tertiary);margin:0;font-size:12px;font-weight:700}@media (max-width:480px){.voice-rec-record-btn{padding:10px 14px 10px 10px;font-size:14px}.voice-rec-record-circle{width:28px;height:28px;font-size:16px}.voice-rec-upload-btn{width:100%}}.edit-mode-banner{top:max(16px, env(safe-area-inset-top));z-index:9000;background:var(--green-primary);color:#fff;font-family:var(--font-body);border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 14px 10px 16px;font-size:14px;font-weight:800;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #2e7d3259}.edit-mode-banner-icon{font-size:18px;line-height:1}.edit-mode-banner-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.edit-mode-banner-text strong{letter-spacing:.4px;font-weight:900}.edit-mode-banner-done{color:var(--green-dark);font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900;transition:background .15s,transform 50ms}.edit-mode-banner-done:hover{background:#ffffffd9}.edit-mode-banner-done:active{transform:scale(.95)}@media (max-width:420px){.edit-mode-banner{gap:8px;padding:8px 10px 8px 12px;font-size:12px}.edit-mode-banner-done{padding:6px 10px;font-size:12px}}.grid-cell.edit-target .symbol-card{outline:2px dashed var(--green-primary);outline-offset:-2px}.symbol-card-edit-overlay{background:var(--green-primary);color:#fff;pointer-events:none;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 1px 3px #0003}.symbol-card-edit-overlay-icon{line-height:1}.grid-cell.long-pressing .symbol-card{outline:2px solid var(--green-primary);outline-offset:-2px;transition:transform 2.4s ease-out,box-shadow .2s,outline-color .2s;transform:scale(1.04);box-shadow:0 4px 14px #43a0474d}@media (prefers-reduced-motion:reduce){.grid-cell.long-pressing .symbol-card{transition:none}}.symbol-card-edit-badge{background:var(--green-dark);color:#fff;text-align:center;pointer-events:none;z-index:2;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:900;line-height:18px;position:absolute;top:6px;left:28px;box-shadow:0 1px 3px #0003}.symbol-card-audio-badge+.symbol-card-edit-badge{left:50px}.cbm-reset-row{background:#e539350f;border:1.5px dashed #e539354d;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.cbm-reset-btn{color:#c62828;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1.5px solid #e53935;border-radius:999px;align-self:flex-start;padding:8px 16px;font-size:13px;font-weight:900;transition:background .15s,color .15s,transform 50ms}.cbm-reset-btn:hover:not(:disabled){color:#fff;background:#e53935}.cbm-reset-btn:active:not(:disabled){transform:scale(.97)}.cbm-reset-btn:disabled{opacity:.55;cursor:not-allowed}