@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@200;300;400;500;600&display=swap');
:root{color-scheme:dark;--text:#f0f1e9;--muted:#bcc7bf;--line:#d6e5d321;--gold:#dcc28b;font-family:'DM Sans',sans-serif;color:var(--text);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#182720;min-height:100svh}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e2d5a4;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}.landscape{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#0c171b42 0%,#0d211426 34%,#09191170 63%,#09140fea 100%),url('background.png') center 47%/cover no-repeat}.shell{max-width:1600px;padding:35px 56px 24px;margin:auto;min-height:100svh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:24px;font-weight:550;letter-spacing:-1px;gap:11px}.brand svg{width:31px;height:31px;color:#dce3cb}.brand>span{border-left:1px solid #d5dfca50;margin-left:10px;padding-left:20px;font-size:10px;letter-spacing:2px;font-weight:400;color:#d0d6c8}.header-right{display:flex;gap:24px;align-items:center}.location{font-size:13px;color:#d4ded5;display:flex;align-items:center;gap:8px}.location i{width:5px;height:5px;background:#d1ddae;border-radius:50%}.icon-button{background:#dce5d40a;border:1px solid #ffffff25;border-radius:50%;height:37px;width:37px;font-size:20px}.icon-button:hover{background:#ffffff20}main{flex:1;display:flex;flex-direction:column;justify-content:center}.welcome{text-align:center;padding:62px 0 52px;text-shadow:0 2px 24px #0b1b2945}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;margin:0 0 5px;color:#e2e5d9}.clock{font-family:'Manrope',sans-serif;font-size:clamp(90px,10vw,152px);font-weight:200;letter-spacing:-9px;line-height:1.22;font-variant-numeric:tabular-nums}.clock span{display:inline-block;transform:translateY(-8px);font-size:.77em;padding:0 6px;opacity:.8}h1{font-size:25px;font-weight:400;letter-spacing:-.6px;margin:12px 0}.welcome-note{font-size:14px;color:#d4ded2;margin:0}.widgets{display:grid;grid-template-columns:1.07fr 1fr 1.07fr;gap:20px;max-width:1230px;width:100%;margin:0 auto 42px}.card{background:linear-gradient(135deg,#23372cca,#152820dc);border:1px solid #d9e4d42d;border-radius:18px;box-shadow:0 10px 40px #07130c15;backdrop-filter:blur(22px);padding:23px 25px 0;display:flex;flex-direction:column;min-height:326px;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font-size:10px;font-weight:600;letter-spacing:1.8px;margin:0;display:flex;align-items:center;gap:8px}.small-icon{font-size:18px;font-weight:400;color:#ccd8bc;letter-spacing:0}.tag{font-size:10px;background:#ffffff08;border:1px solid #ffffff15;border-radius:5px;padding:4px 7px;color:#c7d0c3;white-space:nowrap}.quote-mark{font-family:Georgia,serif;color:#d0d8b9;font-size:55px;line-height:.8;margin-top:29px}.quote-card blockquote{font-family:Georgia,serif;font-size:clamp(21px,1.9vw,27px);line-height:1.38;margin:3px 0 17px;letter-spacing:-.5px;max-width:310px}.quote-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;min-height:41px}.author{font-size:12px;color:#b7c4b6}.author:before{content:'—';padding-right:8px}.quote-bottom svg{width:55px;height:38px;color:#9cba916a}.card-foot{border-top:1px solid var(--line);margin-top:18px;min-height:43px;display:flex;align-items:center;justify-content:space-between;color:#b5c4b5;font-size:10px}.card-foot>span{font-size:16px;color:#ccd5b5}.text-button{padding:3px 0;background:transparent;border:0;font-size:11px;color:#c4cfbf}.text-button:hover,a:hover{color:#fff}.weather-now{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.temperature{font-family:'Manrope',sans-serif;font-size:65px;font-weight:300;letter-spacing:-3px;line-height:1.2}.temperature span{font-size:45px;vertical-align:top}.weather-now p{font-size:13px;margin:3px 0 0;color:#d1dacb}.weather-symbol{font-family:Arial,sans-serif;font-size:65px;color:#e0d9b7;text-shadow:0 0 30px #e6d8a11a;line-height:1}.weather-details{display:flex;gap:18px;font-size:11px;color:#b8c6b7;margin:14px 0 18px}.forecast{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto}.forecast-day{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#b6c5b4}.forecast-day:first-child{border-left:0}.forecast-day .symbol{font-size:23px;color:#dcd9bd}.forecast-day strong{font-weight:500;color:#e6eade}.forecast-day strong span{color:#9eb19d;font-weight:400;margin-left:3px}.gold{color:#d6c697;border-color:#d8bb6e33;background:#bcac6a0c}.token-heading{display:flex;align-items:center;gap:12px;margin-top:27px}.token-icon{width:42px;height:42px;border-radius:50%;border:2px solid #c5a35d;outline:1px solid #c5a35d50;outline-offset:3px;background:radial-gradient(circle,#5b5934,#202d25);display:grid;place-items:center;font-family:Georgia,serif;font-weight:bold;font-size:25px;color:#d8be72}.token-heading h3{margin:0 0 4px;font-size:15px;font-weight:500}.token-heading p{margin:0;font-size:11px;color:#b3c0ad}.market-arrow{margin-left:auto;color:#c8d0bc;font-size:22px}.token-price{display:flex;align-items:center;gap:12px;font-family:'Manrope',sans-serif;font-size:40px;font-weight:400;letter-spacing:-1px;margin:16px 0 7px}.gold-coin{display:inline-block;width:14px;height:14px;background:radial-gradient(circle at 32% 25%,#ecdc9e,#c4a154);border:2px solid #b99752;border-radius:50%;box-shadow:0 0 0 2px #c1ac6a15}.market-status{font-size:11px;line-height:1.5;color:#bdcbb5;margin:0 0 18px;min-height:17px}.market-status.stale{color:#e0bd8d}.market-link{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:11px;color:#b6c3ae}.market-link a{color:#dacb9f}.market-card .card-foot{margin-top:17px}footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a9b5a5;gap:20px}footer>span:first-child{font-size:12px}.footer-sun{font-size:19px;vertical-align:-1px;margin-right:8px;color:#c7cbaa}footer>span:last-child{letter-spacing:1.4px;font-size:9px}.footer-dot{margin:0 12px}dialog{width:min(480px,calc(100% - 32px));padding:28px;color:var(--text);background:#1c3026;border:1px solid #8f9f8650;border-radius:18px;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#07130cb3;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dialog-heading h2{font-size:19px;letter-spacing:-.4px;font-weight:500}label{display:block;font-size:14px;margin-bottom:9px}.input-row{display:flex;gap:10px}input{min-width:0;width:100%;padding:12px;background:#ffffff08;border:1px solid #ffffff30;border-radius:8px;color:var(--text)}.save-button{background:#d6dec1;color:#233227;border:0;padding:0 16px;border-radius:8px;white-space:nowrap}#settings-status,.privacy-note{color:#c0cabb;font-size:13px;line-height:1.5}.privacy-note{font-size:12px;border-top:1px solid var(--line);padding-top:15px}.city-result{display:block;width:100%;text-align:left;background:#ffffff08;padding:12px;border:1px solid var(--line);margin:7px 0;border-radius:7px}.city-result:hover{background:#ffffff15}@media(min-width:1500px){.welcome{padding-top:75px;padding-bottom:65px}.card{min-height:350px;padding-left:28px;padding-right:28px}.quote-card blockquote{font-size:29px}.widgets{margin-bottom:65px}}@media(max-width:1050px){.shell{padding:28px}.brand>span{display:none}.widgets{gap:12px}.card{padding:20px 18px 0}.card-heading{flex-wrap:wrap}.tag{font-size:9px}.clock{font-size:125px}.quote-card blockquote{font-size:23px}.market-link{font-size:10px}.token-price{font-size:34px}}@media(max-width:760px){.shell{padding:22px 20px}.location{font-size:11px}.header-right{gap:12px}.brand{font-size:21px}.welcome{padding:55px 0 38px}.clock{font-size:108px;letter-spacing:-6px}h1{font-size:21px}.widgets{grid-template-columns:1fr;max-width:460px;gap:16px}.card{min-height:300px;padding:24px 25px 0}.quote-card blockquote{font-size:28px;max-width:none}.card-heading{flex-wrap:nowrap}.card h2{font-size:11px}.tag,.text-button,.card-foot,.market-link,.market-status,.weather-details{font-size:12px}.forecast-day{font-size:13px}.token-price{font-size:44px}.weather-now{margin-top:20px}.quote-bottom{margin-top:12px}.card-foot{min-height:48px}footer>span:last-child{display:none}footer{justify-content:center;padding:8px 0}.landscape{background-position:44% center}}@media(prefers-reduced-motion:no-preference){.welcome,.widgets{animation:appear .8s ease-out both}.widgets{animation-delay:.12s}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}}