/* ficklestudio26 · Fancy text and symbols (builds on /timer/timer.css) */
.f-input { width:100%; padding:14px; border:2px solid #e8e8ec; border-radius:14px; font:600 22px system-ui,sans-serif; background:#fff; }
.f-input:focus { outline:none; border-color:#e8590c; }
.f-list { list-style:none; margin:14px 0 0; padding:0; display:grid; gap:8px; text-align:left; }
.f-list li { display:grid; grid-template-columns:1fr auto; gap:2px 12px; align-items:center; background:#fff4e6; border-radius:14px; padding:10px 14px; }
.f-name { grid-column:1 / -1; font:700 12px system-ui,sans-serif; color:#5b5b66; text-transform:uppercase; letter-spacing:.05em; }
.f-out { font:500 clamp(20px,4.5vw,30px)/1.4 system-ui,"Segoe UI Symbol","Apple Symbols",sans-serif; word-break:break-word; color:#1d1d22; }
.s-tabs { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:0 0 12px; }
.s-tabs .btn.is-on { background:#fff4e6; border-color:#e8590c; color:#d9480f; }
.s-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(56px,1fr)); gap:6px; margin:12px 0; max-height:420px; overflow:auto; padding:2px; }
.s-grid.wide { grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); }
.s-item { padding:8px 4px; min-height:52px; border:1px solid #e8e8ec; border-radius:10px; background:#fff; font:400 26px/1.2 system-ui,"Segoe UI Symbol","Apple Symbols","Noto Color Emoji",sans-serif; cursor:pointer; }
.s-grid.wide .s-item { font-size:17px; }
.s-item:hover { background:#fff4e6; border-color:#e8590c; }
.s-item:focus-visible { outline:3px solid #1d1d22; }
.s-tray { width:100%; min-height:64px; padding:12px; border:2px solid #e8e8ec; border-radius:14px; font:24px/1.5 system-ui,"Segoe UI Symbol","Noto Color Emoji",sans-serif; resize:vertical; }
.s-status { min-height:24px; margin:8px 0 0; font:700 15px system-ui,sans-serif; color:#d9480f; }
.f-note { font-size:14px; color:#5b5b66; }