.font-and-theme{height:100%;padding:20px 16px;padding-bottom:calc(20px + var(--safe-area-bottom));flex-direction:column;gap:24px;font-size:16px;display:flex;overflow-y:auto}.font-and-theme__section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.font-and-theme__section-title{color:var(--text-primary);font-size:15px;font-weight:600}.font-and-theme__preview-badge{letter-spacing:.5px;color:var(--fg-brand,#8a4f98);background:#9a60aa1a;border-radius:12px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.font-and-theme__preview{background:#f5f5f7;border-radius:16px;flex-direction:column;flex-shrink:0;gap:12px;height:225px;padding:20px 16px;display:flex;overflow-y:auto}.dark .font-and-theme__preview{background:#1f2937}.font-and-theme__user-msg{background:var(--color-primary,#9a60aa);color:#fff;word-break:break-word;border-radius:18px 18px 4px;align-self:flex-end;max-width:80%;padding:12px 16px;font-weight:500;line-height:1.5}.font-and-theme__assistant-msg{max-width:90%;color:var(--text-primary);line-height:1.6;font-size:inherit;align-self:flex-start}.font-and-theme__slider-container{background:#f5f5f7;border-radius:16px;align-items:center;gap:12px;padding:20px 16px;display:flex}.dark .font-and-theme__slider-container{background:#1f2937}.font-and-theme__slider-label{color:var(--text-secondary);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:500}.font-and-theme__slider-label--small{font-size:13px}.font-and-theme__slider-label--large{font-size:20px;font-weight:600}.font-and-theme__slider-track{cursor:pointer;touch-action:none;flex:1;align-items:center;height:44px;margin:0 -6px;padding:0 22px;display:flex;position:relative}.font-and-theme__slider-input{cursor:pointer;z-index:3;appearance:none;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.font-and-theme__slider-input::-webkit-slider-runnable-track{background:0 0;height:100%}.font-and-theme__slider-input::-webkit-slider-thumb{appearance:none;background:0 0;border:none;width:44px;height:32px}.font-and-theme__slider-input::-moz-range-track{background:0 0;height:100%}.font-and-theme__slider-input::-moz-range-thumb{background:0 0;border:none;width:44px;height:32px}.font-and-theme__slider-input:focus{outline:none}.font-and-theme__slider-input:focus-visible~.font-and-theme__slider-thumb{outline:2px solid var(--color-primary,#9a60aa);outline-offset:2px}.font-and-theme__slider-rail{background:#d1c4e9;border-radius:2px;height:3px;position:absolute;left:22px;right:22px}.dark .font-and-theme__slider-rail{background:#4a3660}.font-and-theme__slider-dots{pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:22px;right:22px}.font-and-theme__slider-dot{z-index:1;background:#b39ddb;border-radius:50%;width:10px;height:10px;transition:all .2s;position:relative}.dark .font-and-theme__slider-dot{background:#7c5a9e}.font-and-theme__slider-dot--active{background:var(--color-primary,#9a60aa)}.font-and-theme__slider-thumb{z-index:2;cursor:grab;background:#fff;border:1px solid #b794bf;border-radius:15.5px;width:44px;height:32px;transition:left .2s;position:absolute;transform:translate(-50%);box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.font-and-theme__slider-thumb:active{cursor:grabbing;box-shadow:0 4px 6px -4px #00000026,0 10px 15px -3px #00000026}.dark .font-and-theme__slider-thumb{background:#374151;border-color:#7c5a9e;box-shadow:0 4px 6px -4px #0000004d,0 10px 15px -3px #0003}.font-and-theme__bg-section-title{color:var(--text-primary);margin-bottom:12px;font-size:15px;font-weight:600}.font-and-theme__bg-options{flex-direction:column;gap:10px;display:flex}.font-and-theme__bg-option{cursor:pointer;text-align:left;background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .25s;display:flex}.dark .font-and-theme__bg-option{background:#1f2937}@media (hover:hover){.font-and-theme__bg-option:hover{border-color:#9a60aa4d}}.font-and-theme__bg-option--selected{border-color:var(--color-primary,#9a60aa);background:#9a60aa0a}.dark .font-and-theme__bg-option--selected{background:#9a60aa1a}.font-and-theme__bg-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.font-and-theme__bg-icon--system{color:#80478e;background:#fff}.dark .font-and-theme__bg-icon--system{color:#c490d1;background:#191d28}.font-and-theme__bg-icon--light{color:#484849;background:#fff}.dark .font-and-theme__bg-icon--light{color:#f5c542;background:#191d28}.font-and-theme__bg-icon--dark,.dark .font-and-theme__bg-icon--dark{color:#ffffffb3;background:#191d28}.font-and-theme__bg-text{flex-direction:column;flex:1;gap:2px;display:flex}.font-and-theme__bg-title{color:var(--text-primary);font-size:15px;font-weight:600}.font-and-theme__bg-desc{color:var(--text-secondary);font-size:12px}.font-and-theme__bg-check{background:var(--color-primary,#9a60aa);color:#fff;opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .25s;display:flex;transform:scale(.5)}.font-and-theme__bg-check--visible{opacity:1;transform:scale(1)}.font-and-theme__bg-uncheck{border:2px solid var(--border-interactive);border-radius:50%;flex-shrink:0;width:22px;height:22px}.dark .font-and-theme__bg-uncheck{border-color:#4b5563}.font-and-theme__haptic-row{justify-content:space-between;align-items:center;gap:12px;display:flex}