#snx,#snx *,#snm,#snm *,#slp,#slp *,#seeth-capsule-nav,#seeth-capsule-nav *{box-sizing:border-box}
body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;transition:opacity .2s ease-in-out}
body.page-transitioning{opacity:.15;transform:scale(.995)}
html.seeth-dark{color-scheme:dark}
html.seeth-dark body{background:#0d1713!important;color:#edf6f1!important}

#snx{margin:8px 0 14px;font-family:Inter,"Noto Sans",system-ui,-apple-system,sans-serif;text-align:left}
#snx .snx-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:20px;background:#fff;border:1px solid rgba(16,41,31,.08);box-shadow:0 8px 24px rgba(16,41,31,.10);color:#10291f}
#snx .snx-brand{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;color:#10291f;text-decoration:none;font-weight:850;font-size:18px;white-space:nowrap;overflow:hidden}
#snx .snx-brand:hover,#snx .snx-brand:focus{text-decoration:none;color:#10291f}
#snx .snx-logo{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#dff6ea;color:#1f8a5b}
#snx .snx-logo svg{width:20px;height:20px}
#snx .snx-btn{flex:0 0 auto;height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid rgba(16,41,31,.12);border-radius:13px;background:#f4fbf7;color:#10291f;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent}
#snx .snx-btn:hover{background:#e6f6ee}
#snx .snx-btn:active{transform:scale(.95)}
#snx .snx-btn:focus-visible{outline:3px solid #1f8a5b;outline-offset:2px}
#snx svg,#snm svg,#slp svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#snx .snx-btn svg{width:20px;height:20px}
#snx .snx-burger{background:#1f8a5b;border-color:#1f8a5b;color:#fff}
#snx .snx-burger:hover{background:#18744c}
#snx .snx-burger svg{width:24px;height:24px;stroke-width:2.6}
#snx .snx-sun{display:none}
html.seeth-dark #snx .snx-sun{display:block}
html.seeth-dark #snx .snx-moon{display:none}
@media (max-width:380px){#snx .snx-brand{font-size:16px}#snx .snx-logo{display:none}#snx .snx-btn{padding:0 8px}}
html.seeth-dark #snx .snx-bar{background:#10231c;border-color:rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.35);color:#f1faf5}
html.seeth-dark #snx .snx-brand{color:#f1faf5}
html.seeth-dark #snx .snx-logo{background:#173027;color:#6fe0a8}
html.seeth-dark #snx .snx-btn{background:#173027;border-color:rgba(255,255,255,.10);color:#f1faf5}
html.seeth-dark #snx .snx-burger{background:#23a068;border-color:#23a068;color:#fff}

#snm{position:fixed;inset:0;z-index:10000;display:none;font-family:Inter,"Noto Sans",system-ui,-apple-system,sans-serif;text-align:left}
#snm.on{display:block}
#snm .snm-bg{position:absolute;inset:0;background:rgba(5,15,11,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#snm .snm-panel{position:absolute;top:0;right:0;width:min(88vw,380px);height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;color:#10291f;padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:-10px 0 40px rgba(0,0,0,.25);animation:snmIn .3s cubic-bezier(.16,1,.3,1)}
@keyframes snmIn{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}
#snm .snm-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 14px;margin-bottom:8px;border-bottom:1px solid rgba(16,41,31,.08)}
#snm .snm-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:850}
#snm .snm-title svg{width:22px;height:22px;color:#1f8a5b}
#snm .snm-close{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:#eef5f1;color:#10291f;cursor:pointer}
#snm .snm-close svg{width:20px;height:20px;stroke-width:2.6}
#snm ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
#snm li{margin:0;padding:0}
#snm a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:14px;color:#10291f;text-decoration:none;font-size:16px;font-weight:650;line-height:1.3;transition:background .2s}
#snm a:hover,#snm a:focus{background:#eef8f2;text-decoration:none;color:#10291f}
#snm a svg{flex:0 0 18px;width:18px;height:18px;opacity:.45}
#snm a.snm-important{background:#fff1f0;color:#b42318;font-weight:800}
#snm a.snm-important svg{opacity:1}
html.seeth-dark #snm .snm-panel{background:#10231c;color:#f1faf5}
html.seeth-dark #snm .snm-top{border-color:rgba(255,255,255,.08)}
html.seeth-dark #snm .snm-title svg{color:#6fe0a8}
html.seeth-dark #snm .snm-close{background:#173027;color:#f1faf5}
html.seeth-dark #snm a{color:#f1faf5}
html.seeth-dark #snm a:hover,html.seeth-dark #snm a:focus{background:#17372b;color:#fff}
html.seeth-dark #snm a.snm-important{background:#3a1c20;color:#ffc2c8}

#slp{position:fixed;inset:0;z-index:10001;display:none;font-family:Inter,"Noto Sans","Noto Sans Arabic",system-ui,-apple-system,sans-serif}
#slp.on{display:block}
#slp .slp-bg{position:absolute;inset:0;background:rgba(5,15,11,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#slp .slp-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:560px;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;color:#10291f;border-radius:26px 26px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.25);animation:slpUp .3s cubic-bezier(.16,1,.3,1);text-align:center}
@keyframes slpUp{from{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
#slp .slp-handle{width:44px;height:5px;border-radius:99px;background:rgba(16,41,31,.18);margin:4px auto 12px}
#slp .slp-head{position:relative;padding:0 44px;margin-bottom:14px}
#slp .slp-title{display:block;font-size:21px;font-weight:850;line-height:1.2}
#slp .slp-sub{display:block;margin-top:4px;font-size:13px;opacity:.65;line-height:1.4}
#slp .slp-close{position:absolute;top:-4px;right:0;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#eef5f1;color:#10291f;cursor:pointer}
#slp .slp-close svg{width:20px;height:20px;stroke-width:2.6}
#slp .slp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#slp .slp-lang{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:10px 6px;border:1px solid rgba(16,41,31,.12);border-radius:16px;background:#f4fbf7;color:#10291f;font:inherit;cursor:pointer;transition:background .2s,transform .15s,border-color .2s;-webkit-tap-highlight-color:transparent}
#slp .slp-lang:hover{background:#e6f6ee;border-color:rgba(31,138,91,.3)}
#slp .slp-lang:active{transform:scale(.96)}
#slp .slp-native{font-size:17px;font-weight:800;line-height:1.25}
#slp .slp-de{font-size:12px;opacity:.65;line-height:1.2}
#slp .slp-lang.on{background:#1f8a5b;border-color:#1f8a5b;color:#fff}
#slp .slp-lang.on .slp-de{opacity:.9}
#slp .slp-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:12px 0 0;padding:14px;border:2px solid #1f8a5b;border-radius:16px;background:transparent;color:#1f8a5b;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
#slp .slp-more-btn svg{width:20px;height:20px;stroke-width:2.6;transition:transform .25s}
#slp .slp-more-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
#slp .slp-more{display:none;margin-top:12px}
#slp .slp-more.on{display:block}
#slp .slp-search{width:100%;margin:0 0 10px;padding:13px 16px;border:1px solid rgba(16,41,31,.18);border-radius:14px;background:#fff;color:inherit;font:inherit;font-size:16px;text-align:center}
#slp .slp-empty{display:none;padding:14px;opacity:.65}
html.seeth-dark #slp .slp-sheet{background:#10231c;color:#f1faf5}
html.seeth-dark #slp .slp-handle{background:rgba(255,255,255,.2)}
html.seeth-dark #slp .slp-close{background:#173027;color:#f1faf5}
html.seeth-dark #slp .slp-lang{background:#15372a;border-color:rgba(169,240,202,.12);color:#f1faf5}
html.seeth-dark #slp .slp-lang:hover{background:#194432}
html.seeth-dark #slp .slp-lang.on{background:#23a068;border-color:#23a068;color:#fff}
html.seeth-dark #slp .slp-more-btn{border-color:#6fe0a8;color:#6fe0a8}
html.seeth-dark #slp .slp-search{background:#0d1713;border-color:rgba(255,255,255,.15)}
@media (min-width:480px){#slp .slp-more .slp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

#seeth-capsule-nav{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 24px);max-width:480px;z-index:9990;display:flex;justify-content:space-around;align-items:center;padding:6px;border-radius:34px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(16,41,31,.09);box-shadow:0 12px 35px rgba(16,41,31,.16),0 2px 6px rgba(16,41,31,.04);font-family:Inter,system-ui,-apple-system,sans-serif}
#seeth-capsule-nav a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px;border-radius:22px;color:#5b6b63;text-decoration:none;font-size:11px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;-webkit-tap-highlight-color:transparent}
#seeth-capsule-nav a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#seeth-capsule-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.16,1,.3,1)}
#seeth-capsule-nav a:hover{color:#10291f}
#seeth-capsule-nav a:active{transform:scale(.90)}
#seeth-capsule-nav a.on{background:#1f8a5b;color:#fff;box-shadow:0 5px 15px rgba(31,138,91,.35)}
#seeth-capsule-nav a.on span{font-weight:700}
#seeth-capsule-nav a.on svg{color:#fff;transform:scale(1.08)}
html.seeth-dark #seeth-capsule-nav{background:rgba(16,35,28,.92);border-color:rgba(255,255,255,.08);box-shadow:0 12px 35px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.2)}
html.seeth-dark #seeth-capsule-nav a{color:#c4d8ce}
html.seeth-dark #seeth-capsule-nav a:hover{color:#fff}
html.seeth-dark #seeth-capsule-nav a.on{background:#23a068;color:#fff;box-shadow:0 5px 15px rgba(35,160,104,.45)}
html.seeth-dark #seeth-capsule-nav a.on svg{color:#fff}

@media (prefers-reduced-motion:reduce){#seeth-capsule-nav a,#seeth-capsule-nav svg,body,#slp .slp-lang,#snx .snx-btn{transition:none!important}#slp .slp-sheet,#snm .snm-panel{animation:none}}
