.sv-page{--sv-ink:#263e35;--sv-green:#355e47;min-height:100dvh;background:#f0f1e9;color:var(--sv-ink);font-family:Arial,sans-serif;padding:0 3.3vw 24px;transition:background .6s,color .6s}.sv-page *{box-sizing:border-box}.sv-page button,.sv-page a{-webkit-tap-highlight-color:transparent}.sv-page button{font:inherit;cursor:pointer}.sv-page button:disabled{opacity:.45;cursor:not-allowed}.sv-page button:focus-visible,.sv-page a:focus-visible{outline:3px solid #ad742f;outline-offset:4px}.sv-header{height:67px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd4c8}.sv-header>a{display:flex;gap:5px;align-items:center;color:inherit;text-decoration:none;font-size:12px}.sv-header>span:nth-child(2){font-size:9px;letter-spacing:2px}.sv-brand{font-size:25px;letter-spacing:-1px;font-weight:800}.sv-brand span{font-size:10px;vertical-align:top;margin:4px}.sv-heading{display:flex;justify-content:space-between;align-items:end;padding:27px 0 25px;gap:20px}.sv-heading p{font-size:12px;line-height:1.7;margin:0}.sv-heading>div>p{font-size:9px;letter-spacing:2px;margin-bottom:10px}.sv-heading h1{font-size:clamp(30px,3.1vw,51px);line-height:1.05;font-weight:500;letter-spacing:-1.5px;margin:0}.sv-heading em{font-family:Georgia,serif;font-weight:400;color:#6c7e58}.sv-layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;align-items:start;gap:25px}.sv-world{position:relative;background:#e0e5d8;border:1px solid #cdd6c6;border-radius:24px;overflow:hidden;min-width:0;height:688px;transition:background .6s}.sv-world-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:1;gap:8px}.sv-world-top>span{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.sv-world-top i,.sv-caption>span{width:6px;height:6px;border-radius:50%;background:#52855b;display:inline-block;flex-shrink:0}.sv-world-top button{display:flex;gap:6px;align-items:center;border:1px solid #a9b8a0;background:#f4f4eccc;padding:9px 11px;border-radius:30px;color:#354b3a;font-size:11px}.sv-canvas{width:100%;height:100%;touch-action:none}.sv-canvas canvas{display:block;width:100%;height:100%;outline:none}.sv-world-bottom{position:absolute;bottom:65px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.sv-world-bottom>span{font-size:10px;color:#52634d;max-width:60%}.sv-world-bottom>div{display:flex;gap:6px;pointer-events:auto}.sv-world-bottom button{display:grid;place-items:center;width:34px;height:34px;background:#f5f6eddd;border:1px solid #bfcbb5;border-radius:50%;color:#35513f}.sv-caption{position:absolute;bottom:0;left:0;right:0;height:48px;display:flex;gap:10px;align-items:center;padding:0 22px;background:#f5f6eddf;border-top:1px solid #cbd5c1;color:#354b3a}.sv-caption p{font-size:11px;margin:0;flex:1}.sv-caption small{font-size:10px}.sv-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:40px;text-align:center;background:#e0e5d8;color:#35513f}.sv-phone{background:#fafbf5;border:7px solid #27352f;box-shadow:0 16px 30px #233a3020,0 0 0 1px #82917d;border-radius:44px;overflow:hidden;height:688px;color:#263e35;position:relative}.sv-phone-top{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:10px;font-weight:700;position:relative}.sv-phone-top i{width:88px;height:20px;border-radius:20px;background:#27352f;position:absolute;top:0;left:50%;transform:translate(-50%)}.sv-phone-content{height:calc(100% - 54px);overflow-y:auto;padding:10px 17px 20px;scrollbar-width:thin;scrollbar-color:#ced6c7 transparent}.sv-app-title{display:flex;justify-content:space-between;align-items:center}.sv-app-title small{font-size:8px;letter-spacing:1.7px}.sv-app-title h2{font-size:25px;font-weight:500;letter-spacing:-1px;margin:5px 0 18px}.sv-app-title>span{display:grid;place-items:center;background:#e6ebdf;width:38px;height:38px;border-radius:50%;margin-top:-12px}.sv-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sv-presets button{border:1px solid #d5ddce;border-radius:14px;background:#edf1e7;color:#435a43;font-size:8px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 2px}.sv-presets button:hover{background:#dce7d4}.sv-area-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:18px 0 17px;padding-bottom:13px;border-bottom:1px solid #d9dfd2}.sv-area-tabs button{border:0;background:transparent;color:#687763;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;padding:10px 2px;border-radius:9px}.sv-area-tabs button.active{background:#355e47;color:#fff}.sv-area-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.sv-area-head h3{font-size:15px;margin:0}.sv-area-head span{font-size:7px;letter-spacing:1.4px;color:#778570}.sv-devices{display:flex;flex-direction:column;gap:7px}.sv-switch{display:flex;align-items:center;gap:10px;border:1px solid #e0e5d8;background:#f0f3e9;color:#344a39;width:100%;padding:11px 9px;border-radius:13px;text-align:left;min-height:58px}.sv-switch-icon{width:27px;display:flex;justify-content:center;flex-shrink:0;color:#849077}.sv-switch>span:nth-child(2){flex:1;min-width:0}.sv-switch b{display:block;font-size:11px;font-weight:600}.sv-switch small{display:block;font-size:9px;line-height:1.4;color:#72806b;margin-top:4px}.sv-switch>i{display:block;width:28px;height:17px;background:#c4cebc;border-radius:20px;position:relative;flex-shrink:0}.sv-switch>i:before{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;background:#fff;border-radius:50%;transition:transform .2s}.sv-switch.is-on{border-color:#99b18b;background:#e5edda}.sv-switch.is-on>i{background:#507349}.sv-switch.is-on>i:before{transform:translate(11px)}.sv-switch.is-on .sv-switch-icon{color:#4a7147}.sv-temperature{border:1px solid #dce2d3;border-radius:13px;padding:13px 11px;font-size:11px;background:#f0f3e9}.sv-temperature>span{display:flex;justify-content:space-between}.sv-temperature input{width:100%;accent-color:#507349;margin:14px 0 8px}.sv-temperature small{font-size:9px;line-height:1.5;color:#72806b;display:block}.sv-tip{font-size:10px;line-height:1.6;color:#72806b;margin:5px 3px}.sv-reset{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:#7b8874;font-size:9px!important;margin-top:19px;padding:9px 3px}.sv-homebar{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:100px;height:4px;background:#354a3a;border-radius:10px}.sv-footer{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-top:19px}.sv-footer p{font-size:11px;line-height:1.7;margin:0;color:#74806b}.sv-footer b{color:#354b3a;font-weight:500;display:block}.sv-footer>span{font-size:9px;text-align:right;line-height:1.7;color:#7b8574}.sv-night{background:#1f302c;color:#e2e8dc}.sv-night .sv-world{background:#344b49;border-color:#50685e}.sv-night .sv-heading em{color:#a7bc8b}.sv-night .sv-header{border-color:#4b6053}.sv-night .sv-world-top>span,.sv-night .sv-world-bottom>span{color:#dae6cf}.sv-night .sv-footer b{color:#d3e1c4}.sv-night .sv-footer p,.sv-night .sv-footer>span{color:#9aaa96}.sv-pulse{animation:svp 1s infinite alternate}@keyframes svp{to{opacity:.3}}.sv-phone{border:8px solid #171c1b;border-radius:48px;overflow:visible;box-shadow:0 0 0 1px #939c96,0 0 0 3px #39433e,0 2px 0 4px #a0a8a0,0 22px 38px -10px #15251e55,inset 0 0 0 1px #ffffffb3}.sv-phone-top{height:49px;padding:4px 19px 0;border-radius:39px 39px 0 0;background:#fafbf5;color:#17251f;font-family:Arial,sans-serif}.sv-phone-time{font-size:12px;font-weight:700;letter-spacing:-.3px}.sv-phone-top i{top:9px;width:84px;height:24px;background:linear-gradient(145deg,#101413,#020403);box-shadow:inset 0 1px 2px #ffffff15;border-radius:18px}.sv-phone-top i:after{content:"";position:absolute;right:8px;top:7px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#47657c 0,#172736 25%,#081018 55%,#020404 75%);box-shadow:0 0 0 2px #1a2021}.sv-phone-status{display:flex;gap:4px;align-items:center}.sv-phone-status svg{stroke-width:2.4}.sv-phone-content{height:calc(100% - 72px);scrollbar-width:none}.sv-phone-content::-webkit-scrollbar{display:none}.sv-homebar{bottom:7px;width:108px;height:4px;background:#17241d}.sv-phone-keys{position:absolute;left:-12px;top:113px;width:4px;height:37px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#626e65,#202822);box-shadow:0 47px #39443b}.sv-phone:after{content:"";position:absolute;right:-12px;top:157px;width:4px;height:61px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#202822,#68766b);pointer-events:none}.sv-page{background:#e8e4dd;--sv-ink:#393a34;--sv-green:#58604c}.sv-world{background:#000;border-color:#252525}.sv-world-top>span,.sv-world-bottom>span{color:#eee8dc}.sv-heading em{color:#81715e}.sv-caption{background:#e8e3d9ed;border-color:#aca293;color:#494c40}.sv-world-top button{background:#e9e4d8ed;border-color:#a99d8c}.sv-night .sv-world{background:#000}.sv-night{background:#262722}.sv-header{border-color:#c5bfb3}.sv-phone{background:#080a0c;color:#eeeef0;border-color:#111416;box-shadow:0 0 0 1px #697079,0 0 0 3px #292f36,0 2px 0 4px #69717a,0 22px 38px -10px #10162270,inset 0 0 0 1px #343a42}.sv-phone-top{background:#080a0c;color:#f4f5f7}.sv-phone-top i{box-shadow:inset 0 0 0 1px #242a32}.sv-phone-time{color:#f4f5f7}.sv-homebar{background:#d4d8df}.sv-app-title>span{background:#172333;color:#77baff;border:1px solid #2b4764}.sv-app-title small{color:#8e9aab}.sv-app-title h2{color:#f2f3f5}.sv-presets button{background:linear-gradient(150deg,#1c222b,#101318);border-color:#303946;color:#c8d2df;box-shadow:inset 0 1px #ffffff08}.sv-presets button:hover,.sv-presets button:focus-visible{background:linear-gradient(145deg,#274a71,#142439);border-color:#528cbe;color:#fff;box-shadow:0 0 16px #388fe329}.sv-area-tabs{border-color:#2a3038}.sv-area-tabs button{color:#929eaf}.sv-area-tabs button.active{background:linear-gradient(145deg,#254c76,#142b45);border:1px solid #487eae;color:#e7f3ff;box-shadow:0 0 14px #3488d421}.sv-area-head h3{color:#e6e9ee}.sv-area-head span{color:#748397}.sv-switch{background:linear-gradient(135deg,#1b1d21,#101214);border-color:#2e3238;color:#e4e5e8;box-shadow:inset 0 1px #ffffff06}.sv-switch-icon{color:#89909b;background:#282c32;border-radius:9px;height:29px}.sv-switch small{color:#979eaa}.sv-switch>i{background:#424852}.sv-switch>i:before{background:#bdc3cb}.sv-switch.is-on{background:linear-gradient(125deg,#49301a,#211a12);border-color:#a87944;box-shadow:inset 0 1px #ffd8a514,0 0 14px #f2a14312}.sv-switch.is-on .sv-switch-icon{background:#ffb966;color:#422713;box-shadow:0 0 12px #ffab5340}.sv-switch.is-on small{color:#d8bc98}.sv-switch.is-on>i{background:#bd8247}.sv-switch.is-on>i:before{background:#ffe6c4}.sv-temperature{background:linear-gradient(135deg,#173044,#0c1923);border-color:#365e7b;color:#e1effb}.sv-temperature input{accent-color:#63b5ff}.sv-temperature small{color:#99bdd8}.sv-tip{color:#919bab}.sv-reset{color:#a8b5c8}@media(min-width:1500px){.sv-layout{grid-template-columns:minmax(0,1fr) 350px}.sv-world,.sv-phone{height:740px}.sv-heading{padding:35px 0}}@media(max-width:1050px){.sv-page{padding:0 20px 20px}.sv-layout{grid-template-columns:minmax(0,1fr) 306px;gap:15px}.sv-world,.sv-phone{height:670px}.sv-world-top{left:14px;right:14px}.sv-world-top>span{font-size:7px}.sv-heading>p{font-size:10px}.sv-world-bottom>span{font-size:8px}}@media(max-width:760px){.sv-page{padding:0 14px 20px}.sv-header{height:55px}.sv-header>span:nth-child(2){display:none}.sv-heading{padding:24px 0 20px;display:block}.sv-heading h1{font-size:33px;line-height:1.1}.sv-heading em{display:block}.sv-heading>p{margin-top:13px;font-size:11px}.sv-heading>p br{display:none}.sv-layout{display:flex;flex-direction:column;gap:22px;align-items:center}.sv-world{width:100%;height:340px;border-radius:20px;position:sticky;top:8px;z-index:3;box-shadow:0 10px 25px #263e3512}.sv-phone{width:min(100%,350px);height:690px}.sv-world-top{top:13px}.sv-world-top>span{font-size:7px;letter-spacing:.3px}.sv-world-top button{font-size:9px;padding:8px}.sv-world-bottom{left:14px;right:14px;bottom:57px}.sv-caption{padding:0 13px;height:43px}.sv-caption p{font-size:9px}.sv-footer{display:block;padding:20px 5px}.sv-footer>span{display:block;text-align:left;margin-top:12px}.sv-world-bottom>span{max-width:50%;line-height:1.4}}@media(prefers-reduced-motion:reduce){.sv-page *{animation:none!important;transition:none!important}}