@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--ink:#17231d;--muted:#87928b;--line:#e4e9e6;--green:#228a59}*{box-sizing:border-box}body{color:var(--ink);background:#f4f6f4;margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.shell>aside{border-right:1px solid var(--line);background:#fafcfa;flex-direction:column;height:100vh;padding:27px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.brand>b{background:var(--green);color:#fff;border-radius:12px 12px 12px 4px;place-items:center;width:38px;height:38px;font:800 21px Manrope;display:grid}.brand span,.linked span{display:grid}.brand strong{font:800 20px Manrope}.brand small,.linked small{color:#98a19b;letter-spacing:.12em;font-size:8px}.shell aside nav,.rooms{gap:5px;display:grid}.shell aside button{color:#68746d;text-align:left;background:0 0;border:0;border-radius:9px;height:43px;padding:0 12px;font-size:13px;font-weight:600}.shell aside button.on{color:#167349;background:#e6f3eb}.shell aside button em,.shell aside button i{float:right;background:#e4e9e6;border-radius:8px;padding:2px 6px;font-size:9px;font-style:normal}.shell aside button i{color:#fff;background:#df654e}.rooms{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.rooms>small{letter-spacing:.12em;color:#9ca59f;padding:0 11px;font-size:9px;font-weight:800}.asideEnd{margin-top:auto}.asideEnd>button{width:100%}.linked{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:8px;margin-top:16px;padding:11px 9px;display:flex}.linked>b{color:#fff;background:#32a164;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.linked span{flex:1}.linked strong{font-size:9px}.linked i{color:var(--green);font-style:normal}.workspace{min-width:0}.workspace>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:91px;padding:0 38px;display:flex}.workspace header h1{margin:0;font:700 20px Manrope}.workspace header p{color:var(--muted);margin:4px 0;font-size:12px}.avatar{align-items:center;gap:18px;display:flex}.avatar>b{color:#267a50;background:#dff1e6;border-radius:50%;place-items:center;width:39px;height:39px;font-size:11px;display:grid}.content{max-width:1350px;margin:auto;padding:27px 38px}.stats{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(3,1fr) 1.35fr;padding:17px 20px;display:grid}.stats>div{border-right:1px solid var(--line);align-items:center;gap:12px;padding:0 18px;display:flex}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats div>b{color:#708078;background:#f0f3f1;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.stats div>b.green{color:#2e9d63;background:#e5f5eb}.stats div>b.orange{color:#d57444;background:#fff0e8}.stats div span{display:grid}.stats strong{font:700 17px Manrope}.stats small{color:var(--muted);font-size:10px}.stats .protected{justify-content:flex-end}.stats .protected>b{color:var(--green);background:#e4f4e9;border-radius:50%}.title{justify-content:space-between;align-items:end;margin-top:31px;display:flex}.title h2{margin:0;font:700 19px Manrope}.title p{color:var(--muted);margin:5px 0 0;font-size:11px}.primary{background:var(--green)!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:11px 17px!important;font-size:12px!important;font-weight:700!important}.toolbar{align-items:center;gap:12px;margin:20px 0 17px;display:flex}.tabs button{color:#79867e;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}.tabs button.on{color:var(--ink);background:#fff}.tabs i{background:#e9eeeb;border-radius:7px;margin-left:4px;padding:2px 6px;font-style:normal}.toolbar label{border:1px solid var(--line);color:#8d9791;background:#fff;border-radius:8px;align-items:center;gap:7px;width:215px;height:35px;margin-left:auto;padding:0 10px;display:flex}.toolbar input{border:0;outline:0;width:100%;font-size:11px}.toolbar>span{border:1px solid var(--line);height:35px;color:var(--green);background:#fff;border-radius:8px;padding:8px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:17px;display:grid}.grid article{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;transition:all .2s;overflow:hidden;box-shadow:0 5px 17px #263d2e0c}.grid article:hover{transform:translateY(-2px);box-shadow:0 10px 28px #263d2e18}.feed,.bigFeed{background:linear-gradient(145deg,#b6c3b8,#6e8376);height:178px;position:relative;overflow:hidden}.feed.cool,.bigFeed.cool{background:linear-gradient(145deg,#bac8c9,#667b7c)}.feed.stone,.bigFeed.stone{background:linear-gradient(145deg,#c7c0bc,#7c716c)}.feed.leaf,.bigFeed.leaf{background:linear-gradient(145deg,#aabaaa,#637765)}.house{opacity:.85;filter:saturate(.5);position:absolute;inset:0}.house i{clip-path:polygon(50% 0,100% 100%,0 100%);background:#625951;width:65%;height:28%;position:absolute;bottom:48%;left:11%}.house b{background:#d3cdbc;width:52%;height:55%;position:absolute;bottom:0;left:18%;box-shadow:inset 0 0 25px #0002}.house em{color:#45694e;text-shadow:-40px 8px #739077;font-size:90px;font-style:normal;position:absolute;bottom:-12%;right:8%}.feed:after{content:"";background:linear-gradient(#14201920,#0000 50%,#10191450);position:absolute;inset:0}.live,.quality,.star{z-index:2;position:absolute}.live{background:#fff;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:800;top:11px;left:11px}.live i{background:#e85e4b;border-radius:50%;width:5px;height:5px;display:inline-block}.star{color:#ffd36c;background:#24352d80;border:0;border-radius:50%;width:29px;height:29px;font-size:16px;top:9px;right:10px}.quality{color:#fff;background:#13211aa8;border-radius:4px;padding:3px 6px;font-size:8px;bottom:10px;right:11px}.info{align-items:center;height:69px;padding:12px 14px 11px 16px;display:flex}.info>span{flex:1}.info h3{margin:0 0 5px;font:700 13px Manrope}.info p{color:#99a29c;margin:0;font-size:9px}.info button{color:#8e9992;background:0 0;border:0}.offline{z-index:4;color:#fff;background:#15231dcc;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.offline>b{font-size:25px}.offline strong{font-size:11px}.offline small{color:#c1cac4;font-size:8px}.empty{text-align:center;background:#fff;border:1px dashed #cbd4ce;border-radius:14px;padding:50px}.empty>b{color:#95a099;font-size:30px}.empty h3{margin:8px}.empty p{color:var(--muted);font-size:11px}footer{color:#98a19b;align-items:center;margin-top:22px;font-size:9px;display:flex}footer>span{color:#4fa474}footer p{margin:auto}footer button{color:#79867e;background:0 0;border:0}.backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d1813c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.viewer{background:#f8faf8;border-radius:17px;width:min(820px,100%);overflow:hidden}.viewer>header{background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.viewer>header span{grid-template-columns:15px 1fr;display:grid}.viewer>header i{background:#e85d49;border-radius:50%;width:8px;height:8px;margin-top:5px}.viewer>header b{font-size:13px}.viewer>header small{color:var(--muted);grid-column:2;font-size:9px}.viewer>header button,.modal .x{background:#edf1ee;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.bigFeed{height:430px}.bigFeed .house em{font-size:150px}.bigFeed>small{color:#fff;background:#14201999;border-radius:5px;padding:6px 9px;position:absolute;top:16px;left:16px}.bigFeed>button{width:120px;height:78px;color:var(--green);background:#fffffff0;border:0;border-radius:14px;align-content:center;place-items:center;margin:auto;font-size:24px;display:grid;position:absolute;inset:0}.bigFeed>button span{color:#4b5950;margin-top:5px;font-size:8px}.controls{justify-content:center;gap:9px;padding:15px;display:flex}.controls button{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:84px;height:52px;font-size:17px;display:grid}.controls small{font-size:8px}.viewer>p{text-align:center;color:var(--muted);margin:-3px 15px 15px;font-size:9px}.modal{background:#fff;border-radius:17px;width:min(420px,100%);padding:34px;position:relative}.modal .x{position:absolute;top:18px;right:18px}.plus{width:45px;height:45px;color:var(--green);background:#e4f4e9;border-radius:12px;place-items:center;font-size:24px;display:grid}.modal h2{margin:17px 0 5px;font:700 21px Manrope}.modal p{color:var(--muted);font-size:12px}.modal label{gap:7px;margin-top:22px;font-size:11px;font-weight:700;display:grid}.modal input{border:1px solid #ccd4cf;border-radius:9px;height:43px;padding:0 12px}.modal>div{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.modal>div button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 16px}.toast{z-index:90;opacity:0;color:#fff;background:#173d2a;border-radius:9px;padding:11px 17px;font-size:11px;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:950px){.shell{grid-template-columns:76px 1fr}.brand span,.shell aside button span,.rooms,.linked span,.linked i{display:none}.shell aside button{text-align:center;font-size:18px}.linked{justify-content:center}.stats{grid-template-columns:repeat(3,1fr)}.protected{display:none!important}}@media (max-width:650px){.shell{display:block}.shell>aside{z-index:30;width:auto;height:64px;padding:0;position:fixed;inset:auto 0 0}.brand,.rooms,.asideEnd{display:none}.shell aside nav{grid-template-columns:repeat(4,1fr);height:100%}.shell aside nav button{height:64px}.workspace>header{height:73px;padding:0 17px}.workspace header h1{font-size:18px}.content{padding:17px 14px 82px}.stats{padding:12px 5px}.stats>div{gap:6px;padding:0 7px}.stats div>b{width:30px;height:30px}.stats strong{font-size:14px}.stats small{font-size:8px}.title{margin-top:23px}.title p{display:none}.toolbar{flex-wrap:wrap}.tabs{width:100%}.toolbar label{flex:1;margin-left:0}.grid{grid-template-columns:1fr}.feed{height:190px}footer{display:none}.backdrop{padding:0}.viewer{border-radius:0;flex-direction:column;height:100%;display:flex}.bigFeed{flex:1;height:auto}.modal{margin:14px}.controls{padding-bottom:max(15px,env(safe-area-inset-bottom))}}