@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#f7f1df;font-synthesis:none;background:#11221e;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% -20%,#35544a 0%,#11221e 52%,#0b1714 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}main{width:min(100% - 32px,900px);margin:0 auto;padding:42px 0 56px;position:relative}.crest{color:#d8c18b;letter-spacing:-1px;border:1px solid #af9360;border-radius:50%;place-items:center;width:48px;height:48px;font-family:DM Serif Display,serif;font-size:16px;display:grid;position:absolute;top:26px;right:0}header{text-align:center;max-width:600px;margin:auto;padding:62px 0 36px}.kicker{color:#d6bd85;text-transform:uppercase;letter-spacing:.13em;margin:0 0 14px;font-family:DM Mono,monospace;font-size:10px}h1,h2{margin:0;font-family:DM Serif Display,Georgia,serif;font-weight:400}h1{letter-spacing:-.065em;font-size:clamp(66px,12vw,112px);line-height:.74}h1 em{color:#d6bd85}.intro{color:#bbcabd;max-width:390px;margin:32px auto 0;font-size:15px;line-height:1.7}.search-panel{color:#16231f;background:#f5edda;border-radius:3px;padding:25px;box-shadow:0 18px 65px #0005}label{letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;font-family:DM Mono,monospace;font-size:10px;display:block}.input-row{gap:8px;display:flex}input{color:#14221e;background:#fffbef;border:1px solid #c7bfae;border-radius:2px;outline-color:#597c69;width:100%;min-width:0;padding:13px 14px;font-size:14px}input::placeholder{color:#778078}button{color:#fff7e7;white-space:nowrap;background:#18362d;border:0;border-radius:2px;padding:13px 17px;font-size:13px;font-weight:700;transition:transform .15s,background .15s}button:hover:not(:disabled){background:#285344;transform:translateY(-1px)}button:disabled{opacity:.65;cursor:wait}.divider{color:#8c8b80;align-items:center;gap:12px;margin:15px 0;font-family:DM Mono,monospace;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#d5cebc;flex:1;height:1px}.location-button{color:#284238;background:0 0;border:1px solid #a9ac9e;width:100%;padding:9px 13px;font-size:12px}.location-button:hover:not(:disabled){background:#e6dcc4}.location-button span{color:#9a7144;vertical-align:-1px;margin-right:5px;font-size:17px}.error{color:#9b3029;margin:14px 0 0;font-size:12px}.footer-note{text-align:center;color:#a9b9ac;letter-spacing:.03em;margin:26px auto;font-family:DM Mono,monospace;font-size:10px}.test-panel{color:#c7d4c8;text-align:center;margin:13px 0 0}.test-panel>p{text-transform:uppercase;letter-spacing:.08em;color:#aebdaf;margin:0 0 8px;font:10px/1.4 DM Mono,monospace}.test-panel>div{justify-content:center;gap:7px;display:flex}.test-panel button{color:#e6dfca;background:0 0;border:1px solid #637d6d;align-items:baseline;gap:7px;padding:8px 13px;font:10px DM Mono,monospace;display:flex}.test-panel button:hover{background:#1b332b;border-color:#d2bc89}.test-panel button strong{color:#d8c18b;font-size:13px}.verdict{color:#13231f;background:#eff0e6;border-radius:3px;grid-template-columns:36% 64%;min-height:360px;margin-top:20px;display:grid;overflow:hidden}.verdict-art{background:#b8d0bc;flex-direction:column;justify-content:flex-end;align-items:center;padding:25px 12px;display:flex;position:relative;overflow:hidden}.verdict-art:before{content:"";border:1px solid #f7f1df99;border-radius:50%;width:240px;height:240px;position:absolute;top:25px}.verdict-art p{z-index:1;color:#284238;text-align:center;text-transform:uppercase;letter-spacing:.07em;margin:0;font-family:DM Mono,monospace;font-size:10px}.verdict-copy{padding:42px 42px 32px}.verdict-copy .kicker{color:#8a6842}.verdict h2{letter-spacing:-.045em;max-width:400px;font-size:clamp(38px,5vw,56px);line-height:.96}.temperature{border-bottom:1px solid #c6d0c5;align-items:center;gap:13px;padding:19px 0;display:flex}.temperature strong{letter-spacing:-.06em;font:400 50px/.8 DM Serif Display,serif}.temperature span{color:#4d6258;text-transform:uppercase;letter-spacing:.04em;font-family:DM Mono,monospace;font-size:10px;line-height:1.6}.message{max-width:450px;margin:19px 0;font-size:14px;line-height:1.75}.etiquette{color:#746241;text-transform:uppercase;letter-spacing:.06em;margin:0;font-family:DM Mono,monospace;font-size:10px}.suit-icon{z-index:1;width:132px;height:235px;margin-bottom:10px;position:relative}.hat{background:#20342d;border-radius:3px 3px 0 0;width:94px;height:27px;position:absolute;top:0;left:19px}.hat:after{content:"";background:#20342d;border-radius:3px;width:130px;height:8px;position:absolute;top:24px;left:-18px}.hat span{background:#b49459;width:94px;height:5px;position:absolute;top:17px}.head{background:#d6a87e;border-radius:40% 40% 45% 45%;width:48px;height:60px;position:absolute;top:36px;left:42px}.eye{background:#263229;border-radius:50%;width:4px;height:4px;position:absolute;top:27px}.eye.left{left:13px}.eye.right{right:13px}.face{color:#643f31;font:18px/1 Georgia,serif;position:absolute;top:30px;left:17px}.jacket{clip-path:polygon(20% 0,80% 0,100% 22%,91% 100%,9% 100%,0 22%);background:#20342d;width:99px;height:106px;position:absolute;top:87px;left:17px}.jacket:after{content:"";clip-path:polygon(0 0,100% 0,65% 70%,50% 100%,35% 70%);background:#f3e6c8;width:23px;height:77px;position:absolute;top:0;left:38px}.lapel{z-index:1;border-style:solid;width:0;height:0;position:absolute;top:1px}.lapel.left{border-width:0 29px 48px 0;border-color:#0000 #385547 #0000 #0000;left:16px}.lapel.right{border-width:0 0 48px 29px;border-color:#0000 #0000 #0000 #385547;right:16px}.jacket b{z-index:2;background:#b49459;border-radius:50%;width:5px;height:5px;position:absolute;top:47px;left:47px}.trousers{justify-content:space-between;width:80px;height:48px;display:flex;position:absolute;top:187px;left:27px}.trousers i{background:#20342d;width:34px;height:48px;transform:skew(-3deg)}.trousers i:last-child{transform:skew(3deg)}.cane{background:#b49459;border-radius:5px;width:4px;height:102px;position:absolute;top:128px;right:7px;transform:rotate(10deg)}.cane:before{content:"";border:4px solid #b49459;border-bottom:0;border-radius:50% 50% 0 0;width:16px;height:16px;position:absolute;top:-7px;left:-6px}.sparkle{color:#fff3be;text-shadow:0 0 10px #fff7c4;font-size:25px;animation:2.2s ease-in-out infinite twinkle;position:absolute}.sparkle.one{top:47px;left:2px}.sparkle.two{font-size:17px;animation-delay:.8s;top:80px;right:3px}.monocle{z-index:2;border:2px solid #b49459;border-radius:50%;width:15px;height:15px;position:absolute;top:62px;left:55px}.monocle:after{content:"";border-left:1px solid #b49459;height:24px;position:absolute;top:10px;right:-9px;transform:rotate(-35deg)}.verdict.cold .verdict-art{background:#a9c4d1}.verdict.cold .suit-icon{transform:rotate(-2deg)}.verdict.cold .hat{transform:translate(-7px)rotate(-9deg)}.verdict.cold .jacket,.verdict.cold .trousers i{background:#314d62}.flake{color:#f9ffff;font-size:18px;animation:2.4s linear infinite snowfall;position:absolute}.flake.one{top:18px;left:11px}.flake.two{animation-delay:-.9s;top:62px;right:4px}.flake.three{font-size:12px;animation-delay:-1.8s;top:25px;right:28px}.scarf{z-index:2;background:#b24d4b;border-radius:8px;width:62px;height:14px;position:absolute;top:89px;left:35px}.scarf:after{content:"";background:#b24d4b;width:13px;height:46px;position:absolute;top:7px;right:5px;transform:rotate(-12deg)}.verdict.cold .cane{display:none}.verdict.warm .verdict-art{background:#e2bd88}.verdict.warm .suit-icon{transform:translateY(7px)}.verdict.warm .jacket,.verdict.warm .trousers i,.verdict.warm .hat:after,.verdict.warm .hat{background:#776747}.sun{color:#fff2a4;text-shadow:0 0 12px #e4864f;font-size:58px;line-height:1;animation:2s ease-in-out infinite pulse;position:absolute;top:-12px;right:-12px}.fan{z-index:3;color:#f3dfc0;text-align:center;background:#a65348;border:3px solid #f3dfc0;border-radius:60% 10%;width:42px;height:42px;font:30px/.8 Georgia,serif;position:absolute;top:123px;right:-8px;transform:rotate(-24deg)}.sweat{z-index:2;color:#fff;font-size:25px;animation:1.5s ease-in infinite drip;position:absolute;top:53px;left:91px}.verdict.warm .cane{display:none}@keyframes twinkle{50%{opacity:.35;transform:scale(.65)rotate(25deg)}}@keyframes snowfall{to{opacity:.2;transform:translateY(45px)rotate(120deg)}}@keyframes pulse{50%{transform:scale(1.12)}}@keyframes drip{70%{opacity:0;transform:translateY(16px)}71%{opacity:1;transform:translateY(0)}}.emoji-icon{place-items:center;width:170px;height:235px;margin:0 0 0 -85px;display:grid;position:absolute;top:27px;left:50%}.emoji-icon .main-emoji{z-index:1;filter:drop-shadow(0 11px 9px #18352c38);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:118px;line-height:1;position:relative}.emoji-icon .weather-marks{z-index:2;color:#fff6c7;pointer-events:none;width:220px;height:220px;margin-left:-110px;font:28px/1 Georgia,serif;position:absolute;top:7px;left:50%}.orbit-mark{font-style:normal;animation:14s linear infinite orbit-mark;display:block;position:absolute;inset:0}.orbit-mark b{font-weight:400;position:absolute;top:0;left:50%;transform:translate(-50%)}.orbit-mark:last-child{animation-delay:-7s}.verdict.cold .emoji-icon,.verdict.warm .emoji-icon{transform:none}.emoji-icon.cold .weather-marks{color:#f9ffff}.emoji-icon.warm .weather-marks{color:#fff2a4;text-shadow:0 0 12px #e4864f;font-size:38px}.emoji-icon.cold .main-emoji{filter:drop-shadow(0 11px 9px #3158764a)}.emoji-icon.warm .main-emoji{filter:drop-shadow(0 11px 9px #b96e394a)}@keyframes orbit-mark{to{transform:rotate(360deg)}}@media (width<=600px){main{width:min(100% - 24px,900px);padding-top:20px}.crest{width:40px;height:40px;top:18px;right:2px}header{padding:58px 0 28px}.input-row{flex-direction:column}.test-panel>div{gap:4px}.test-panel button{gap:4px;padding:7px 8px}.test-panel button span{display:none}.verdict{grid-template-columns:1fr}.verdict-art{min-height:244px;padding-top:22px}.verdict-copy{padding:30px 25px}.suit-icon{margin-bottom:-5px;transform:scale(.9)}.verdict.warm .suit-icon{transform:translateY(7px)scale(.9)}}