:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background:#1a2a1a;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#1e2e1e;border-bottom:1px solid rgba(80,140,40,.3);flex-shrink:0;flex-wrap:wrap;min-height:48px}.tb-brand{font-weight:700;font-size:14px;color:#7ab648;letter-spacing:.5px;white-space:nowrap;margin-right:4px}.tb-tools{display:flex;gap:2px;flex-wrap:wrap}.tb-tool{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffbf;font-size:16px;cursor:pointer;transition:all .15s;min-width:44px}.tb-tool:hover{background:#78c83c26;border-color:#78c83c4d}.tb-tool.on{background:#6aaa3040;border-color:#6aaa30;color:#a0e060}.tb-tool-label{font-size:9px;color:inherit;white-space:nowrap}.tb-actions{display:flex;gap:4px;margin-left:auto}.tb-btn{padding:5px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fffc;font-size:14px;cursor:pointer;transition:all .15s}.tb-btn:hover{background:#78c83c26}.tb-btn.on{background:#6aaa3033;border-color:#6aaa30;color:#a0e060}.tb-btn.dim{opacity:.35;cursor:default}.tb-btn:disabled{opacity:.35;cursor:default}.tb-save-ind{font-size:10px;color:#b4ff78b3;white-space:nowrap;padding:0 4px}.left-panel{width:220px;flex-shrink:0;background:#1e2e1e;border-right:1px solid rgba(80,140,40,.3);display:flex;flex-direction:column;overflow:hidden}.lp-tabs{display:flex;border-bottom:1px solid rgba(80,140,40,.3);flex-shrink:0}.lp-tab{flex:1;padding:8px 4px;background:transparent;border:none;color:#ffffff80;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.3px}.lp-tab:hover{color:#fffc;background:#ffffff0a}.lp-tab.on{color:#7ab648;border-bottom:2px solid #7ab648}.lp-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0 8px}.lp-content::-webkit-scrollbar{width:4px}.lp-content::-webkit-scrollbar-track{background:transparent}.lp-content::-webkit-scrollbar-thumb{background:#78c83c4d;border-radius:4px}.lp-sec-header{padding:8px 10px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a0dc50b3}.lp-count{font-weight:400;font-size:9px}.lp-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;border-radius:0;transition:background .12s}.lp-item:hover{background:#78c83c1a}.lp-item.sel{background:#6aaa3033;border-left:2px solid #6aaa30}.lp-emoji{font-size:18px;flex-shrink:0}.lp-name{font-size:12px;color:#ffffffd9;font-weight:500}.lp-sub{font-size:9px;color:#a0dc5099;margin-top:1px}.lp-search-wrap{padding:8px}.lp-search{width:100%;padding:6px 8px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#ffffffd9;font-size:12px;box-sizing:border-box}.lp-search::placeholder{color:#ffffff4d}.lp-search:focus{outline:none;border-color:#6aaa3080}.lp-cats{display:flex;flex-wrap:wrap;gap:3px;padding:0 8px 8px}.lp-cat{padding:3px 7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#fff9;font-size:10px;cursor:pointer;transition:all .12s;white-space:nowrap}.lp-cat:hover{background:#78c83c26}.lp-cat.on{background:#6aaa3040;border-color:#6aaa30;color:#a0e060}.lp-empty{text-align:center;padding:20px;color:#ffffff4d;font-size:11px}.lp-plant{cursor:grab}.lp-plant:active{cursor:grabbing}.right-panel{width:240px;flex-shrink:0;background:#1e2e1e;border-left:1px solid rgba(80,140,40,.3);overflow-y:auto;overflow-x:hidden}.right-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar-track{background:transparent}.right-panel::-webkit-scrollbar-thumb{background:#78c83c4d;border-radius:4px}.rp-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:8px;color:#ffffff4d;font-size:12px;text-align:center;padding:20px}.rp-content{padding:12px}.rp-big-emoji{text-align:center;font-size:32px;margin:8px 0 4px}.rp-title{text-align:center;font-size:13px;font-weight:700;color:#ffffffe6;margin-bottom:4px}.rp-latin{text-align:center;font-size:10px;color:#a0dc50b3;font-style:italic;margin-bottom:10px}.rp-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;margin-bottom:10px}.rp-row{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.rp-row:last-child{border-bottom:none}.rp-key{font-size:11px;color:#ffffff73;flex-shrink:0}.rp-val{font-size:11px;color:#ffffffd9;text-align:right}.rp-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#a0dc50b3;margin-bottom:5px}.rp-tags{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.rp-tag{border-radius:99px;padding:2px 7px;font-size:10px}.rp-tag.green{background:#6aaa3033;border:1px solid rgba(106,170,48,.4);color:#a0e060}.rp-tag.red{background:#c83c3c26;border:1px solid rgba(200,60,60,.3);color:#f08080}.rp-notes{background:#fff06412;border:1px solid rgba(255,200,60,.2);border-radius:6px;padding:7px 9px;font-size:11px;color:#ffdc64cc;line-height:1.5;margin-bottom:10px}.rp-btn-primary{width:100%;padding:8px;background:#6aaa3040;border:1px solid rgba(106,170,48,.5);border-radius:8px;color:#a0e060;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;margin-top:4px}.rp-btn-primary:hover{background:#6aaa3066}.rp-cells-wrap{margin-bottom:10px}.rp-cells{display:grid;gap:3px}.rp-cell{background:#00000026;border:1px solid rgba(255,255,255,.08);border-radius:4px;text-align:center;padding:3px;cursor:pointer;font-size:14px;min-height:26px;display:flex;align-items:center;justify-content:center;color:#fff3;transition:background .12s}.rp-cell:hover{background:#78c83c33}.rp-cell.filled{background:#6aaa302e;border-color:#6aaa304d;color:inherit}.rp-actions{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}.rp-btn{flex:1;padding:6px 4px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid;min-width:50px;transition:all .12s}.rp-btn.edit{background:#6aaa3026;border-color:#6aaa304d;color:#a0e060}.rp-btn.edit:hover{background:#6aaa304d}.rp-btn.copy{background:#5078b426;border-color:#5078b44d;color:#80a0e0}.rp-btn.copy:hover{background:#5078b44d}.rp-btn.del{background:#c83c3c26;border-color:#c83c3c4d;color:#f08080}.rp-btn.del:hover{background:#c83c3c4d}.rp-picker{padding:0}.rp-picker-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:600;color:#ffffffb3}.rp-picker-close{background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:2px 4px}.rp-picker-close:hover{color:#fffc}.rp-picker-search{width:100%;padding:8px 12px;background:#ffffff0d;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffd9;font-size:12px;box-sizing:border-box}.rp-picker-search:focus{outline:none;background:#ffffff14}.rp-picker-list{max-height:calc(100vh - 200px);overflow-y:auto}.rp-picker-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:12px;color:#ffffffbf;transition:background .1s}.rp-picker-item:hover{background:#78c83c1f}.rp-picker-item.sel{background:#6aaa3033;color:#a0e060}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9000}.modal{background:#1e2e1e;border:1px solid rgba(106,170,48,.3);border-radius:12px;width:320px;box-shadow:0 20px 40px #00000080;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700;font-size:14px;color:#ffffffe6}.modal-close{background:none;border:none;color:#fff6;font-size:16px;cursor:pointer}.modal-close:hover{color:#fffc}.modal-body{padding:16px;display:flex;flex-direction:column;gap:10px}.modal-label{font-size:11px;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.modal-input{padding:8px 10px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#ffffffe6;font-size:13px}.modal-input:focus{outline:none;border-color:#6aaa3080}.modal-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);justify-content:flex-end}.modal-btn{padding:7px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid;transition:all .12s}.modal-btn.cancel{background:#ffffff0f;border-color:#ffffff1f;color:#fff9}.modal-btn.cancel:hover{background:#ffffff1a}.modal-btn.ok{background:#6aaa3040;border-color:#6aaa3080;color:#a0e060}.modal-btn.ok:hover{background:#6aaa3066}#root{width:100vw!important;max-width:100vw!important;border:none!important;margin:0!important;min-height:100vh}.lp-drag-hint{font-size:10px;color:#a0dc5073;text-align:center;padding:4px 8px 6px;letter-spacing:.02em}.lp-draggable{cursor:grab}.lp-draggable:active{cursor:grabbing;opacity:.7}.lp-draggable:hover .lp-drag-icon{opacity:1}.lp-drag-icon{font-size:14px;color:#fff3;opacity:0;transition:opacity .15s;flex-shrink:0;margin-left:auto;padding-left:4px}