:root{--ivory: #fcf8f1;--ivory-2: #f7efe2;--paper: #fffdf9;--peach: #f3e1cb;--glass: linear-gradient(155deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .42));--glass-strong: linear-gradient(155deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .6));--glass-border: rgba(255, 255, 255, .9);--glass-edge: rgba(22, 36, 29, .07);--blur: 22px;--ink: #16241d;--ink-2: #33473d;--muted: #5f7168;--muted-2: #68796e;--forest: #0e4a38;--forest-2: #17624a;--leaf: #2e9e6b;--leaf-soft: #8fd3b2;--terra: #c4653f;--terra-text: #a04c2a;--terra-soft: #e9c4b3;--amber: #dfa24f;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 30px;--shadow-1: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 2px 6px rgba(38, 58, 45, .04), 0 18px 38px -26px rgba(38, 58, 45, .4);--shadow-2: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 26px 54px -28px rgba(38, 58, 45, .45);--shadow-3: 0 30px 70px -34px rgba(14, 74, 56, .55);--ring: 0 0 0 3px rgba(46, 158, 107, .28);--ease: cubic-bezier(.22, .68, .28, 1);--font-ar: "IBM Plex Sans Arabic", system-ui, sans-serif;--font-it: "Newsreader", "Times New Roman", serif;--shell: 1320px;--rail: 274px;--gap: clamp(16px, 2vw, 26px)}@media (prefers-reduced-motion: reduce){:root{--ease: linear}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-ar);color:var(--ink);background-color:var(--ivory);background-image:radial-gradient(1100px 620px at 88% -8%,rgba(243,225,203,.85),transparent 62%),radial-gradient(900px 560px at 4% 8%,rgba(232,240,228,.75),transparent 60%),radial-gradient(1000px 700px at 50% 110%,rgba(46,158,107,.09),transparent 65%);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}input{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--forest-2);outline-offset:3px;border-radius:8px}.shell{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}.glass{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-lg);box-shadow:var(--shadow-1);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);position:relative}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,#fffffff2,#ffffff0d 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:500;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.latin{font-family:var(--font-it);letter-spacing:.02em}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}.site-foot{padding:22px 0 40px;border-top:1px solid rgba(22,36,29,.08)}.foot-inner{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}.foot-inner .latin{color:var(--forest);letter-spacing:.16em;font-size:12.5px}.foot-dot{color:var(--muted-2)}.foot-right{margin-inline-start:auto;font-size:11.5px}.app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);gap:22px;align-items:start;width:min(1420px,calc(100% - 32px));margin-inline:auto;padding-block:18px 44px}.app-main{min-width:0}.page{animation:fadeUp .55s var(--ease)}.rail{position:sticky;top:18px;min-width:0}.rail-inner{display:flex;flex-direction:column;gap:14px;padding:14px 12px 12px;border-radius:26px;max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:thin}.rail-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;border-bottom:1px solid rgba(22,36,29,.08);text-align:start}.rail-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#eaf6ee;background:linear-gradient(155deg,#1c6b51,#0b3a2c);box-shadow:0 10px 22px -12px #0b3a2ce6,0 1px #ffffff40 inset;flex:none}.rail-brand-text{display:grid;gap:2px;line-height:1.1}.rail-brand .brand-name{font-size:13.5px;letter-spacing:.2em}.rail-brand .brand-sub{font-size:10.5px;color:var(--muted-2)}.rail-nav{display:grid;gap:3px}.rail-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:13px;font-size:14px;font-weight:500;color:var(--ink-2);text-align:start;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}.rail-item:hover{background:#ffffff9e;color:var(--forest)}.rail-item.is-active{color:var(--forest);background:linear-gradient(150deg,#2e9e6b29,#ffffff80);box-shadow:0 1px #fffc inset}.rail-item.is-active:before{content:"";position:absolute;inset-inline-start:4px;width:3px;height:18px;border-radius:3px;background:var(--leaf);margin-inline-start:-4px}.rail-count{margin-inline-start:auto;font-size:11px;font-weight:600;color:var(--forest);background:#2e9e6b29;border-radius:999px;padding:1px 7px}.rail-caret{margin-inline-start:auto;color:var(--muted-2);transition:transform .28s var(--ease);padding:2px;border-radius:6px}.rail-caret.is-open{transform:rotate(180deg)}.rail-sub{display:grid;gap:2px;margin:2px 0 6px;padding-inline-start:10px;border-inline-start:1px dashed rgba(22,36,29,.14);margin-inline-start:20px}.rail-subitem{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;font-size:12.5px;color:var(--muted);text-align:start;transition:background .22s var(--ease),color .22s var(--ease)}.rail-subitem:hover{color:var(--forest);background:#fff9}.rail-subitem.is-active{color:var(--forest);font-weight:600;background:#ffffffb8}.rail-subitem svg{flex:none;opacity:.85}.rail-foot{margin-top:auto;display:grid;gap:10px;padding-top:10px}.rail-stat{padding:12px;border-radius:15px;background:linear-gradient(160deg,#fffc,#f3e1cb80);border:1px solid rgba(255,255,255,.85)}.rail-stat-top{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--terra-text);margin-bottom:8px}.rail-bar{height:5px;border-radius:99px;background:#16241d1a;overflow:hidden}.rail-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--leaf),var(--forest-2))}.rail-stat-note{font-size:11px;color:var(--muted);margin-top:8px}.rail-user{display:flex;align-items:center;gap:9px;padding:8px;border-radius:13px;transition:background .22s var(--ease)}.rail-user:hover{background:#fff9}.rail-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:#eaf6ee;background:linear-gradient(150deg,#2e9e6b,#0e4a38);flex:none}.rail-user-text{display:grid;line-height:1.25}.rail-user-text b{font-size:12.5px;font-weight:600}.rail-user-text small{font-size:10.5px;color:var(--muted-2)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 20px;flex-wrap:wrap;margin-bottom:18px}.page-head-main{display:grid;gap:4px}.page-head h1{font-size:clamp(23px,2.6vw,32px);font-weight:600;letter-spacing:-.015em;color:var(--forest);line-height:1.25}.page-sub{font-size:13.5px;color:var(--muted)}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.seg{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#ffffff9e;border:1px solid rgba(255,255,255,.85);box-shadow:0 1px #ffffffe6 inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.seg button{padding:8px 18px;border-radius:999px;font-size:13px;font-weight:500;color:var(--muted);transition:color .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease)}.seg button:hover{color:var(--forest)}.seg button.is-on{color:#f4fbf7;background:linear-gradient(150deg,var(--forest-2),var(--forest));box-shadow:0 8px 18px -12px #0e4a38e6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px;border-radius:13px;font-size:13.5px;font-weight:500;white-space:nowrap;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:8px 13px;font-size:12.5px;border-radius:11px}.btn-primary{color:#f4fbf7;background:linear-gradient(150deg,#1c6b51,#0e4a38);box-shadow:0 12px 26px -16px #0e4a38f2,0 1px #ffffff2e inset}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 34px -18px #0e4a38}.btn-ghost{color:var(--ink-2);background:#ffffffa8;border:1px solid rgba(22,36,29,.09)}.btn-ghost:hover:not(:disabled){transform:translateY(-2px);color:var(--forest);border-color:#2e9e6b59;background:#ffffffe6}.icon-btn{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--muted);background:#ffffffa8;border:1px solid rgba(22,36,29,.08);transition:color .22s var(--ease),background .22s var(--ease),transform .22s var(--ease)}.icon-btn:hover{color:var(--forest);background:#fff;transform:translateY(-1px)}.icon-btn.danger:hover{color:var(--terra-text);border-color:#c4653f59}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;color:var(--forest);background:#2e9e6b1f;border:1px solid rgba(46,158,107,.22);width:fit-content}.pill b{font-weight:600}.pill i{font-style:normal;color:var(--muted)}.empty{padding:46px 28px;text-align:center;display:grid;gap:10px;justify-items:center}.empty-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--forest);background:#2e9e6b1f;margin-bottom:4px}.empty h3{font-size:17px;font-weight:600;color:var(--forest)}.empty p{font-size:13.5px;color:var(--muted);max-width:42ch}.empty .btn{margin-top:8px}.toast-host{position:fixed;inset-inline:0;bottom:22px;display:grid;place-items:center;z-index:200;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-size:13px;font-weight:500;color:#f4fbf7;background:linear-gradient(150deg,#1c6b51,#0b3a2c);box-shadow:0 20px 44px -20px #0b3a2cf2;animation:toastIn .36s var(--ease)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:20px;background:#16241d52;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .24s var(--ease)}.modal{width:min(440px,100%);padding:22px;border-radius:22px;background:var(--glass-strong);animation:modalIn .32s var(--ease)}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h3{font-size:17px;font-weight:600;color:var(--forest)}.modal-sub{font-size:13px;color:var(--muted);margin-top:6px}.modal .field{margin-top:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.field{display:grid;gap:6px}.field>span{font-size:12px;color:var(--muted);font-weight:500}.field input,.field textarea,.branch-add input{width:100%;padding:10px 12px;border-radius:11px;font-size:13.5px;color:var(--ink);background:#ffffffc7;border:1px solid rgba(22,36,29,.1);resize:vertical;transition:border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease)}.field input:focus,.field textarea:focus,.branch-add input:focus{outline:none;background:#fff;border-color:#2e9e6b80;box-shadow:var(--ring)}.page-head-main .seg{margin-block:6px 2px;width:fit-content}.stage{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(14px,2vw,28px);align-items:center;padding:clamp(20px,2.6vw,32px);border-radius:var(--r-xl);overflow:hidden;isolation:isolate}.stage:after{content:"";position:absolute;inset-block-start:-40%;inset-inline-start:-10%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(46,158,107,.14),transparent 66%);z-index:-1}.stage-copy{display:grid;gap:14px;align-content:center;min-width:0}.sentence{display:grid;gap:4px}.s-it{font-size:clamp(24px,3.1vw,36px);font-weight:400;line-height:1.25;color:var(--forest);letter-spacing:-.01em}.s-en{font-size:clamp(13px,1.3vw,15.5px);color:var(--muted-2)}.s-ar{font-size:clamp(13px,1.3vw,15px);color:var(--ink-2);padding-top:8px;margin-top:6px;border-top:1px dashed rgba(22,36,29,.12)}.word-card{display:grid;gap:2px;padding:16px 18px;border-radius:18px;background:linear-gradient(160deg,#ffffffd9,#f3e1cb6b);border:1px solid rgba(255,255,255,.9)}.word-lang{font-size:10px;letter-spacing:.22em;color:var(--muted-2)}.word-it{font-size:clamp(28px,3.4vw,40px);line-height:1.1;color:var(--forest)}.word-rest{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}.word-dot{color:var(--muted-2)}.word-path{font-size:11.5px;color:var(--muted);margin-top:6px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.wchip{padding:5px 11px;border-radius:999px;font-size:12.5px;color:var(--ink-2);background:#ffffffb8;border:1px solid rgba(22,36,29,.07);animation:chipIn .5s var(--ease) both;transition:transform .22s var(--ease),background .22s var(--ease),color .22s var(--ease)}.wchip.en,.wchip.it{font-family:var(--font-it);font-size:13.5px}.wchip:hover{transform:translateY(-2px);background:#fff}.wchip.is-live{color:var(--forest);font-weight:500;background:#2e9e6b24;border-color:#2e9e6b4d}@keyframes chipIn{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}.stage-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2px}.stage-count{font-size:12px;color:var(--muted)}.stage-count b{color:var(--forest);font-weight:600;font-size:13.5px}.stage-hint{font-size:12px;color:var(--muted-2)}.stage-art{position:relative;display:grid;place-items:center;min-height:320px;min-width:0}.tree-halo{position:absolute;width:min(80%,400px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fffffff2,#fff0 62%),radial-gradient(circle at 50% 55%,rgba(143,211,178,.5),rgba(243,225,203,.35) 55%,transparent 72%);filter:blur(2px)}.tree-halo:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px dashed rgba(14,74,56,.16);animation:spinSlow 46s linear infinite}.tree-svg{position:relative;width:min(100%,430px);height:auto;overflow:visible;transform:translateZ(0);transition:transform .5s var(--ease);animation:fadeIn .9s var(--ease)}.tree-branch{stroke-dasharray:320;stroke-dashoffset:320;animation:drawBranch 2.4s var(--ease) forwards}.tree-leaf{transform-box:fill-box;transform-origin:center;animation:leafPop .9s var(--ease) both}.tree-sway{animation:sway 9s ease-in-out infinite;transform-origin:50% 92%}.spore{animation:sporeRise linear infinite}@keyframes sway{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}@keyframes drawBranch{to{stroke-dashoffset:0}}@keyframes leafPop{0%{opacity:0;transform:scale(.2)}to{opacity:.92;transform:scale(1)}}@keyframes sporeRise{0%{opacity:0;transform:translateY(12px) scale(.6)}25%{opacity:.85}to{opacity:0;transform:translateY(-58px) scale(1.05)}}@keyframes spinSlow{to{transform:rotate(360deg)}}.tree-chip{position:absolute;padding:7px 11px;border-radius:13px;background:#ffffffdb;border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 30px -20px #263a2db3;animation:floatY 7s ease-in-out infinite;line-height:1.25}.tree-chip .latin{font-size:13px;color:var(--forest);display:block}.tree-chip small{color:var(--muted);font-size:10.5px}.tree-chip.c1{top:4%;inset-inline-start:2%;animation-delay:-1s}.tree-chip.c2{bottom:16%;inset-inline-end:0%;animation-delay:-3.4s}.tree-chip.c3{bottom:2%;inset-inline-start:6%;animation-delay:-2.2s}.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.principle{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-md);transition:transform .26s var(--ease),box-shadow .26s var(--ease)}.principle:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.p-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--forest);background:#2e9e6b21;border:1px solid rgba(46,158,107,.18);flex:none}.principle h3{font-size:13.5px;font-weight:600;color:var(--forest)}.principle p{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.65}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.quick-card{display:grid;gap:4px;align-content:start;padding:16px;border-radius:var(--r-md);text-align:start;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}.quick-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:#2e9e6b47}.q-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--forest);background:#ffffffd9;border:1px solid rgba(22,36,29,.07);margin-bottom:6px}.q-title{font-size:13.5px;font-weight:600;color:var(--ink)}.q-hint{font-size:11.5px;color:var(--muted)}.q-action{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11.5px;font-weight:500;color:var(--leaf);transition:gap .24s var(--ease)}.quick-card:hover .q-action{gap:9px}.tabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip-toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:12.5px;color:var(--muted);background:#fff9;border:1px solid rgba(255,255,255,.85);transition:color .22s var(--ease),background .22s var(--ease)}.chip-toggle.is-on{color:var(--forest);background:#2e9e6b21;border-color:#2e9e6b42}.chip-box{width:14px;height:14px;border-radius:5px;display:grid;place-items:center;background:#fff;border:1px solid rgba(22,36,29,.18);color:#fff}.chip-toggle.is-on .chip-box{background:var(--leaf);border-color:var(--leaf)}.mini-select{position:relative}.mini-select>button,.mini-select>span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12.5px;color:var(--ink-2);background:#fff9;border:1px solid rgba(255,255,255,.85);white-space:nowrap}.mini-select>button:hover{color:var(--forest);background:#fff}.mini-select.static>span{color:var(--muted)}.mini-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:20;min-width:130px;padding:5px;border-radius:12px;background:var(--glass-strong);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-2);display:grid;gap:2px;animation:fadeUp .22s var(--ease)}.mini-menu button{padding:7px 10px;border-radius:8px;font-size:12.5px;text-align:start;color:var(--ink-2)}.mini-menu button:hover{background:#2e9e6b1f;color:var(--forest)}.tree-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tree-card{display:grid;gap:8px;align-content:start;padding:18px;border-radius:var(--r-lg);text-align:start;animation:fadeUp .5s var(--ease) both;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}.tree-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:#2e9e6b42}.tc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tc-badge{padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:500;letter-spacing:.04em;color:var(--muted);background:#16241d0f}.tc-badge.mother{color:#eaf6ee;background:#ffffff29}.tc-badge.custom{color:var(--forest);background:#2e9e6b29}.tc-pin{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--muted-2);transition:color .22s var(--ease),background .22s var(--ease)}.tc-pin:hover{background:#fffc;color:var(--forest)}.tc-pin.is-on{color:var(--terra-text);background:#c4653f1f}.tree-card h3{font-size:15.5px;font-weight:600;color:var(--forest)}.tc-count{font-size:12px;color:var(--muted)}.tc-count b{font-size:18px;font-weight:600;color:var(--ink);margin-inline-end:3px}.tc-note{font-size:12px;color:var(--muted);line-height:1.65;min-height:38px}.tc-langs{display:flex;gap:6px;flex-wrap:wrap}.tc-langs span{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;font-size:11.5px;color:var(--ink-2);background:#ffffffb3;border:1px solid rgba(22,36,29,.06)}.tc-langs i{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.tc-tags{display:flex;gap:6px;flex-wrap:wrap}.tc-tags span{font-size:10.5px;padding:2px 8px;border-radius:999px;color:var(--forest);background:#2e9e6b1f}.tc-actions{display:flex;gap:7px;margin-top:4px}.tree-card.mother{color:#eef7f1;background:linear-gradient(155deg,#175f47,#0b3a2c 62%,#123f31);border-color:#ffffff29;box-shadow:0 24px 50px -28px #0b3a2ce6}.tree-card.mother h3{color:#f2fbf6}.tree-card.mother .tc-count,.tree-card.mother .tc-note{color:#eaf6eeb8}.tree-card.mother .tc-count b{color:#fff}.tree-card.mother .tc-pin{color:#eaf6eeb3}.tree-card.mother .tc-pin:hover{background:#ffffff24;color:#fff}.tree-card.mother .tc-langs span{color:#eaf6ee;background:#ffffff1a;border-color:#ffffff24}.tree-card.mother .tc-langs i{color:#eaf6ee99}.tree-card.mother .tc-tags span{color:#d8f0e3;background:#ffffff1f}.tree-card.mother .btn-primary{color:var(--forest);background:linear-gradient(150deg,#f6fdf9,#dff0e6);box-shadow:0 10px 24px -16px #000c}.tree-card.mother .btn-ghost{color:#eaf6ee;background:#ffffff1a;border-color:#fff3}.tree-card.mother .btn-ghost:hover{background:#ffffff2e;color:#fff}.tree-card.add{place-content:center;justify-items:center;gap:6px;min-height:190px;border:1.5px dashed rgba(14,74,56,.24);background:#ffffff57;box-shadow:none;color:var(--muted)}.tree-card.add:hover{border-color:#2e9e6b99;background:#ffffff9e;color:var(--forest)}.add-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ffffffd9;border:1px solid rgba(22,36,29,.08);margin-bottom:4px}.tree-card.add b{font-size:13.5px;font-weight:600;color:var(--ink-2)}.tree-card.add small{font-size:11.5px}.tree-grid.is-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tree-grid.is-compact .tree-card{padding:13px;border-radius:16px}.tree-grid.is-compact .tc-note{display:none}.tree-grid.is-compact .tc-actions .btn{padding:6px 10px;font-size:11.5px}.tree-grid.is-compact .tc-count b{font-size:16px}.saved-list{display:grid;gap:10px}.saved-card{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--r-md);animation:fadeUp .45s var(--ease) both;transition:transform .26s var(--ease),box-shadow .26s var(--ease)}.saved-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.sc-body{display:grid;gap:2px}.sc-it{font-size:17px;color:var(--forest)}.sc-en{font-size:12.5px;color:var(--muted-2)}.sc-ar{font-size:12.5px;color:var(--ink-2);margin-top:4px}.sc-side{display:grid;gap:6px;justify-items:end}.sc-level{font-size:10.5px;letter-spacing:.1em;color:var(--muted-2)}.sc-bar{width:100%;height:4px;border-radius:99px;background:#16241d17;overflow:hidden}.sc-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--leaf),var(--forest-2))}.sc-side small{font-size:10.5px;color:var(--muted)}.sc-actions{display:flex;gap:6px;margin-top:2px}.subnav{display:flex;gap:4px;padding:4px;border-radius:999px;background:#fff9;border:1px solid rgba(255,255,255,.85);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav button{padding:8px 14px;border-radius:999px;font-size:12.5px;color:var(--muted);white-space:nowrap;transition:color .22s var(--ease),background .22s var(--ease)}.subnav button:hover{color:var(--forest)}.subnav button.is-on{color:#f4fbf7;font-weight:500;background:linear-gradient(150deg,var(--forest-2),var(--forest))}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 8px;border-radius:var(--r-md)}.stat-cell{display:grid;gap:1px;justify-items:center;position:relative}.stat-cell+.stat-cell:before{content:"";position:absolute;inset-inline-start:0;top:12%;height:76%;width:1px;background:linear-gradient(to bottom,transparent,rgba(22,36,29,.12),transparent)}.stat-cell b{font-size:clamp(19px,2.2vw,24px);font-weight:600;color:var(--forest);line-height:1.2}.stat-cell span{font-size:11.5px;color:var(--muted)}.tax{display:grid;gap:12px}.tax-actions{display:flex;gap:8px;flex-wrap:wrap}.chapter-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.chapter-chip{display:grid;gap:1px;padding:8px 12px;border-radius:13px;text-align:start;background:#ffffff9e;border:1px solid rgba(255,255,255,.85);transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease);flex:none;min-width:96px}.chapter-chip:hover{transform:translateY(-2px);background:#fff}.chapter-chip.is-on{background:linear-gradient(155deg,#2e9e6b29,#ffffffb3);border-color:#2e9e6b57}.ch-en{font-size:9.5px;letter-spacing:.12em;color:var(--muted-2)}.ch-ar{font-size:12.5px;font-weight:500;color:var(--ink)}.chapter-chip.is-on .ch-ar{color:var(--forest)}.ch-n{font-size:10.5px;color:var(--leaf)}.tax-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:12px;align-items:start}.roots{border-radius:var(--r-lg);overflow:hidden}.roots-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:14px 16px 10px;border-bottom:1px solid rgba(22,36,29,.07)}.roots-head h2{font-size:14px;font-weight:600;color:var(--forest)}.roots-head span{font-size:10.5px;color:var(--muted-2)}.roots-list{max-height:560px;overflow-y:auto;padding:6px}.root-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:11px;text-align:start;transition:background .2s var(--ease)}.root-row:hover{background:#ffffffbf}.root-row.is-active{background:#2e9e6b21}.rt-num{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;color:var(--muted);background:#ffffffd9;border:1px solid rgba(22,36,29,.07);flex:none}.root-row.is-active .rt-num{color:#f4fbf7;background:var(--forest-2);border-color:transparent}.rt-main{display:grid;min-width:0}.rt-main b{font-size:12.5px;font-weight:500;color:var(--ink)}.rt-main i{font-size:9.5px;letter-spacing:.1em;color:var(--muted-2);font-style:normal}.rt-meta{margin-inline-start:auto;display:grid;justify-items:end;gap:1px}.rt-count{font-size:10.5px;color:var(--muted)}.rt-state{font-size:9px;padding:1px 6px;border-radius:999px;color:var(--muted);background:#16241d0f}.rt-state.linked{color:var(--forest);background:#2e9e6b24}.rt-state.free{color:var(--terra-text);background:#c4653f1f}.detail{padding:16px;border-radius:var(--r-lg);display:grid;gap:14px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(22,36,29,.07)}.detail-head h2{font-size:16px;font-weight:600;color:var(--forest)}.detail-en{font-size:10px;letter-spacing:.14em;color:var(--muted-2)}.detail-count{font-size:11px;color:var(--muted);background:#ffffffbf;padding:3px 9px;border-radius:999px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fields .field:last-child{grid-column:1 / -1}.scope{display:grid;gap:8px}.scope-title{font-size:12px;color:var(--muted);font-weight:500}.scope-opts{display:flex;gap:8px;flex-wrap:wrap}.scope-opt{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:11px;font-size:12.5px;color:var(--ink-2);background:#ffffffb3;border:1px solid rgba(22,36,29,.09);transition:color .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease)}.scope-opt.is-on{color:var(--forest);background:#2e9e6b24;border-color:#2e9e6b52}.scope-hint{font-size:11px;color:var(--muted-2)}.tech{display:grid;gap:7px;padding:12px;border-radius:13px;background:#ffffff94;border:1px solid rgba(22,36,29,.06)}.tech-title{font-size:11px;letter-spacing:.04em;color:var(--muted)}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tech-grid div{display:grid;gap:1px}.tech-grid span{font-size:10px;color:var(--muted-2)}.tech-grid b{font-size:11.5px;font-weight:500;color:var(--ink-2);font-family:var(--font-it);letter-spacing:.02em}.detail-actions{display:flex;gap:7px;flex-wrap:wrap}.branches{display:grid;gap:8px;padding-top:10px;border-top:1px dashed rgba(22,36,29,.12)}.branches-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.branches-head b{font-size:10.5px;color:var(--forest);background:#2e9e6b24;padding:1px 8px;border-radius:999px}.branch-chips{display:flex;flex-wrap:wrap;gap:5px}.branch{font-size:11px;padding:4px 9px;border-radius:8px;color:var(--ink-2);background:#fffc;border:1px solid rgba(22,36,29,.06);transition:transform .2s var(--ease),color .2s var(--ease)}.branch:hover{transform:translateY(-1px);color:var(--forest)}.branches-empty{font-size:11.5px;color:var(--muted-2)}.branch-add{display:flex;gap:6px}.branch-add input{flex:1;padding:8px 11px;font-size:12px}.branch-add .icon-btn{flex:none;height:34px;width:34px}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.panel{padding:16px;border-radius:var(--r-lg);display:grid;gap:12px;align-content:start}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--forest)}.panel-head small{font-size:10.5px;color:var(--muted-2)}.lang-list,.pattern-list{display:grid;gap:4px}.lang-list li,.pattern-list li{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;background:#fff9}.lang-code{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);background:#2e9e6b21}.lang-name{font-size:13px;color:var(--ink)}.switch{margin-inline-start:auto;width:38px;height:21px;border-radius:999px;padding:2px;background:#16241d24;transition:background .24s var(--ease);flex:none}.switch span{display:block;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .24s var(--ease)}.switch.is-on{background:var(--leaf)}.switch.is-on span{transform:translate(-17px)}.dropzone{display:grid;justify-items:center;gap:4px;padding:26px 16px;border-radius:15px;border:1.5px dashed rgba(14,74,56,.24);background:#ffffff6b;color:var(--muted);transition:border-color .24s var(--ease),background .24s var(--ease),color .24s var(--ease)}.dropzone:hover{border-color:#2e9e6b8c;background:#ffffffb3;color:var(--forest)}.dropzone b{font-size:13px;font-weight:600;color:var(--ink-2)}.dropzone small{font-size:11px}.dropzone svg{color:var(--leaf);margin-bottom:4px}.pattern-list li{align-items:center}.pat-code{font-size:11px;padding:4px 8px;border-radius:8px;color:var(--forest);background:#2e9e6b21;flex:none}.pat-main{display:grid;gap:1px}.pat-main b{font-size:12.5px;font-weight:500;color:var(--ink)}.pat-main small{font-size:10.5px;color:var(--muted-2)}.report-grid{display:grid;gap:12px}.bar-list{display:grid;gap:10px}.bar-list li{display:grid;grid-template-columns:140px minmax(0,1fr) 28px;align-items:center;gap:10px}.bar-label{font-size:11.5px;color:var(--muted)}.bar-track{height:6px;border-radius:99px;background:#16241d14;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--leaf-soft),var(--forest-2))}.bar-list b{font-size:11.5px;color:var(--forest);text-align:end}.backup-row{display:flex;align-items:center;gap:12px;padding:13px;border-radius:13px;background:#ffffffad;border:1px solid rgba(22,36,29,.06);flex-wrap:wrap}.backup-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--forest);background:#2e9e6b21;flex:none}.backup-main{display:grid;gap:1px}.backup-main b{font-size:12.5px;font-weight:500;font-family:var(--font-it)}.backup-main small{font-size:10.5px;color:var(--muted-2)}.backup-row .btn{margin-inline-start:auto}.backup-actions{display:flex;gap:7px}@media (max-width: 1240px){:root{--rail: 246px}.tree-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tree-grid.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.tax-grid{grid-template-columns:310px minmax(0,1fr)}.quick{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1060px){.stage{grid-template-columns:minmax(0,1fr)}.stage-art{min-height:250px;order:-1}.tree-svg{width:min(68%,300px)}.tax-grid{grid-template-columns:minmax(0,1fr)}.roots-list{max-height:300px}.panel-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.app{grid-template-columns:minmax(0,1fr);gap:14px;width:calc(100% - 24px);padding-block:12px 32px}.rail{position:sticky;top:0;z-index:70;padding-block:8px}.rail-inner{flex-direction:row;align-items:center;gap:10px;padding:8px 10px;border-radius:18px;max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.rail-inner::-webkit-scrollbar{display:none}.rail-brand{padding:0;border:0;flex:none}.rail-mark{width:32px;height:32px;border-radius:10px}.rail-brand .brand-name{font-size:11px;letter-spacing:.14em}.rail-brand .brand-sub{display:none}.rail-nav{display:flex;align-items:center;gap:2px;flex:none}.rail-item{width:auto;padding:8px 11px;font-size:12.5px;white-space:nowrap}.rail-item.is-active:before{display:none}.rail-count,.rail-caret,.rail-sub,.rail-foot{display:none}}@media (max-width: 760px){.page-head{align-items:flex-start}.page-head h1{font-size:22px}.head-actions{width:100%}.head-actions .btn{flex:1}.seg{width:100%;justify-content:center}.seg button{flex:1;text-align:center}.stage{padding:18px;border-radius:var(--r-lg)}.stage-art{min-height:210px}.tree-svg{width:min(62%,240px)}.principles{grid-template-columns:minmax(0,1fr)}.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-card{padding:13px}.tree-grid,.tree-grid.is-compact{grid-template-columns:minmax(0,1fr)}.tree-card.add{min-height:140px}.saved-card{grid-template-columns:minmax(0,1fr);gap:12px}.sc-side{justify-items:stretch}.sc-actions{justify-content:flex-end}.fields,.tech-grid{grid-template-columns:minmax(0,1fr)}.detail{padding:14px}.stat-strip{padding:12px 4px}.bar-list li{grid-template-columns:110px minmax(0,1fr) 26px}.modal{padding:18px}}@media (max-width: 520px){.app{width:calc(100% - 18px)}.rail-brand-text{display:none}.rail-item span:not(.rail-count){display:none}.rail-item{padding:9px 11px}.quick{grid-template-columns:minmax(0,1fr)}.s-it{font-size:22px}.subnav{border-radius:14px}.chapter-chip{min-width:82px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}