:root{--wood:#241b15;--wood-light:#3a2e26;--paper:#f6ecd9;--paper-shade:#e9dcc0;--ink:#2b2118;--accent:#c9673f;--accent-light:#e08a5f;--muted:#b8a99a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--paper);background:var(--wood);-webkit-font-smoothing:antialiased;font:17px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}button{font:inherit}.screen{flex-direction:column;flex:1;min-height:100svh;display:flex}.input-screen{padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));text-align:center;gap:14px}.subtitle{color:var(--muted);margin:8px 0;font-size:15px}.text-input{resize:none;background:var(--paper);min-height:200px;color:var(--ink);direction:rtl;border:1px solid #4a3b2e;border-radius:12px;flex:1;padding:16px;font:18px/1.6 Georgia,Times New Roman,serif}.text-input:focus{outline:2px solid var(--accent)}.file-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.file-input-hidden{display:none}.file-name{color:var(--muted);font-size:14px}.error{color:var(--accent-light);font-size:14px}.btn{cursor:pointer;border:none;border-radius:999px;padding:14px 24px;font-size:17px;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);color:#fff;font-weight:600}.btn--ghost{border:1px solid var(--muted);color:var(--paper);background:0 0}.btn--small{padding:8px 16px;font-size:14px}.btn--icon{padding:8px 12px;font-size:16px;line-height:1}.board-screen{flex:none;height:100svh;overflow:hidden}.board-header{padding:max(12px, env(safe-area-inset-top)) 12px 8px;z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.popover-anchor{display:flex;position:relative}.popover{background:var(--paper-shade);z-index:20;border-radius:12px;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000073}.color-popover{align-items:center}.swatch{cursor:pointer;border:2px solid #fff9;border-radius:50%;width:30px;height:30px;padding:0}.swatch--custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);justify-content:center;align-items:center;font-size:12px;display:flex;position:relative;overflow:hidden}.swatch--custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.save-popover{flex-direction:column;min-width:150px}.save-popover button{color:var(--ink);text-align:right;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 6px;font-size:14px}.save-popover button:hover{background:#00000014}.table{background:repeating-linear-gradient(90deg, #0000001f 0px, #0000001f 2px, transparent 2px, transparent 38px), var(--wood-light);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;border-radius:14px;flex:1;min-height:0;margin:0 8px 8px;overflow:hidden auto;box-shadow:inset 0 0 40px #00000059}.table-content{position:relative}.table-hint{text-align:center;color:var(--muted);justify-content:center;align-items:center;padding:0 30px;font-size:14px;display:flex;position:absolute;inset:0}@keyframes stripPop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.strip{background:var(--paper);color:var(--ink);white-space:normal;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:2px 8px 3px 9px;max-width:min(60vw,260px);padding:8px 14px;font:16px/1.4 Georgia,Times New Roman,serif;transition:box-shadow .4s ease-out;position:absolute;box-shadow:0 2px 6px #0006}.strip--enter{animation:.35s cubic-bezier(.2,.9,.3,1.1) both stripPop}.strip--dragging{cursor:grabbing;transform-origin:50%;scale:1.05;box-shadow:0 8px 18px #00000080}.strip--glued{box-shadow:0 0 0 6px var(--accent-light), 0 2px 6px #0006}.cut-overlay{z-index:60;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.strip--cutting{cursor:default;white-space:normal;max-width:min(82vw,380px);text-overflow:unset;outline:2px dashed var(--accent-light);outline-offset:3px;overflow:visible;box-shadow:0 10px 24px #00000080}.cut-words{flex-wrap:wrap;align-items:center;gap:2px 0;display:flex}.cut-word-group{align-items:center;display:inline-flex}.cut-word{white-space:nowrap}.cut-gap{cursor:pointer;background:0 0;border:none;align-items:stretch;height:1.5em;margin:0;padding:2px 6px;display:inline-flex}.cut-gap-line{background:repeating-linear-gradient(to bottom, var(--accent) 0, var(--accent) 3px, transparent 3px, transparent 6px);border-radius:1px;width:2px}.cut-gap:hover .cut-gap-line,.cut-gap:active .cut-gap-line{background:var(--accent);width:3px}.cut-cancel{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;align-self:center;width:22px;min-width:22px;height:22px;margin-inline-start:10px;font-size:14px;line-height:1}.modal-overlay{z-index:30;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--paper-shade);color:var(--ink);border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;padding:16px;display:flex;box-shadow:0 20px 50px #00000080}.modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-head h2{color:var(--ink);margin:0;font-size:17px}.modal-close{color:var(--ink);cursor:pointer;opacity:.6;background:0 0;border:none;font-size:22px;line-height:1}.modal-close:hover{opacity:1}.modal-text{white-space:pre-wrap;margin:0 0 12px;font:16px/1.6 Georgia,Times New Roman,serif;overflow-y:auto}.modal-actions{justify-content:flex-end;display:flex}.merge-confirm{align-items:center;gap:14px}.merge-preview{background:var(--paper);color:var(--ink);text-align:center;border-radius:2px 8px 3px 9px;margin:0;padding:14px 18px;font:17px/1.5 Georgia,Times New Roman,serif;box-shadow:0 2px 6px #0000004d}.merge-actions{justify-content:center;gap:10px}.modal-actions .btn--ghost{color:var(--ink);border-color:var(--ink)}