@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:var(--tg-theme-bg-color, #1c1c1e);--sec-bg:var(--tg-theme-secondary-bg-color, #2c2c2e);--text:var(--tg-theme-text-color, #ffffff);--hint:var(--tg-theme-hint-color, #8e8e93);--btn:var(--tg-theme-button-color, #2196F3);--btn-text:var(--tg-theme-button-text-color, #ffffff);--danger:#ff3b30;--success:#30d158;--warn:#ff9500;--radius:14px;--gap:12px;--tr:0.2s ease}body,html{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.5;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.page{display:none;flex-direction:column;min-height:100dvh}.page.active,.top-row{display:flex}#input-section{position:sticky;top:0;z-index:10;background:var(--bg);padding:12px 16px 8px;border-bottom:1px solid color-mix(in srgb,var(--hint) 20%,transparent)}.top-row{align-items:center;justify-content:space-between;margin-bottom:10px}#input-section h1,#saved-tab-btn{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}.logo-b,.textarea-wrap{background:var(--sec-bg)}.logo-b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--hint) 35%,transparent);color:var(--text);font-size:16px;font-weight:700;font-family:"Georgia","Times New Roman",serif;line-height:1}#saved-tab-btn{gap:5px;background:color-mix(in srgb,var(--btn) 15%,transparent);color:var(--btn);border:1.5px solid color-mix(in srgb,var(--btn) 30%,transparent);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--tr)}#saved-tab-btn:hover{background:color-mix(in srgb,var(--btn) 25%,transparent)}#saved-badge{background:var(--btn);color:var(--btn-text);border-radius:10px;padding:0 6px;font-size:11px;font-weight:700;min-width:18px;text-align:center;display:none}.textarea-wrap{border-radius:var(--radius);padding:10px 12px}#input-text{width:100%;min-height:72px;max-height:160px;resize:none;background:0 0;border:0;outline:0;color:var(--text);font-size:15px;line-height:1.5;font-family:inherit;caret-color:var(--btn)}#input-text::placeholder{color:var(--hint)}.input-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px}#char-counter{transition:color var(--tr)}#char-counter.warn{color:var(--warn)}#char-counter.error{color:var(--danger)}#char-counter,#clear-btn,#hint-msg{font-size:12px;color:var(--hint)}#clear-btn{background:0 0;border:0;cursor:pointer;padding:4px 8px;border-radius:8px;min-height:28px;transition:background var(--tr),color var(--tr)}#clear-btn:hover{background:color-mix(in srgb,var(--hint) 15%,transparent);color:var(--text)}#hint-msg{margin:6px 0 0;text-align:center;min-height:16px}#output-section{flex:1;padding:12px 16px 24px;display:flex;flex-direction:column;gap:var(--gap)}.card{background:var(--sec-bg);border-radius:var(--radius);overflow:hidden;contain:layout style;animation:slideIn .22s ease both;transition:opacity var(--tr)}.card.empty{opacity:.4}.card-header{padding:10px 14px 6px;display:flex;align-items:center;justify-content:space-between}.card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--hint)}.card-body{padding:4px 14px 6px;font-size:16px;min-height:36px;word-break:break-word;line-height:1.6;user-select:text;-webkit-user-select:text;color:var(--text)}.card-body.placeholder{color:var(--hint);font-style:italic;font-size:14px}.card-footer{display:flex;gap:8px;padding:6px 14px 12px}.action-btn{flex:1;height:40px;border:0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s ease,opacity var(--tr),background var(--tr),color var(--tr);display:flex;align-items:center;justify-content:center;gap:5px;will-change:transform}.action-btn:active{transform:scale(.95)}.copy-btn{background:color-mix(in srgb,var(--btn) 18%,transparent);color:var(--btn);border:1.5px solid color-mix(in srgb,var(--btn) 35%,transparent)}.copy-btn.copied,.save-btn.saved{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.save-btn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn);border:1.5px solid color-mix(in srgb,var(--warn) 35%,transparent)}#empty-state{text-align:center;padding:40px 24px;color:var(--hint);display:none}#empty-state .big-emoji{font-size:48px;margin-bottom:12px}#empty-state p,#saved-empty p{font-size:14px;line-height:1.6}#saved-header,#saved-page{background:var(--bg)}#saved-header{position:sticky;top:0;z-index:10;padding:14px 16px 10px;border-bottom:1px solid color-mix(in srgb,var(--hint) 20%,transparent);display:flex;align-items:center;justify-content:space-between}#saved-header h2{font-size:17px;font-weight:700}#back-btn,#clear-all-btn{background:0 0;border:0;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background var(--tr)}#back-btn{color:var(--btn);font-size:14px;display:flex;align-items:center;gap:4px}#back-btn:hover{background:color-mix(in srgb,var(--btn) 12%,transparent)}#clear-all-btn{color:var(--danger);font-size:13px}#clear-all-btn:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}#saved-list{flex:1;padding:12px 16px 24px;display:flex;flex-direction:column;gap:var(--gap);overflow-y:auto}.saved-card{background:var(--sec-bg);border-radius:var(--radius);padding:12px 14px;animation:slideIn .22s ease both}.saved-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.saved-style-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--btn);background:color-mix(in srgb,var(--btn) 15%,transparent);border-radius:6px;padding:2px 7px}.saved-date{font-size:11px;color:var(--hint)}.saved-text{font-size:16px;line-height:1.6;color:var(--text);word-break:break-word;margin-bottom:10px;user-select:text;-webkit-user-select:text}.saved-actions{display:flex;gap:8px}.saved-copy-btn{flex:1;height:36px;border:0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:color-mix(in srgb,var(--btn) 18%,transparent);color:var(--btn);border:1.5px solid color-mix(in srgb,var(--btn) 30%,transparent);transition:transform .1s,background var(--tr),color var(--tr);justify-content:center;gap:4px}.saved-copy-btn:active{transform:scale(.95)}.saved-copy-btn.copied{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}#saved-empty,.saved-copy-btn,.saved-del-btn{display:flex;align-items:center}.saved-del-btn{width:36px;height:36px;border:0;border-radius:8px;font-size:16px;cursor:pointer;background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger);border:1.5px solid color-mix(in srgb,var(--danger) 25%,transparent);justify-content:center;transition:transform .1s,background var(--tr);flex-shrink:0}.saved-del-btn:active{transform:scale(.95)}#saved-empty{text-align:center;padding:60px 24px;color:var(--hint);flex-direction:column;gap:12px}#saved-empty .big-emoji{font-size:48px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--hint) 30%,transparent);border-radius:4px}