@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Marhey:wght@500;700&display=swap');:root{--leaf:#3f7340;--wood:#704e2f;--sand:#efe3c6;--sky:#dceff0}*{box-sizing:border-box}body{margin:0;font-family:Cairo,Tahoma;background:linear-gradient(#dff0ef 0 38%,#f2e8cf 38%);color:#273b2c;min-height:100vh}nav{height:64px;padding:0 max(18px,calc((100vw - 1300px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff9;backdrop-filter:blur(12px);border-bottom:1px solid #31583b20;position:sticky;top:0;z-index:10}nav a{color:#456447;text-decoration:none;font-size:12px}header{width:min(1300px,calc(100% - 30px));margin:22px auto;min-height:280px;border-radius:30px;padding:34px 42px;background:linear-gradient(120deg,#355d39,#5c824a);color:white;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}header:after{content:"";position:absolute;inset:auto -70px -130px auto;width:330px;height:330px;border-radius:50%;border:55px solid #d1b96d32}header small{color:#e8dca8}h1{font-family:Marhey;font-size:clamp(40px,6vw,68px);line-height:1.35;margin:10px 0}header p{max-width:620px;color:#e4ede0;line-height:2}.sun{width:145px;height:145px;border-radius:50%;background:#f1d577;color:#4f5b32;display:grid;place-items:center;text-align:center;font-family:Marhey;font-size:20px;box-shadow:0 0 0 25px #f2d67a16,0 0 0 55px #f2d67a0e}main{width:min(1300px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:250px 1fr;gap:18px;padding-bottom:50px}aside{background:#fffdf7;border-radius:22px;padding:20px;height:max-content;position:sticky;top:82px;box-shadow:0 15px 35px #304b3720}label{font-size:11px;color:#718174}input{width:100%;padding:12px;margin-top:8px;border:1px solid #6b82652a;border-radius:12px;outline:0}.filter{display:block;width:100%;text-align:right;border:0;background:#edf3e9;color:#446045;padding:10px 12px;border-radius:11px;margin-top:7px}.filter.active{background:#4c7744;color:white}.hint{font-size:9px;color:#899387;line-height:1.8}.tree-wrap{min-height:680px;overflow:auto;background:linear-gradient(#eff7f2 0 70%,#d8c29a 70%);border-radius:26px;position:relative;border:1px solid #536e5120}.tree{min-width:900px;padding:35px 35px 150px;display:flex;flex-direction:column;align-items:center;gap:62px;position:relative}.tree:before{content:"";position:absolute;width:22px;top:45px;bottom:80px;background:linear-gradient(90deg,#654329,#8d6541,#5c3c25);border-radius:14px}.level{display:flex;justify-content:center;gap:22px;width:100%;position:relative;z-index:2}.node{width:145px;min-height:92px;border:0;border-radius:55% 45% 50% 50%/60% 60% 40% 40%;padding:13px;background:#fff;color:#2f4d33;box-shadow:0 10px 25px #3554382a;cursor:pointer;position:relative;transition:.2s}.node:before{content:"";position:absolute;width:55px;height:3px;background:#765237;left:50%;top:50%;z-index:-1}.node:hover{transform:translateY(-6px) rotate(-1deg);background:#f9f4d7}.node b{display:block;font-size:14px}.node small{font-size:8px;color:#7e8e7f}.soil{position:absolute;bottom:20px;right:0;left:0;text-align:center;color:#68563d;font-size:11px}.soil span{background:#ead8af;padding:7px 20px;border-radius:20px}dialog{border:0;border-radius:25px;padding:0;width:min(650px,92%);box-shadow:0 25px 80px #172c2240}dialog::backdrop{background:#193426a8;backdrop-filter:blur(5px)}#storyBody{padding:32px}.close{position:absolute;left:15px;top:15px;width:38px;height:38px;border-radius:50%;border:0;background:#edf2e9}.story-tag{color:#5b7a50;font-size:11px}.story-title{font-family:Marhey;font-size:35px;margin:8px 0}.story-text{line-height:2;color:#617064}.lesson{background:#f5edcf;border-right:4px solid #c9a94d;padding:15px;border-radius:12px}@media(max-width:800px){header{padding:26px}.sun{display:none}main{grid-template-columns:1fr}aside{position:static}.tree-wrap{min-height:600px}}