: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}.nav-wrap{position:sticky;top:0;z-index:60;padding-top:14px;transition:padding .35s var(--ease)}.nav{display:flex;align-items:center;gap:14px;height:68px;padding:0 14px 0 18px;border-radius:20px;background:linear-gradient(150deg,#fffdf9d1,#ffffff8c);border:1px solid rgba(255,255,255,.8);box-shadow:0 1px #ffffffe6 inset,0 14px 34px -26px #263a2d80;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);transition:height .35s var(--ease),box-shadow .35s var(--ease)}.nav-wrap.is-scrolled .nav{height:60px;box-shadow:0 1px #ffffffe6 inset,0 22px 44px -28px #263a2d99}.brand{display:flex;align-items:center;gap:11px;padding-inline-end:16px;border-inline-end:1px solid rgba(22,36,29,.08);margin-inline-end:4px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(155deg,#1c6b51,#0b3a2c);box-shadow:0 10px 22px -12px #0b3a2ce6,0 1px #ffffff40 inset;color:#eaf6ee;flex:none}.brand-text{display:grid;gap:1px;line-height:1.1}.brand-name{font-family:var(--font-it);font-size:15.5px;font-weight:500;letter-spacing:.22em;color:var(--forest)}.brand-sub{font-size:10.5px;letter-spacing:.1em;color:var(--muted-2);font-weight:400}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:12px;font-size:14px;font-weight:500;color:var(--ink-2);transition:color .25s var(--ease),background .25s var(--ease)}.nav-link:hover{color:var(--forest);background:#2e9e6b14}.nav-link.is-active{color:var(--forest);background:#2e9e6b1f}.nav-link.is-active:after{content:"";position:absolute;inset-inline:15px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--leaf),var(--forest))}.nav-badge{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:7px;background:var(--terra);color:#fff8f2;font-size:10.5px;font-weight:600}.nav-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--ink-2);background:#ffffff8c;border:1px solid rgba(255,255,255,.75);transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}.icon-btn:hover{transform:translateY(-2px);background:#fff;color:var(--forest)}.avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:600;font-size:14px;color:#f7fdf9;background:linear-gradient(150deg,var(--terra),#a94f2d);box-shadow:0 8px 18px -10px #a94f2de6;border:2px solid rgba(255,255,255,.8);transition:transform .25s var(--ease)}.avatar:hover{transform:translateY(-2px) scale(1.03)}.nav-toggle{display:none}.mobile-sheet{position:absolute;inset-inline:14px;top:76px;z-index:70;padding:16px;display:grid;gap:6px;border-radius:20px;background:linear-gradient(160deg,#fffdf9fa,#ffffffeb);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow-3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:fadeUp .32s var(--ease) both}.mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(22,36,29,.08)}.mobile-link{display:flex;align-items:center;gap:10px;height:48px;padding:0 12px;border-radius:13px;font-size:14.5px;font-weight:500;color:var(--ink-2)}.mobile-link:hover,.mobile-link.is-active{background:#2e9e6b1a;color:var(--forest)}.mobile-link .nav-badge{margin-inline-start:auto}.mobile-sheet-foot{margin-top:6px;padding-top:12px;border-top:1px solid rgba(22,36,29,.08);font-size:11.5px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--gap);align-items:start;padding:10px 0 70px}.main-col{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}.side-col{position:sticky;top:94px;display:grid;gap:16px}.toolbar{padding:16px 18px 14px;display:grid;gap:14px;border-radius:var(--r-xl);animation:fadeUp .7s var(--ease) .06s both}.toolbar-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search{flex:1 1 260px;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(22,36,29,.07);transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.search:focus-within{background:#fff;border-color:#2e9e6b66;box-shadow:var(--ring)}.search input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14px;color:var(--ink)}.search input::placeholder{color:var(--muted-2)}.search svg{color:var(--muted);flex:none}.search-clear{color:var(--muted);display:grid;place-items:center;width:22px;height:22px;border-radius:7px}.search-clear:hover{background:#16241d0f;color:var(--ink)}.segmented{display:inline-flex;padding:4px;gap:3px;border-radius:14px;background:#16241d0b;border:1px solid rgba(22,36,29,.05)}.seg{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:11px;font-size:12.5px;font-weight:500;color:var(--muted);transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}.seg:hover{color:var(--ink-2)}.seg.is-on{color:var(--forest);background:#fff;box-shadow:0 1px #ffffffe6 inset,0 6px 14px -10px #263a2dcc}.seg .flag{width:15px;height:15px;border-radius:4px;display:inline-block;background:linear-gradient(150deg,var(--leaf-soft),var(--leaf));opacity:.55}.seg.is-on .flag{opacity:1}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:11px;font-size:12.5px;font-weight:500;color:var(--ink-2);background:#ffffffa8;border:1px solid rgba(22,36,29,.07);transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease);white-space:nowrap}.chip:hover{transform:translateY(-1px);border-color:#2e9e6b59;color:var(--forest)}.chip .code{font-size:10.5px;font-weight:600;color:var(--muted);background:#16241d0d;padding:2px 6px;border-radius:6px;letter-spacing:.04em}.chip.is-on{color:#f7fdf9;background:linear-gradient(150deg,#1c6b51,#0d4232);border-color:transparent;box-shadow:0 12px 24px -16px #0d4232e6}.chip.is-on .code{color:#ffffffbf;background:#ffffff29}.toolbar-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(22,36,29,.07)}.switch-wrap{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.switch{width:38px;height:22px;border-radius:999px;background:#16241d24;padding:2px;display:flex;transition:background .28s var(--ease);flex:none}.switch i{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .28s var(--ease)}.switch-wrap.is-on .switch{background:linear-gradient(150deg,var(--leaf),var(--forest))}.switch-wrap.is-on .switch i{transform:translate(-16px)}.toolbar-foot .spacer{margin-inline-start:auto}.count-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:9px;font-size:12px;font-weight:500;color:var(--forest);background:#2e9e6b1a}.results-bar{display:flex;align-items:center;gap:10px;padding:2px 4px}.results-bar h2{font-size:16px;font-weight:600;color:var(--ink)}.results-bar .sub{font-size:12px;color:var(--muted)}.view-toggle{display:inline-flex;gap:4px;margin-inline-start:auto;padding:3px;border-radius:10px;background:#fff9;border:1px solid rgba(22,36,29,.06)}.view-toggle button{width:30px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--muted);transition:all .22s var(--ease)}.view-toggle button.is-on{background:#fff;color:var(--forest);box-shadow:0 4px 10px -8px #263a2de6}.empty{padding:54px 24px;text-align:center;display:grid;justify-items:center;gap:10px;border-radius:var(--r-xl)}.empty h3{font-size:17px;font-weight:600}.empty p{font-size:13px;color:var(--muted);max-width:34ch}.load-more{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;width:100%;border-radius:16px;font-size:14px;font-weight:500;color:var(--forest);background:#ffffff9e;border:1px dashed rgba(14,74,56,.24);transition:all .25s var(--ease)}.load-more:hover{background:#fff;border-style:solid;border-color:#2e9e6b73;transform:translateY(-2px)}.panel-card{padding:18px;border-radius:22px;animation:fadeUp .7s var(--ease) both}.panel-card:nth-child(1){animation-delay:.1s}.panel-card:nth-child(2){animation-delay:.18s}.panel-card:nth-child(3){animation-delay:.26s}.panel-card:nth-child(4){animation-delay:.34s}.panel-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.panel-head h3{font-size:13.5px;font-weight:600;color:var(--ink)}.panel-head .ico{color:var(--leaf);display:grid;place-items:center}.panel-head .pill{margin-inline-start:auto;font-size:10.5px;color:var(--muted);background:#16241d0d;padding:3px 8px;border-radius:7px}.ring-wrap{display:grid;justify-items:center;gap:12px;padding:4px 0 2px}.ring{position:relative;width:148px;height:148px}.ring svg{transform:rotate(-90deg);overflow:visible}.ring .track{fill:none;stroke:#16241d14;stroke-width:9}.ring .fill{fill:none;stroke:url(#ringGrad);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1.6s var(--ease);filter:drop-shadow(0 4px 10px rgba(46,158,107,.35))}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:1px}.ring-center b{font-size:30px;font-weight:600;color:var(--forest);letter-spacing:-.03em;line-height:1}.ring-center span{font-size:10.5px;color:var(--muted);letter-spacing:.06em}.ring-note{font-size:11.5px;color:var(--muted);text-align:center;line-height:1.7}.ring-note b{color:var(--forest);font-weight:600}.streak{display:flex;justify-content:space-between;gap:4px}.day{display:grid;justify-items:center;gap:6px}.day i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:10.5px;font-style:normal;color:var(--muted);background:#16241d0d;border:1px solid transparent;transition:transform .22s var(--ease)}.day.is-done i{color:#f6fdf8;background:linear-gradient(150deg,var(--leaf),var(--forest));box-shadow:0 8px 16px -12px #0e4a38e6}.day.is-today i{border-color:#dfa24fb3;box-shadow:0 0 0 3px #dfa24f24}.day:hover i{transform:translateY(-2px)}.streak-foot{display:flex;align-items:center;gap:6px;margin-top:13px;font-size:11.5px;color:var(--muted)}.streak-foot b{color:var(--terra);font-weight:600}.usage{display:grid;gap:12px}.usage-row{display:grid;gap:5px}.usage-row .top{display:flex;align-items:baseline;gap:8px;font-size:11.5px;color:var(--ink-2)}.usage-row .top b{margin-inline-start:auto;font-size:11px;color:var(--muted);font-weight:500}.usage-row .track{height:6px;border-radius:99px;background:#16241d12;overflow:hidden}.usage-row .track i{display:block;height:100%;border-radius:99px;width:0;background:linear-gradient(90deg,var(--leaf-soft),var(--leaf));animation:growBar 1.3s var(--ease) .4s forwards}.usage-row:nth-child(2) .track i{background:linear-gradient(90deg,#f0cfae,var(--amber))}.usage-row:nth-child(3) .track i{background:linear-gradient(90deg,var(--terra-soft),var(--terra))}.usage-row:nth-child(4) .track i{background:linear-gradient(90deg,#cfe0d6,var(--forest-2))}.saved-list{display:grid;gap:8px}.saved-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:11px;background:#ffffff8c;border:1px solid rgba(22,36,29,.05);transition:all .22s var(--ease)}.saved-item:hover{background:#fff;transform:translateY(-1px)}.saved-item .latin{font-size:12.5px;color:var(--forest);direction:ltr}.saved-item small{font-size:10.5px;color:var(--muted);display:block}.tip{border-radius:22px;padding:18px;background:linear-gradient(155deg,#0e4a38f0,#0b3a2cfa);color:#e8f3ec;position:relative;overflow:hidden;animation:fadeUp .7s var(--ease) .42s both}.tip:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(143,211,178,.35),transparent 68%);top:-46px;inset-inline-start:-30px}.tip .eyebrow{color:#e8f3ecbf}.tip p{font-size:13px;line-height:1.8;margin:9px 0 12px;color:#f0f9f3db}.tip b{color:#fff;font-weight:600}.tip-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#b8e6cf;transition:gap .22s var(--ease)}.tip-link:hover{gap:10px}.gen-ws{padding-block:16px 64px}.ws-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:2px 2px 12px;animation:fadeUp .55s var(--ease) both}.ws-id{display:flex;align-items:center;gap:11px;min-width:0}.ws-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--forest);background:#2e9e6b21;border:1px solid rgba(46,158,107,.16);flex:none}.ws-id-text{display:grid;gap:1px;min-width:0}.ws-id-text h1{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.25}.ws-sub{font-size:11.5px;color:var(--muted)}.ws-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.ws-back{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:11px;font-size:12.5px;font-weight:500;color:var(--muted);transition:color .22s var(--ease),background .22s var(--ease)}.ws-back:hover{color:var(--forest);background:#ffffffb8}.workspace{grid-template-columns:minmax(0,1fr) 342px;gap:28px}.cards.gen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cards.gen-grid.is-list{grid-template-columns:minmax(0,1fr)}.results-bar>div{display:grid;gap:1px}.results-patterns{margin-inline-start:auto;font-size:11.5px;color:var(--muted);background:#16241d0d;padding:6px 11px;border-radius:9px;white-space:nowrap}.gen-grid .card{gap:11px;padding:14px 15px 13px;border-radius:20px}.gen-grid .card .it{font-size:14.5px}.gen-grid .card .ar{font-size:12.5px}.gen-grid .card .en{font-size:11.5px}.gen-grid .pattern-tag{font-size:10.5px;padding:4px 8px}@media (max-width: 1240px){.workspace{grid-template-columns:minmax(0,1fr) 318px;gap:22px}.cards.gen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 940px){.workspace{grid-template-columns:minmax(0,1fr)}.side-col{position:static}.cards.gen-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 620px){.gen-ws{padding-block:10px 44px}.ws-id-text h1{font-size:17px}.ws-actions{width:100%}.ws-back{flex:1;justify-content:center}}.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}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(268px,100%),1fr));gap:16px}.card{position:relative;min-width:0;display:flex;flex-direction:column;gap:14px;padding:16px 18px 15px;border-radius:22px;overflow:hidden;background:linear-gradient(158deg,#ffffffe0,#fffdf999);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px #fffffff2 inset,0 14px 30px -26px #263a2d8c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);animation:fadeUp .65s var(--ease) both;animation-delay:calc(var(--i, 0) * 55ms)}.card:after{content:"";position:absolute;inset-inline-start:-40%;top:-60%;width:90%;height:180%;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:rotate(8deg) translate(-30%);opacity:0;transition:opacity .4s var(--ease),transform .9s var(--ease);pointer-events:none}.card:hover{transform:translateY(-5px);border-color:#fff;box-shadow:0 1px #fffffff2 inset,0 30px 50px -30px #263a2d99}.card:hover:after{opacity:1;transform:rotate(8deg) translate(30%)}.card.is-saved{border-color:#dfa24f73}.card-top{display:flex;align-items:center;gap:8px}.pattern-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--forest);background:#2e9e6b1a;padding:5px 10px;border-radius:8px;white-space:nowrap;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.level-tag{font-family:var(--font-it);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--terra-text);background:#c4653f1a;border-radius:7px;padding:4px 7px;flex:none}.card-tools{display:flex;gap:4px;margin-inline-start:auto}.tool-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--muted);transition:all .22s var(--ease)}.tool-btn:hover{background:#2e9e6b1f;color:var(--forest);transform:translateY(-1px)}.tool-btn.is-on{color:var(--amber);background:#dfa24f24}.card-body{display:grid;gap:9px;text-align:center;padding:2px 0 12px;border-bottom:1px solid rgba(22,36,29,.07)}.it{font-family:var(--font-it);font-size:clamp(19px,1.5vw,22px);line-height:1.4;font-weight:400;color:var(--ink);direction:ltr;letter-spacing:.005em}.it em{font-style:italic;color:var(--forest);background:linear-gradient(180deg,transparent 62%,rgba(46,158,107,.22) 62%);padding-inline:1px}.it mark{background:none;color:var(--terra-text);border-bottom:1.5px dotted rgba(196,101,63,.55);padding-bottom:1px}.ar{font-size:14px;font-weight:500;color:var(--ink-2);line-height:1.7}.en{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);direction:ltr}.card-foot{display:flex;align-items:center;gap:10px;margin-top:auto}.mastery{flex:1;display:grid;gap:5px}.mastery .bar{height:5px;border-radius:99px;background:#16241d14;overflow:hidden}.mastery .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--leaf),var(--forest));width:0;animation:growBar 1.1s var(--ease) .25s forwards}@keyframes growBar{to{width:var(--w, 0%)}}.mastery .lbl{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.04em}.check-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:9px;font-size:11.5px;font-weight:500;color:var(--muted);border:1px solid rgba(22,36,29,.1);background:#fff9;transition:all .22s var(--ease);flex:none}.check-btn:hover{color:var(--forest);border-color:#2e9e6b66}.check-btn.is-done{color:#f5fdf8;background:linear-gradient(150deg,var(--leaf),var(--forest));border-color:transparent;box-shadow:0 8px 18px -12px #0e4a38e6}.cards.is-list{grid-template-columns:1fr}.cards.is-list .card{flex-direction:row;align-items:center;gap:18px;padding:14px 18px}.cards.is-list .card-top{flex:none;width:220px}.cards.is-list .card-tools{margin-inline-start:0}.cards.is-list .card-body{border-bottom:0;text-align:start;gap:3px;padding:0;flex:1}.cards.is-list .it{font-size:19px}.cards.is-list .card-foot{flex:none;width:246px}.toast-host{position:fixed;inset-inline:0;bottom:26px;display:grid;justify-items:center;gap:8px;z-index:90;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;font-size:13px;color:#f7fdf9;background:linear-gradient(150deg,#1c6b51,#0b3a2c);box-shadow:0 22px 44px -22px #0b3a2ce6,0 1px #ffffff2e inset;animation:toastIn .4s var(--ease) both}@keyframes toastIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tabbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:7px;margin-bottom:14px;border-radius:20px;background:linear-gradient(160deg,#fffffff2,#ffffffb8);border:1px solid rgba(255,255,255,.95);box-shadow:0 1px #ffffffe6 inset,0 14px 30px -26px #263a2d80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabbar-track{position:relative;display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.tabbar-track::-webkit-scrollbar{display:none}.tabbar-slab{position:absolute;left:var(--x);top:0;bottom:0;width:var(--w);border-radius:14px;background:linear-gradient(150deg,var(--forest-2),var(--forest));box-shadow:0 10px 22px -14px #0e4a38d9;opacity:0;transition:left .44s var(--ease),width .44s var(--ease),opacity .2s linear}.tabbar-slab.is-ready{opacity:1}.tabbar-tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:14px;font-size:13px;font-weight:500;white-space:nowrap;color:var(--muted);transition:color .26s var(--ease),transform .26s var(--ease)}.tabbar-tab:hover{color:var(--forest)}.tabbar-tab:active{transform:scale(.97)}.tabbar-tab.is-on{color:#f3fbf6}.tabbar-tab svg{opacity:.85;transition:transform .34s var(--ease)}.tabbar-tab.is-on svg{opacity:1;transform:translateY(-1px) scale(1.06)}.tabbar-count{font-style:normal;font-size:10.5px;min-width:18px;padding:1px 5px;border-radius:999px;text-align:center;color:var(--forest);background:#0e4a3817;transition:color .26s var(--ease),background .26s var(--ease)}.tabbar-tab.is-on .tabbar-count{color:#0e4a38;background:#ffffffd1}.tabbar-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-inline-end:4px}.tabbar-tool{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;font-size:12.5px;color:var(--ink-2);background:#16241d09;border:1px solid rgba(22,36,29,.06);transition:background .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease)}.tabbar-tool:hover{color:var(--forest);background:#fff;border-color:#2e9e6b47}.tabbar-tool.is-on{color:var(--forest);background:#2e9e6b21;border-color:#2e9e6b42}@media (max-width: 640px){.tabbar{border-radius:16px;padding:6px}.tabbar-tab{padding:8px 11px;font-size:12.5px}.tabbar-tools{width:100%;justify-content:flex-start;padding:4px 2px 2px}}.gen-back{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;margin-bottom:10px;border-radius:999px;font-size:12.5px;color:var(--muted);background:#ffffff8c;border:1px solid rgba(255,255,255,.85);transition:color .22s var(--ease),transform .22s var(--ease),background .22s var(--ease)}.gen-back:hover{color:var(--forest);background:#fff;transform:translate(3px)}.gen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.gen-head h1{font-size:clamp(24px,3.2vw,34px);color:var(--forest);letter-spacing:-.02em}.gen-head .page-sub{margin-top:4px}.gen-cta{position:relative;overflow:hidden}.gen-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translate(-120%);animation:ctaSweep 4.6s ease-in-out infinite}@keyframes ctaSweep{0%,65%{transform:translate(-120%)}to{transform:translate(120%)}}.gen-search{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#16241d09;border:1px solid rgba(22,36,29,.06);color:var(--muted);transition:border-color .22s var(--ease),background .22s var(--ease)}.gen-search:focus-within{background:#fff;border-color:#2e9e6b52}.gen-search input{width:148px;font-size:12.5px;color:var(--ink)}.gen-search button{display:grid;place-items:center;color:var(--muted)}.gen-langs{display:inline-flex;align-items:center;gap:4px;color:var(--muted-2)}.lang-pill{padding:5px 9px;border-radius:9px;font-size:11.5px;color:var(--muted);border:1px solid transparent;transition:all .22s var(--ease)}.lang-pill:hover{color:var(--forest);background:#2e9e6b14}.lang-pill.is-on{color:var(--forest);background:#fff;border-color:#2e9e6b3d}.goal-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;margin-bottom:14px;border-radius:22px;background:linear-gradient(140deg,#104634,#0b3a2c 58%,#14513c);color:#eaf6ee;box-shadow:0 26px 50px -34px #0b3a2ce6}.goal-card:before{content:"";position:absolute;inset:auto -20% -60% auto;width:320px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(143,211,178,.24),transparent 70%)}.goal-main{flex:1;min-width:0}.goal-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.goal-title{font-size:13px;color:#eaf6eec7}.goal-title b{font-size:26px;font-weight:600;color:#fff;margin-inline-end:5px;letter-spacing:-.02em}.goal-count{font-size:11.5px;color:#eaf6ee99}.goal-bar{height:6px;margin:9px 0 8px;border-radius:99px;background:#ffffff29;overflow:hidden}.goal-bar i{display:block;height:100%;width:var(--w);border-radius:99px;background:linear-gradient(90deg,#8fd3b2,#dfa24f);animation:goalGrow 1.1s var(--ease) both}@keyframes goalGrow{0%{width:0}}.goal-note{font-size:12px;color:#eaf6eeb3}.goal-note b{color:#fff;font-weight:600}.goal-art{display:flex;align-items:flex-end;gap:5px;height:54px}.goal-art span{width:6px;height:var(--h);border-radius:99px;background:linear-gradient(180deg,#8fd3b2,#8fd3b240);animation:sprout 3.6s var(--ease) infinite;animation-delay:var(--d);transform-origin:bottom}@keyframes sprout{0%,to{transform:scaleY(1);opacity:.85}50%{transform:scaleY(.7);opacity:.55}}.pat-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px}.pat-label{font-size:11.5px;color:var(--muted);margin-inline-end:2px}.pat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12px;color:var(--ink-2);background:#fff9;border:1px solid rgba(255,255,255,.9);transition:transform .24s var(--ease),background .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease)}.pat-chip:hover{transform:translateY(-2px);border-color:#2e9e6b4d}.pat-chip.is-on{color:var(--forest);background:#2e9e6b24;border-color:#2e9e6b4d}.pat-code{font-size:10px;letter-spacing:.04em;padding:1px 5px;border-radius:6px;color:var(--muted-2);background:#16241d0d}.pat-chip i{font-style:normal;font-size:10.5px;color:var(--muted-2)}.gen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:14px;align-items:start}.gen-item{display:grid;gap:0;animation:fadeUp .5s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms)}.gen-item .card{border-bottom-left-radius:0;border-bottom-right-radius:0}.gen-more{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;font-size:11.5px;color:var(--muted);background:#ffffff80;border:1px solid rgba(255,255,255,.9);border-top:0;border-radius:0 0 18px 18px;transition:color .22s var(--ease),background .22s var(--ease)}.gen-more:hover{color:var(--forest);background:#fff}.gen-more.is-open svg{transform:rotate(180deg)}.gen-more svg{transition:transform .3s var(--ease)}.gen-detail{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;font-size:11.5px;color:var(--muted);background:#fff6;border:1px solid rgba(255,255,255,.9);border-top:0;border-radius:0 0 18px 18px;margin-top:-1px;animation:fadeUp .28s var(--ease)}.gen-detail span{display:inline-flex;align-items:center;gap:4px}.gen-detail b{font-weight:500;color:var(--muted-2)}.gen-item .gen-more+.gen-detail{border-radius:0 0 18px 18px}.tip-card{display:flex;align-items:center;gap:14px;margin-top:18px;padding:15px 18px;border-radius:20px;background:linear-gradient(150deg,#f3e1cbb8,#fffdf9b3);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px #ffffffe6 inset,0 18px 36px -30px #263a2d80}.tip-icon{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--terra-text);background:#ffffffb3;border:1px solid rgba(255,255,255,.9)}.tip-card div{flex:1;min-width:0}.tip-kicker{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--terra-text)}.tip-card p{font-size:13px;color:var(--ink);margin-top:2px}.tip-card small{font-size:11.5px;color:var(--muted)}@media (max-width: 720px){.gen-search input{width:100px}.goal-card{flex-direction:column;align-items:flex-start}.goal-art{display:none}.tip-card{flex-direction:column;align-items:flex-start}}.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{position:relative;overflow:hidden;display:grid;gap:9px;align-content:start;padding:15px 16px;border-radius:26px;text-align:start;background:var(--tint, #f4eee3);border:1px solid rgba(22,36,29,.07);box-shadow:0 1px #ffffff8c inset,0 16px 32px -28px #263a2d8c;animation:fadeUp .58s var(--ease) both;animation-delay:calc(var(--i, 0) * 55ms);transition:transform .34s var(--ease),box-shadow .34s var(--ease),border-color .34s var(--ease)}.tree-card:after{content:"";position:absolute;inset:-40% -60% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ffffff8c,#fff0 70%);opacity:0;transition:opacity .45s var(--ease),transform .6s var(--ease);pointer-events:none}.tree-card:hover{transform:translateY(-6px);border-color:#2e9e6b4d;box-shadow:0 1px #fff9 inset,0 34px 60px -36px #0e4a3899}.tree-card:hover:after{opacity:1;transform:translate(-14px,18px)}.t-mother{--tint: linear-gradient(155deg, #17604a, #0b3a2c 60%, #124234);--art-ink: #d9efdf;color:#eef7f1;border-color:#ffffff29}.t-core{--tint: #f2e2cd;--art-ink: #8a6446}.t-sport{--tint: #dbe9d5;--art-ink: #2f6b46}.t-travel{--tint: #d7e5e9;--art-ink: #37636e}.t-kitchen{--tint: #f6e6c1;--art-ink: #8a6a2f}.t-work{--tint: #e6dfee;--art-ink: #5a4a72}.tc-art{height:74px;display:grid;place-items:center;color:var(--art-ink, var(--forest));margin-bottom:-2px}.card-art-svg{width:128px;height:74px;opacity:.52;transition:transform .55s var(--ease),opacity .4s var(--ease);animation:artFloat 7s ease-in-out infinite}.tree-card:nth-child(2n) .card-art-svg{animation-delay:-2.4s}.tree-card:nth-child(3n) .card-art-svg{animation-delay:-4.1s}.tree-card:hover .card-art-svg{opacity:.8;transform:translateY(-4px) scale(1.08) rotate(-1.6deg)}@keyframes artFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.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:.03em;color:var(--ink-2);background:#ffffff9e;border:1px solid rgba(255,255,255,.8)}.tc-badge.mother{color:#eaf6ee;background:#ffffff29;border-color:#fff3}.tc-badge.custom{color:var(--terra-text);background:#ffffffb3}.tc-pin{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;color:var(--muted-2);background:#ffffff6b;transition:color .22s var(--ease),background .22s var(--ease),transform .22s var(--ease)}.tc-pin:hover{background:#fff;color:var(--forest);transform:rotate(-8deg)}.tc-pin.is-on{color:var(--terra-text);background:#ffffffc7}.tree-card h3{font-size:16px;font-weight:600;color:var(--forest);letter-spacing:-.01em}.tc-note{font-size:12px;color:var(--ink-2);opacity:.78;line-height:1.62;min-height:39px}.tc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:2px}.tc-count{font-size:11.5px;color:var(--ink-2);opacity:.8;white-space:nowrap}.tc-count b{font-size:17px;font-weight:600;color:var(--ink);margin-inline-end:3px}.tc-langs{display:flex;gap:5px;flex-wrap:wrap}.tc-langs span{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:8px;font-size:11px;color:var(--ink-2);background:#ffffffa8;border:1px solid rgba(255,255,255,.85)}.tc-langs i{font-style:normal;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}.tc-actions{display:flex;gap:7px;margin-top:4px}.tc-go{position:relative}.tc-go:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:14px;border:1px solid rgba(46,158,107,.5);opacity:0;transform:scale(.92);transition:opacity .3s var(--ease),transform .4s var(--ease)}.tc-go:hover:after{opacity:1;transform:scale(1)}.tree-card.mother h3{color:#f4fbf7}.tree-card.mother .tc-count{color:#eaf6eec7}.tree-card.mother .tc-count b{color:#fff}.tree-card.mother .tc-note{color:#eaf6eeb8;opacity:1}.tree-card.mother .tc-pin{color:#eaf6eebf;background:#ffffff1a}.tree-card.mother .tc-pin:hover{background:#ffffff2e;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 .btn-primary{color:var(--forest);background:linear-gradient(150deg,#f6fdf9,#dff0e6)}.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:214px;border:1.5px dashed rgba(14,74,56,.22);background:#ffffff5c;box-shadow:none;color:var(--muted)}.tree-card.add:hover{border-color:#2e9e6b8c;background:#ffffff9e;color:var(--forest)}.tree-card.add:after{display:none}.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:12px;border-radius:18px}.tree-grid.is-compact .tc-art{height:44px}.tree-grid.is-compact .card-art-svg{width:84px;height:44px}.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:15px}.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}.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}.saved-stats{margin-bottom:12px}.saved-list{gap:11px}.saved-card{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 116px;gap:18px;padding:15px 17px;border-radius:var(--r-md);animation:fadeUp .45s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease)}.saved-card:after{content:"";position:absolute;inset-block:12px auto;inset-inline-start:0;width:3px;height:calc(100% - 24px);border-radius:99px;background:linear-gradient(180deg,var(--leaf),var(--forest-2));opacity:0;transform:scaleY(.4);transition:opacity .28s var(--ease),transform .28s var(--ease)}.saved-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.saved-card:hover:after{opacity:1;transform:scaleY(1)}.saved-card.is-done{background:linear-gradient(140deg,#e9f6eeeb,#ffffffb8)}.sc-body{gap:3px}.sc-line{display:flex;align-items:baseline;gap:9px}.sc-lang{flex:none;width:21px;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding-top:1px}.sc-it{font-size:17.5px;color:var(--forest);line-height:1.4}.sc-en{font-size:12.5px;color:var(--muted-2);margin:0}.sc-ar{font-size:13px;color:var(--ink-2);margin:0;line-height:1.7}.sc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.sc-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:10.5px;color:var(--forest);background:#2e9e6b1c}.sc-tag.ghost{color:var(--muted);background:#16241d0e}.sc-tag.ok{color:#1d6b46;background:#2e9e6b30;font-weight:500}.sc-side{align-items:end;justify-items:center;gap:8px}.sc-ring{position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--leaf) calc(var(--p, 0) * 1%),rgba(22,36,29,.075) 0);transition:background .5s var(--ease)}.sc-ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#fffffff0;box-shadow:0 1px #ffffffe6 inset}.sc-ring span{position:relative;font-size:12.5px;font-weight:600;color:var(--forest);font-variant-numeric:tabular-nums}.saved-card.is-done .sc-ring{background:conic-gradient(var(--forest-2) 100%,transparent 0)}.saved-card.is-done .sc-ring span{color:var(--forest)}.sc-do{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:11.5px;color:var(--forest);background:#2e9e6b1a;border:1px solid rgba(46,158,107,.22);transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease)}.sc-do:hover{background:#2e9e6b2e;transform:translateY(-1px)}.sc-do.is-on{color:#f2fbf6;background:linear-gradient(150deg,var(--forest-2),var(--forest));border-color:transparent}@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{display:flex;flex-direction:row;align-items:center;justify-content:space-between;justify-items:stretch;gap:10px}.sc-actions{justify-content:flex-end}.sc-ring{width:54px;height:54px}.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}.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}}