:root{font-family:Inter,'Segoe UI','Malgun Gothic',sans-serif;color:#e9efeb;background:#101816;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 49% 48%,#263b33 0,transparent 49%),#101816;min-height:100vh}button,a,input,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #46ac88;outline-offset:4px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.brand{height:105px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between}.brand a{display:flex;align-items:center;font-size:25px;font-weight:650;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:#c6f7dc;color:#14291e;width:38px;height:38px;border-radius:12px;margin-right:11px;font-size:25px}.muted{color:#8fa399;font-weight:400}.edition,.eyebrow,.version,.page-footer{font-size:12px;letter-spacing:2px}.edition{color:#8d9b94}.stage{display:grid;grid-template-columns:1fr 390px 1fr;align-items:center;gap:7%;max-width:1190px;margin:18px auto 38px;padding:0 24px}.intro{align-self:center}.eyebrow{color:#90c8aa;font-size:11px;letter-spacing:1.6px}.intro h1{font-size:45px;line-height:1.32;letter-spacing:-2.3px;font-weight:500;margin:24px 0}.intro>p{font-size:16px;line-height:1.9;color:#91a098}.intro-line{width:36px;height:1px;background:#61766a;margin:32px 0}.version{font-size:11px;color:#84998c}.version b{background:#293b32;padding:4px 7px;border-radius:4px;color:#c2d8ca;margin-left:5px}.hint{font-size:12px;color:#6e8377;line-height:1.9;margin-top:23px}.device{height:790px;width:390px;border:7px solid #313a36;border-radius:54px;padding:3px;background:#080d0a;box-shadow:0 30px 65px #0006,0 0 0 1px #647369;position:relative}.device:after{content:'';position:absolute;right:-10px;top:150px;width:3px;height:55px;background:#516058;border-radius:2px}.screen{height:100%;position:relative;border-radius:44px;overflow:hidden;color:#17392d;background:radial-gradient(ellipse at 100% 65%,#86b799 0,transparent 45%),linear-gradient(145deg,#e2f4ce 0%,#c7e9cd 43%,#759f8d 100%);--accent:#2c7354;--tint:#e0efdf}.screen[data-wall=violet]{background:radial-gradient(ellipse at 100% 70%,#aa8dcc,transparent 65%),linear-gradient(135deg,#eee4fc,#bfb0da);--accent:#695487;--tint:#eee7f7}.screen[data-wall=sunset]{background:radial-gradient(ellipse at 100% 70%,#d99465,transparent 65%),linear-gradient(135deg,#ffecc0,#e9bc9f);--accent:#9f5937;--tint:#fff0dd}.screen[data-wall=night]{background:radial-gradient(ellipse at 100% 70%,#668b9d,transparent 65%),linear-gradient(135deg,#dae8ee,#829ba9);--accent:#365e77;--tint:#dbe9f0}.status{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:30;font-size:13px;font-weight:700}.status button{background:none;padding:10px 0;min-width:53px}.island{width:108px;height:28px;background:#10211b;border-radius:30px;position:absolute;left:50%;top:9px;transform:translateX(-50%)}.island:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#223631;right:12px;top:10px}.home{padding:17px 21px 0}.greeting{display:flex;justify-content:space-between;font-size:11px;color:#426653}.hero-clock{font-size:84px;letter-spacing:-6px;font-weight:250;line-height:1.25;margin:12px 0 21px}.widgets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.widget{height:134px;text-align:left;border:1px solid #fff4;border-radius:24px;background:#f2fae760;padding:15px}.widget>span{font-size:12px;display:flex;justify-content:space-between}.weather-value{font-size:37px;margin:7px 0 3px;font-weight:400;letter-spacing:-2px;display:flex;justify-content:space-between}.weather-value span{color:#537d43;font-size:33px}.widget small{font-size:10px;color:#58745c}.note-widget{background:#edf6bfbb}.note-widget>span{font-size:9px;letter-spacing:.6px}.note-widget p{font-size:12px;line-height:1.65;margin:16px 0 11px;height:39px;overflow:hidden;white-space:pre-line}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 10px;margin-top:31px}.app-icon{background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px}.icon-tile{height:55px;width:55px;display:grid;place-items:center;border-radius:17px;font-size:26px;box-shadow:0 5px 10px #25432a0d;background:var(--icon-bg,#fff9);color:var(--icon-fg,#254c39)}.icon-tile svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.search-pill{display:block;margin:23px auto 0;background:#224e3820;padding:7px 13px;border-radius:18px;font-size:10px}.dock{display:flex;justify-content:space-around;background:#f4ffee55;padding:14px 9px;border:1px solid #ffffff40;border-radius:27px;position:absolute;bottom:33px;left:17px;right:17px}.dock .app-icon>span:last-child{display:none}.home-bar{position:absolute;bottom:10px;width:115px;height:5px;background:#163d32;border-radius:8px;left:50%;transform:translateX(-50%);z-index:70;padding:0}.home-bar:after{content:'';position:absolute;inset:-10px}.tools{padding-left:12px}.tools h2{font-weight:450;font-size:21px;margin:18px 0 25px}.swatches{display:flex;gap:13px}.swatches button{width:28px;height:28px;border-radius:50%;border:3px solid #101816;outline:1px solid transparent}.swatches .selected{outline-color:#c2d5c9}.mint{background:#bbd9b4}.violet{background:#bda6d6}.sunset{background:#e5b78c}.night{background:#759ba9}.tools>p{font-size:11px;letter-spacing:1px;color:#93a399;margin-top:20px}.tool-divider{height:1px;background:#314138;margin:32px 0 17px}.side-action{display:flex;gap:12px;align-items:center;background:none;width:100%;text-align:left;color:#bbcdc0;padding:13px 0;font-size:12px}.side-action span:last-child{margin-left:auto;color:#708678}.keyboard{font-size:11px;color:#7f9588;margin-top:35px}kbd{border:1px solid #3d5146;border-radius:5px;padding:4px 7px;margin-right:8px;font-size:10px}.page-footer{display:flex;justify-content:space-between;margin:0 5.5%;padding:20px 0;border-top:1px solid #25392c;color:#6f8778;font-size:9px;letter-spacing:1.5px}.page-footer i{font-size:8px;color:#b7dabc;margin-left:12px}.app-view{position:absolute;inset:52px 0 29px;background:#f6f8f3;z-index:10;overflow:auto;animation:open .2s ease}.app-header{display:flex;align-items:center;padding:10px 20px;gap:9px;border-bottom:1px solid #1b422a0d;position:sticky;top:0;background:#f6f8f3;z-index:2}.app-header button{font-size:32px;background:none}.app-header h2{font-size:18px;font-weight:600}.app-label{margin-left:auto;font-size:9px;letter-spacing:2px;color:#849386}#app-body{padding:23px 20px}.app-intro{font-size:13px;color:#778574;line-height:1.8}.section-title{font-size:27px;font-weight:500;margin:8px 0 22px;letter-spacing:-1px}.primary{background:var(--accent);color:white;border-radius:14px;padding:13px 20px;font-size:14px}.input,textarea{width:100%;border:1px solid #d5dfd2;border-radius:14px;padding:15px;color:#183e2c;background:white;outline-color:#639e78;font-size:15px}textarea{resize:vertical;min-height:290px;line-height:1.8}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}.subtle{font-size:11px;color:#7b8d7e}.setting{padding:18px 0;border-bottom:1px solid #e0e6dc;font-size:14px}.setting button{background:var(--tint);border-radius:20px;padding:7px 12px;font-size:12px}.setting small{display:block;font-size:11px;color:#809080;margin-top:8px}.calc-display{font-size:47px;text-align:right;overflow:auto;white-space:nowrap;padding:35px 2px 24px;font-variant-numeric:tabular-nums}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-grid button{height:60px;border-radius:50%;background:#e6ece2;font-size:24px}.calc-grid .operator{background:#b8d5af}.calc-grid .equals{background:var(--accent);color:white}.clock-display{font-size:43px;font-variant-numeric:tabular-nums;text-align:center;margin:55px 0 35px;font-weight:300}.clock-buttons{display:flex;justify-content:center;gap:12px}.clock-buttons button{border-radius:30px;padding:15px 22px}.calendar-title{display:flex;justify-content:space-between;align-items:center}.calendar-title button{background:var(--tint);padding:8px 15px;border-radius:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:8px 2px;margin-top:25px}.calendar-grid span{padding:10px 0;font-size:13px}.calendar-grid .today{background:var(--accent);color:white;border-radius:50%}.calendar-grid .weekday{color:#8a9789;font-size:11px}.control{position:absolute;inset:52px 0 28px;background:#e6efdfed;backdrop-filter:blur(30px);z-index:45;padding:23px}.control-header{display:flex;justify-content:space-between;align-items:center}.control h2{font-size:23px}.control-header button{background:none;font-size:20px}.control>p{font-size:12px;color:#6f846e}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.quick-grid button{background:#ceddca;height:96px;border-radius:22px;font-size:27px}.quick-grid button.active{background:#285b40;color:white}.quick-grid span{display:block;font-size:12px;margin-top:7px}.brightness{display:block;padding:20px;background:#fff8;border-radius:20px;font-size:14px}.brightness input{display:block;width:100%;margin-top:20px;accent-color:#346647}.notification{margin-top:27px;background:#fff9;border-radius:20px;padding:20px}.notification small{font-size:9px;letter-spacing:1px}.notification h3{font-size:14px;line-height:1.7}.notification p{font-size:12px;line-height:1.7}.demo-caption{line-height:1.8}.lock{position:absolute;inset:52px 0 0;z-index:60;background:inherit;text-align:center;padding:50px 20px}.lock>span{font-size:30px}.lock p{font-size:14px;margin-top:35px}.lock #lock-time{font-size:77px;font-weight:250;letter-spacing:-3px}.lock button{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);padding:15px 28px;border-radius:30px;background:#ffffff55;font-size:14px;white-space:nowrap}#toast{position:absolute;bottom:110px;left:25px;right:25px;border-radius:15px;padding:13px;background:#173b2fe8;color:white;font-size:12px;text-align:center;z-index:80;display:none}.dial-number{min-height:66px;font-size:26px;text-align:center;overflow-wrap:anywhere}.dial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.dial-grid button{height:60px;border-radius:50%;background:#e4ebdf;font-size:25px}.empty{padding:35px 10px;text-align:center;line-height:1.9}.search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.weather-big{font-size:95px;letter-spacing:-6px;margin:35px 0 0}.weather-card{background:var(--tint);padding:20px;border-radius:24px}.weather-stats{display:flex;justify-content:space-between;font-size:13px;margin-top:30px}.link-card{display:block;background:var(--tint);padding:20px;margin-top:14px;border-radius:16px;font-size:14px}@keyframes open{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:900px) and (max-height:950px){.device{transform:scale(.88);margin:-47px 0}.stage{margin-top:0;margin-bottom:16px}.brand{height:90px}}@media(max-width:1050px){.stage{gap:30px;grid-template-columns:1fr 390px 1fr}.intro h1{font-size:34px}.eyebrow{font-size:9px}.tools{padding:0}.edition{font-size:10px}.hint{font-size:11px}}@media(max-width:800px){.intro,.tools,.page-footer,.edition{display:none}.stage{display:flex;justify-content:center;padding:0;margin:10px 0 30px}.brand{height:70px;justify-content:center}.device{transform:none}}@media(max-width:440px){body{background:#bdddc0}.brand{display:none}.stage{display:block;margin:0;padding:0}.device{width:100%;height:100dvh;min-height:700px;border:0;border-radius:0;padding:0;box-shadow:none}.screen{border-radius:0}.device:after{display:none}.status{padding-top:env(safe-area-inset-top)}.home{padding-top:22px}.hero-clock{margin-bottom:28px}.app-grid{gap:26px 12px}.dock{bottom:max(33px,env(safe-area-inset-bottom))}.home-bar{bottom:max(10px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}