:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#4d443b;background:#f4f1eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px;font-feature-settings:"tnum";--ink: #4d443b;--muted: #968b80;--line: rgba(110, 87, 61, .12);--accent: #986e4c;--glass: rgba(255, 255, 255, .63)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;transition:background .2s,color .2s,transform .2s}button:disabled{cursor:default;opacity:.5}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #a47c51;outline-offset:4px}a{color:inherit;text-underline-offset:3px}h1,h2,h3,p{margin:0}button svg,span svg,h2 svg,h3 svg{flex-shrink:0}svg{vertical-align:middle}button{touch-action:manipulation}.app-shell{min-height:100vh;padding:0 48px 100px;background:radial-gradient(ellipse at 85% 5%,#e8dfcd77,transparent 50%)}.app-header{height:101px;max-width:1224px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:11px;text-align:left;padding:0}.brand-mark{width:43px;height:43px;background:#ede2d1;border:1px solid #e2d5c2;border-radius:14px;display:grid;place-items:center;color:#8c694c}.brand strong{display:block;font-family:"Noto Serif SC",Songti SC,serif;font-size:21px;font-weight:600;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:6px;color:#958373}.desktop-nav{display:flex;gap:9px;margin-left:45px}.desktop-nav button{display:flex;gap:8px;align-items:center;padding:12px 20px;border-radius:30px;color:var(--muted);font-size:13px}.desktop-nav button[aria-current=page]{background:#e9e1d5;color:#826245}.desktop-nav button:hover{background:#e9e1d577}.header-motto{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1px;color:#a29689}main,.app-footer{max-width:1224px;margin:auto}.location-bar{height:92px;display:flex;justify-content:space-between;align-items:center}.city-title{display:flex;align-items:center;gap:8px;padding:0}.city-title h1{font-size:23px;font-weight:550}.city-title>span{font-size:12px;margin-left:9px;color:var(--muted)}.location-actions{display:flex;align-items:center;gap:10px}.updated{font-size:11px;color:var(--muted);margin-right:5px}.icon-button{height:34px;width:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:#a28b6920}.weather-hero{height:557px;position:relative;overflow:hidden;border-radius:25px;color:#fff6eb;isolation:isolate;box-shadow:0 20px 45px -30px #4d341999;background:#9c8669}.cat-scene{position:absolute;inset:0;overflow:hidden;background:#b4a083}.cat-photo{width:71%;height:100%;right:0;position:absolute;object-fit:cover;filter:brightness(.94) saturate(.83)}.cat-photo.custom{object-fit:contain;filter:none;width:80%}.scene-tint,.scene-shade{position:absolute;inset:0;pointer-events:none}.scene-tint{background:linear-gradient(90deg,#927854 0%,#bda37f99 24%,transparent 66%);mix-blend-mode:multiply}.scene-shade{background:linear-gradient(90deg,#544127ee 0%,#6c533bd9 20%,#6f533b74 37%,transparent 57%),linear-gradient(0deg,#4a332bbf,transparent 24%,transparent 82%,#c2a07722)}.hero-weather{position:relative;width:43%;height:100%;padding:39px 44px;z-index:2;pointer-events:none}.hero-date{font-size:13px;letter-spacing:1px;opacity:.85}.temperature-row{display:flex;align-items:center;gap:19px;margin:15px 0 0}.main-temperature{font-size:112px;letter-spacing:-7px;font-weight:250;line-height:1.17}.hero-weather .weather-icon{filter:drop-shadow(0 3px 9px #ffeaa04d)}.hero-weather h2{font-size:25px;font-weight:450;margin-top:3px;letter-spacing:3px}.hero-feels{display:flex;align-items:center;font-size:11px;letter-spacing:.5px;gap:10px;margin-top:15px;white-space:nowrap}.hero-feels>span{height:10px;width:1px;background:#ffffff4d}.hero-high-low{display:flex;gap:20px;margin-top:14px;font-size:14px}.hero-high-low span{display:flex;align-items:center;gap:4px}.hero-quote{margin-top:33px;max-width:235px}.hero-quote>span{font-size:10px;letter-spacing:2px;opacity:.62}.hero-quote p{font-family:"Noto Serif SC",Songti SC,serif;font-size:20px;line-height:1.95;margin-top:11px;letter-spacing:2px}.hero-signature{position:absolute;right:38px;top:37px;transform:rotate(7deg);font:26px/1.5 "Noto Serif SC",Songti SC,serif;letter-spacing:7px;opacity:.8;text-shadow:0 2px 15px #3b3027}.hero-signature span{display:block;font-size:18px;letter-spacing:5px}.hero-bottom{position:absolute;bottom:22px;left:44px;right:32px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;opacity:.8}.hero-bottom>span{display:flex;align-items:center;gap:7px}.hero-bottom button{display:flex;align-items:center;gap:10px;padding:6px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e5cd91;box-shadow:0 0 9px #e3c78344}.scene-caption{position:absolute;bottom:65px;right:28px;border:1px solid #ffffff30;background:#6d65582e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:30px;padding:9px 15px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#fff6eb}.dialogue-card{display:flex;align-items:center;gap:16px;margin:19px 0 34px;padding:17px 22px;background:#e9dfce91;border:1px solid #e4d8c399;border-radius:16px;min-height:91px}.dialogue-card>img{width:51px;height:51px;border-radius:50%;object-fit:cover;object-position:75% 30%;border:3px solid #fff8efaa}.dialogue-card>div{flex:1}.dialogue-card h2{font-size:13px;font-weight:600;letter-spacing:1px}.dialogue-card h2 span{font-size:10px;color:#a3927f;font-weight:400;margin-left:13px;letter-spacing:.7px}.dialogue-card p{font-size:13px;margin-top:8px;line-height:1.6;color:#776653}.dialogue-card>.icon-button{color:#a28c70}.content-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px}.content-heading h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:21px;font-weight:500;letter-spacing:2px}.content-heading>span{font-size:11px;color:var(--muted)}.glass{background:var(--glass);border:1px solid #fff;border-radius:18px;box-shadow:0 3px 14px #75624403;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:23px}.metric{padding:21px 24px;min-height:166px;position:relative;overflow:hidden}.metric h3{display:flex;align-items:center;gap:8px;color:#948675;font-size:11px;font-weight:450;letter-spacing:.5px}.metric h3>small{font-size:8px;margin-left:auto;color:#a59785}.metric>strong{display:block;font-size:32px;font-weight:350;letter-spacing:-.8px;margin-top:16px;line-height:1}.metric strong small{font-size:12px;letter-spacing:0;color:#8e806f}.metric p{font-size:10px;color:#a49787;margin-top:11px;line-height:1.5}.meter{height:3px;background:#eee7dc;border-radius:3px;margin-top:16px;overflow:hidden}.meter i{display:block;height:100%;background:#b9c7bb;border-radius:3px}.heat-line{position:absolute;bottom:20px;right:24px;width:65px;height:4px;border-radius:10px;background:linear-gradient(90deg,#e0d2ad,#c4996f)}.compass{position:absolute;right:28px;bottom:25px;width:65px;height:65px;border:1px dashed #c1b29d;border-radius:50%;display:grid;place-items:center;color:#a0825e}.compass span{position:absolute;top:-7px;background:#fbf9f6;font-size:9px;padding:0 5px}.aqi-scale{height:4px;border-radius:10px;background:linear-gradient(90deg,#a7c79e,#ced4a2,#dfc183 50%,#d2a086 70%,#bc9795);margin-top:16px;position:relative}.aqi-scale i{position:absolute;top:-2px;width:8px;height:8px;border:2px solid white;border-radius:50%;background:#8e967d;box-shadow:0 0 0 1px #7c88504d}.metric .aqi-label{display:inline-block;font-size:12px;margin-left:3px}.sun-times{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.sun-times strong{font-size:26px;font-weight:350;letter-spacing:-1px}.sun-times p{margin-top:4px}.sun-times>svg{color:#c3a875}.sun-metric>svg{position:absolute;bottom:13px;left:32%;width:36%;height:32px;color:#cbb899}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:500;letter-spacing:1px;color:#8b7e6d}.section-heading>span{font-size:10px;color:#aca08f}.hourly-card{padding:22px 24px;margin-bottom:23px}.hourly-scroll{display:flex;gap:7px;overflow-x:auto;margin-top:21px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#d6cab8 transparent}.hour{display:flex;flex-direction:column;align-items:center;gap:16px;flex:0 0 78px;padding:15px 5px 12px;border-radius:13px}.hour.current-hour{background:#eee6d898}.hour-time{font-size:11px;color:#9b8c7a}.hour strong{font-size:18px;font-weight:450}.hour small{font-size:10px;color:#97a7ac;display:flex;gap:3px;align-items:center}.weather-icon{color:#aeb8bf}.icon-clear{color:#d6ac58;fill:#f3cc7033}.icon-cloudy{color:#b9babc;fill:#dfcb8d22}.icon-rain,.icon-heavy-rain{color:#8aa9bf;fill:#c1d3df22}.icon-snow{color:#b1c6d2}.icon-thunderstorm{color:#b19db5}.icon-night{color:#b9c9d7;fill:#c2d9ef11}.forecast-bottom{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.daily-card{padding:23px 25px}.daily-list{margin-top:15px}.day-row{display:grid;grid-template-columns:49px 25px 63px 40px 33px 1fr 30px;gap:12px;align-items:center;min-height:49px;font-size:12px;border-bottom:1px solid #8a76560b}.day-row:last-child{border:0}.day-name{font-size:11px}.day-condition{font-size:10px;color:#9b9183}.day-rain{display:flex;gap:3px;align-items:center;font-size:9px;color:#97a6ad}.low-temp{color:#b5ad9e;text-align:right}.temp-track{height:4px;border-radius:5px;background:#ece7df;position:relative}.temp-range{height:4px;position:absolute;border-radius:5px;background:linear-gradient(90deg,#c2cdb9,#d8bb7c)}.forecast-note{font-size:9px;color:#b0a595;border-top:1px solid var(--line);padding-top:15px;margin-top:9px;text-align:center;letter-spacing:.5px}.companion-card{background:linear-gradient(125deg,#e9e0d2,#ded1ba);border-radius:18px;padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:2px;color:#9c8c77}.companion-card>svg{margin-top:31px;color:#927958}.companion-card h2{font-family:"Noto Serif SC",Songti SC,serif;font-weight:400;font-size:22px;line-height:1.9;letter-spacing:1px;margin-top:16px}.companion-card p{font-size:11px;line-height:1.9;margin-top:13px;color:#99866f}.companion-card>button{display:flex;align-items:center;gap:20px;border-bottom:1px solid #b8a58b77;padding:9px 0;margin-top:auto;font-size:11px;z-index:1}.companion-paw{position:absolute;bottom:50px;right:-17px;color:#baa78733;transform:rotate(-20deg)}.app-footer{display:flex;justify-content:space-between;font-size:9px;color:#b0a394;padding:30px 2px 0;letter-spacing:.5px}.app-footer>span:first-child{display:flex;gap:7px;align-items:center}.app-footer a{text-decoration:none}.bottom-nav{position:fixed;bottom:17px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:10px;align-items:center;justify-content:center;background:#fcfaf5dd;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 10px 35px #66523b15;border:1px solid #ffffffb3;border-radius:23px;padding:9px 20px}.bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:72px;padding:7px 12px 9px;color:#afa294;position:relative;font-size:10px;border-radius:14px}.bottom-nav button[aria-current=page]{color:#98724e;background:#eae1d478}.bottom-nav button i{position:absolute;bottom:2px;height:3px;width:3px;border-radius:50%;background:#a78a66}.notice,.error-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:12px;padding:11px 17px;font-size:12px;margin-top:15px;background:#e8dfce;color:#816745;line-height:1.6}.error-banner{margin:0 0 16px;background:#f4e5d9}.error-banner button{white-space:nowrap;text-decoration:underline}.loading-weather{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#96836c}.loading-weather>img{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:75% 30%;border:7px solid #eee5d7}.loading-weather h2{font-size:20px;font-weight:450}.loading-weather p{font-size:12px}.primary-button{background:#9c7856;color:#fff;border-radius:12px;padding:12px 20px}.save-current{display:flex;align-items:center;gap:9px;margin:24px auto 0;font-size:11px;color:#9b856a}.page-content{padding:48px 0 20px;min-height:calc(100vh - 220px)}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.page-title h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:32px;font-weight:500;letter-spacing:2px;margin-top:15px}.page-title p{color:#a09281;font-size:13px;line-height:1.7;margin-top:15px}.page-title>svg{color:#b09a7e;margin-right:10px}.search-box{display:flex;align-items:center;gap:13px;padding:12px 18px;background:#fffaf3aa;border:1px solid #e3d9ca;border-radius:14px;color:#a08c73}.search-box input{background:none;border:0;outline:none!important;flex:1;color:#665541;min-width:0;height:32px;font-size:14px}.search-box:focus-within{outline:2px solid #b197755c}.search-box input::placeholder{color:#b8aa97}.location-button{display:flex;align-items:center;gap:12px;margin:17px 0 28px;padding:13px 0;font-size:12px;color:#957b5c}.location-button>svg:last-child{margin-left:9px}.search-results{background:#fff6;padding:20px 24px;border-radius:15px;margin-bottom:30px}.search-results h2{font-size:13px;margin-bottom:12px;font-weight:500}.search-results>p{font-size:12px;color:#9a7a5e;padding:12px 0}.city-result{display:flex;align-items:center;border-top:1px solid var(--line);gap:8px}.city-result>button:first-child{display:flex;gap:14px;align-items:center;flex:1;text-align:left;padding:16px 0;min-width:0}.city-result span{flex:1}.city-result strong{display:block;font-size:14px;font-weight:500}.city-result small{display:block;color:#a79580;font-size:10px;margin-top:6px;line-height:1.7}.city-result>button:first-child>svg:last-child{margin-right:15px;color:#aa967c}.city-heading{margin:32px 0 18px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.saved-city{border:1px solid #ffffff99;border-radius:19px;background:linear-gradient(120deg,#d7c9b3,#eddfc9);position:relative;overflow:hidden}.saved-city:after{content:"";width:160px;height:160px;border-radius:50%;background:#fff4d944;position:absolute;right:-50px;bottom:-70px;pointer-events:none}.saved-city-select{width:100%;padding:25px;text-align:left;min-height:184px}.saved-city-select>span{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:1px;opacity:.65}.saved-city h3{font-size:30px;font-weight:450;margin:23px 0 9px}.saved-city p{font-size:11px;opacity:.6}.city-arrow{position:absolute;right:25px;top:72px;opacity:.55}.remove-city{position:absolute;top:15px;right:17px;opacity:.6;padding:6px;border-radius:8px}.remove-city:hover{background:#fff7}.city-color-1{background:linear-gradient(120deg,#c1cbd0,#dbe0de);color:#65777e}.city-color-2{background:linear-gradient(120deg,#d3d3c8,#e4e1d5);color:#7c8172}.popular-cities{display:flex;gap:12px;flex-wrap:wrap}.popular-cities button{border:1px solid #ded3c3;padding:11px 18px;border-radius:11px;font-size:12px;display:flex;align-items:center;gap:24px}.popular-cities button:hover{background:#e7dece}.empty-state{font-size:13px;padding:30px 0;color:#a39179}.settings-page{max-width:850px;margin:auto}.settings-card{padding:10px 27px 21px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.setting-row h2{font-size:15px;font-weight:500}.setting-row p{font-size:11px;margin-top:9px;color:#a2937e;line-height:1.7}.segmented{display:flex;padding:4px;background:#eee7db;border-radius:12px;flex-shrink:0}.segmented button{padding:9px 18px;border-radius:8px;font-size:14px}.segmented button[aria-pressed=true]{background:#fffaf0;box-shadow:0 2px 8px #7c5b3210}.switch{width:47px;height:27px;border-radius:20px;background:#d6ccbf;padding:3px;flex-shrink:0}.switch span{display:block;width:21px;height:21px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0001;transition:transform .2s}.switch[aria-checked=true]{background:#aa9070}.switch[aria-checked=true] span{transform:translate(20px)}.setting-footnote{font-size:10px;line-height:1.8;margin-top:18px;color:#b0a18e}.about-card{display:flex;gap:18px;padding:27px;margin-top:22px;color:#aa957a}.about-card>svg{flex-shrink:0}.about-card h2{font-size:14px;font-weight:500;color:#897257}.about-card p{font-size:11px;line-height:2;margin-top:12px}.cat-preview{height:510px;position:relative;border-radius:23px;overflow:hidden;background:#b6a185;color:#fff5e9}.preview-overlay{position:absolute;top:40px;left:40px;max-width:35%;z-index:2}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff33;background:#ffffff15;padding:8px 12px;border-radius:30px;font-size:10px}.preview-overlay h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:29px;font-weight:450;letter-spacing:3px;margin-top:48px}.preview-overlay p{font-family:"Noto Serif SC",Songti SC,serif;font-size:20px;line-height:2.1;letter-spacing:2px;margin-top:22px}.scene-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:22px}.scene-picker button{border:1px solid #e0d5c5;background:#ffffff40;border-radius:12px;padding:15px 10px;font-size:12px}.scene-picker button[aria-pressed=true]{background:#9d7d5c;color:#fff7e9;border-color:#9d7d5c}.gallery-note{font-size:10px;line-height:1.8;color:#aa9a85;margin-top:20px;display:flex;gap:8px;align-items:center}.weather-animation{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-sun{position:absolute;right:13%;top:10%;width:100px;height:100px;color:#ffe4a5;fill:#ffe4a555;filter:drop-shadow(0 0 20px #fff0a888);animation:sun-turn 100s linear infinite;opacity:.7}.animation-heat .scene-sun{color:#f2bf7c;filter:blur(1px)}.scene-moon{position:absolute;right:15%;top:12%;width:55px;height:55px;fill:#f3e7c5;color:#f3e7c5;filter:drop-shadow(0 0 23px #f3e7c544)}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 5s ease-in-out infinite}.raindrop{position:absolute;top:-10%;width:1px;height:25px;background:linear-gradient(transparent,#d9edf666);animation:rain-fall 1.2s linear infinite;transform:rotate(14deg)}.snowflake{position:absolute;top:-10%;width:5px;height:5px;border-radius:50%;background:#fffd;filter:blur(.5px);animation:snow-fall 6s linear infinite}.snowflake:nth-child(3n){width:3px;height:3px;opacity:.5}.lightning{position:absolute;inset:0;background:#e8ecff;opacity:0;animation:lightning 19s linear infinite}.cloud{position:absolute;width:65%;height:40%;border-radius:50%;background:#ffffff30;filter:blur(45px);animation:cloud-drift 44s ease-in-out infinite}.cloud-one{right:-10%;top:3%}.cloud-two{right:20%;top:15%;opacity:.4;animation-delay:-15s}.animation-fog .cloud{height:70%;background:#edf0e980;filter:blur(30px)}.wind-line{position:absolute;color:#e8edeb77;width:130px;height:80px;animation:wind-move 5s linear infinite;stroke-width:.5}.wind-line.one{top:12%;left:45%}.wind-line.two{top:65%;left:60%;animation-delay:-3s}.umbrella{position:absolute;right:15%;top:7%;width:35%;height:65%;filter:drop-shadow(0 3px 10px #0a1c2944);transform:rotate(-9deg)}.scene-night,.scene-night-rain{background:#273442}.scene-night .cat-photo{filter:brightness(.85) saturate(.55);width:64%;object-position:50% 31%!important}.scene-night .scene-shade{background:linear-gradient(90deg,#192d3df5 5%,#243744e3 28%,#2738465c 54%,#132d4140),linear-gradient(0deg,#122938,transparent 32%)}.scene-night .scene-tint{background:#41668844;mix-blend-mode:color}.scene-night-rain .scene-shade{background:linear-gradient(90deg,#223443fa 5%,#263846e3 25%,#1f394c55 60%),linear-gradient(0deg,#122938bb,transparent 30%)}.scene-rain,.scene-heavy-rain,.scene-thunderstorm{background:#53656d}.scene-rain .scene-shade,.scene-heavy-rain .scene-shade,.scene-thunderstorm .scene-shade{background:linear-gradient(90deg,#2e4552f5,#304958cc 25%,#334c5e33 65%),linear-gradient(0deg,#223c51aa,transparent 40%)}.scene-rain .cat-photo,.scene-heavy-rain .cat-photo,.scene-thunderstorm .cat-photo{filter:saturate(.45) brightness(.85)}.scene-rain .scene-tint,.scene-heavy-rain .scene-tint,.scene-thunderstorm .scene-tint{background:#6d9aaf22;mix-blend-mode:color}.scene-snow{background:#a5afb4}.scene-snow .scene-shade{background:linear-gradient(90deg,#586b7af5,#647a8acd 25%,#7691a622 70%),linear-gradient(0deg,#56718499,transparent 35%)}.scene-snow .cat-photo{filter:saturate(.5) brightness(1.12)}.scene-fog .scene-shade{background:linear-gradient(90deg,#626f70f0,#76827ec9 30%,#a6b0ab33 65%)}.scene-cloudy .scene-shade,.scene-overcast .scene-shade{background:linear-gradient(90deg,#696858f5,#79796acd 26%,#8d927533 60%),linear-gradient(0deg,#555648aa,transparent 27%)}.scene-hot{background:#c6a275}.scene-hot .scene-shade{background:linear-gradient(90deg,#876543fa,#a17c54cc 30%,#be9a6622 70%),linear-gradient(0deg,#806442aa,transparent 30%)}.scene-hot .cat-photo{filter:sepia(.2) brightness(1.05);object-position:50% 45%!important}.scene-wind .cat-photo{animation:wind-sway 6s ease-in-out infinite}.night-mode{--glass: rgba(243, 246, 246, .68);background:radial-gradient(ellipse at 65% 10%,#dae1e2aa,transparent 50%)}.night-mode .dialogue-card{background:#e0e5e3;border-color:#d4dcd9}.night-mode .dialogue-card p{color:#63777c}.night-mode .dialogue-card h2 span{color:#899b9f}@keyframes sun-turn{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.85}}@keyframes rain-fall{to{transform:translate(-100px,680px) rotate(14deg)}}@keyframes snow-fall{to{transform:translate(var(--drift),650px) rotate(120deg)}}@keyframes cloud-drift{0%,to{transform:translate(-6%)}50%{transform:translate(15%)}}@keyframes lightning{0%,83%,85%,87%,to{opacity:0}84%{opacity:.26}86%{opacity:.1}}@keyframes wind-move{0%{transform:translate(-60px);opacity:0}30%{opacity:.6}to{transform:translate(220px);opacity:0}}@keyframes wind-sway{0%,to{transform:translate(0) scale(1.01)}50%{transform:translate(3px) scale(1.015)}}.spinning{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.metrics-grid{grid-template-columns:repeat(6,1fr)}.metric{padding:20px 17px;min-height:174px}.metric>strong{font-size:29px}.metric p{font-size:9px}.compass{width:42px;height:42px;right:14px;bottom:21px}.wind-metric>strong{font-size:27px}.wind-metric>strong small{font-size:9px}.sun-times strong{font-size:20px}.sun-times>svg{display:none}.sun-metric>svg{width:80%;left:10%;bottom:15px}.metric .aqi-label{font-size:10px}}@media(max-width:1050px){.app-shell{padding-left:30px;padding-right:30px}.header-motto{display:none}.desktop-nav{margin:0}.hero-weather{padding:35px}.weather-hero{height:535px}.main-temperature{font-size:100px}.hero-feels{font-size:10px;gap:7px}.hero-quote p{font-size:18px}.hero-bottom{left:35px}.forecast-bottom{grid-template-columns:1.65fr 1fr;gap:15px}.day-row{grid-template-columns:45px 23px 35px 28px 1fr 28px;gap:9px}.day-condition{display:none}.companion-card{padding:26px}.companion-card h2{font-size:19px}.companion-card .eyebrow{font-size:7px;letter-spacing:1px}.hero-high-low{margin-top:15px}.hero-quote{margin-top:30px}}@media(max-width:760px){.app-shell{padding:0 20px 104px}.app-header{height:79px}.brand-mark{width:37px;height:37px;border-radius:12px}.brand strong{font-size:18px}.brand small{font-size:7px;letter-spacing:2px}.desktop-nav{gap:1px}.desktop-nav button{padding:10px 12px;font-size:11px}.desktop-nav button svg{display:none}.location-bar{height:75px}.city-title h1{font-size:21px}.weather-hero{height:560px;border-radius:20px}.hero-weather{padding:28px;width:53%}.main-temperature{font-size:95px}.temperature-row{gap:10px}.temperature-row>.weather-icon{width:40px}.hero-weather h2{font-size:22px}.hero-feels{flex-wrap:wrap;gap:7px;white-space:normal;line-height:1.6;max-width:200px}.hero-quote{margin-top:32px;max-width:170px}.hero-quote p{font-size:17px;line-height:2}.hero-signature{font-size:21px;right:25px;top:30px}.hero-signature span{font-size:16px}.cat-photo{width:85%}.scene-shade{background:linear-gradient(90deg,#5c4a31ee,#72573ab3 28%,transparent 69%),linear-gradient(0deg,#4a332bcc,transparent 30%)}.scene-night .cat-photo{width:80%}.scene-night .scene-shade{background:linear-gradient(90deg,#192d3df5,#243744c9 28%,#27384622 68%),linear-gradient(0deg,#122938e6,transparent 30%)}.hero-bottom{left:27px;right:20px;font-size:8px}.hero-bottom button{font-size:9px;gap:5px}.scene-caption{font-size:9px;right:18px;bottom:72px;padding:8px 12px}.dialogue-card{padding:16px;gap:12px;margin:15px 0 27px}.dialogue-card>img{width:44px;height:44px}.dialogue-card h2{font-size:12px}.dialogue-card h2 span{font-size:8px;margin-left:8px}.dialogue-card p{font-size:11px}.content-heading h2{font-size:19px}.content-heading>span{font-size:9px;max-width:180px;text-align:right;line-height:1.7}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:17px 16px;min-height:151px}.metric h3{font-size:10px;gap:5px}.metric h3>svg{width:13px}.metric>strong{font-size:28px}.metric p{font-size:9px}.compass{width:40px;height:40px;bottom:15px;right:15px}.compass>svg{width:20px}.metric strong small{font-size:9px}.sun-times strong{font-size:19px}.sun-times>svg{display:none}.sun-metric>svg{left:12%;width:76%;bottom:12px}.metric h3>small{font-size:6px}.forecast-bottom{grid-template-columns:1fr}.companion-card{min-height:255px;padding:26px}.companion-card>svg{position:absolute;right:30px;top:20px}.companion-card h2{font-size:21px;margin-top:15px}.companion-card p{margin-top:7px}.companion-card>button{position:absolute;right:25px;bottom:30px}.day-row{grid-template-columns:49px 25px 63px 40px 33px 1fr 30px;gap:12px}.day-condition{display:block}.hourly-card{padding:20px}.hour{flex-basis:69px}.app-footer{gap:15px;line-height:1.8}.app-footer>span{max-width:50%}.app-footer>span:last-child{text-align:right}.bottom-nav{bottom:12px;padding:8px 12px;border-radius:22px}.bottom-nav button{min-width:65px}.page-title h1{font-size:27px}.page-title p{font-size:11px}.page-title>.eyebrow{font-size:7px}.saved-grid{grid-template-columns:repeat(2,1fr);gap:13px}.page-content{padding-top:32px}.preview-overlay{left:28px;top:28px;max-width:42%}.preview-overlay h2{font-size:24px}.preview-overlay p{font-size:17px}.scene-picker{grid-template-columns:repeat(4,1fr)}.cat-preview{height:500px}}@media(max-width:480px){.app-shell{padding-left:16px;padding-right:16px}.app-header{height:73px}.desktop-nav{display:none}.header-motto{display:flex;font-size:8px;letter-spacing:.3px;gap:5px}.brand strong{font-size:17px;letter-spacing:2px}.brand-mark{width:34px;height:34px}.brand{gap:9px}.location-bar{height:73px}.city-title h1{font-size:20px}.city-title>span{display:none}.location-actions{gap:1px}.updated{font-size:9px;margin:0 4px 0 0}.location-actions .icon-button{width:30px;height:32px}.weather-hero{height:595px;border-radius:19px}.cat-photo{width:100%;height:80%;top:20%;object-position:61% 50%!important}.scene-night .cat-photo{width:100%;height:81%;top:19%;object-position:50% 35%!important}.scene-rain .cat-photo,.scene-snow .cat-photo{object-position:50% 47%!important}.cat-photo.custom{width:100%;height:79%;top:21%}.scene-shade,.scene-cloudy .scene-shade,.scene-overcast .scene-shade{background:linear-gradient(180deg,#6e624df2 0%,#736048d9 22%,#76593940 45%,transparent 60%,#554332e6 100%),linear-gradient(90deg,#634e3699,transparent 70%)}.scene-night .scene-shade,.scene-night-rain .scene-shade{background:linear-gradient(180deg,#203747fa 0%,#223848ef 21%,#253c4b55 43%,transparent 63%,#152b3cee 100%),linear-gradient(90deg,#1e334bcc,transparent 70%)}.scene-rain .scene-shade,.scene-heavy-rain .scene-shade,.scene-thunderstorm .scene-shade{background:linear-gradient(180deg,#344d5afa 0%,#344f5be8 23%,#344f5b40 49%,transparent 65%,#263f50ee 100%),linear-gradient(90deg,#29435199,transparent 70%)}.scene-snow .scene-shade{background:linear-gradient(180deg,#718594fa 0%,#768897e8 22%,#9cabb144 49%,transparent 65%,#526e83d9 100%)}.scene-fog .scene-shade{background:linear-gradient(180deg,#7a8783fa 0%,#7a8783e8 22%,#9caba144 49%,transparent 65%,#626f69d9 100%)}.scene-hot .scene-shade{background:linear-gradient(180deg,#a2815dfa 0%,#a2815de8 22%,#aa987444 49%,transparent 65%,#876d4cd9 100%)}.hero-weather{padding:25px;width:75%}.hero-date{font-size:10px;letter-spacing:.5px}.temperature-row{margin-top:7px;gap:16px}.main-temperature{font-size:90px;line-height:1.13;letter-spacing:-5px}.temperature-row>.weather-icon{width:42px;height:42px}.hero-weather h2{font-size:20px;letter-spacing:2px;margin-top:0}.hero-feels{font-size:9px;max-width:250px;margin-top:10px;gap:7px}.hero-high-low{font-size:12px;margin-top:8px;gap:14px}.hero-quote{margin-top:29px;max-width:134px}.hero-quote>span{font-size:8px;letter-spacing:1px}.hero-quote p{font-size:15px;line-height:1.95;letter-spacing:1px;margin-top:10px;text-shadow:0 1px 9px #1c1819aa}.hero-signature{top:47px;right:25px;font-size:23px}.hero-signature span{font-size:17px}.hero-bottom{left:24px;right:18px;bottom:20px;font-size:8px;letter-spacing:.3px}.hero-bottom button{font-size:8px}.scene-caption{bottom:62px;font-size:8px;padding:8px 10px;right:18px}.scene-sun{top:30%;right:13%;width:64px;height:64px}.scene-moon{top:28%;right:15%;width:40px;height:40px}.umbrella{top:35%;width:65%;height:40%;right:2%}.dialogue-card{padding:14px 12px;gap:10px;border-radius:14px;margin-bottom:28px}.dialogue-card h2 span{font-size:7px;letter-spacing:0;margin-left:7px}.dialogue-card p{font-size:10px;line-height:1.8}.dialogue-card>img{width:42px;height:42px}.dialogue-card>.icon-button{width:25px}.content-heading{margin-bottom:15px}.content-heading h2{font-size:18px;letter-spacing:1px}.content-heading>span{max-width:146px;font-size:8px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:18px}.metric{padding:18px;min-height:149px;border-radius:15px}.metric>strong{font-size:30px}.metric p{font-size:8px}.metric h3{font-size:10px}.metric h3>small{font-size:7px}.sun-times strong{font-size:21px}.heat-line{width:40px;right:19px;bottom:16px}.meter,.aqi-scale{margin-top:13px}.metric .aqi-label{font-size:10px}.compass{width:41px;height:41px;right:18px;bottom:16px}.hourly-card{padding:19px 16px;margin-bottom:18px;border-radius:15px}.section-heading h2{font-size:11px;letter-spacing:.5px}.section-heading>span{font-size:8px;max-width:125px;text-align:right}.hourly-scroll{margin-top:14px;gap:3px}.hour{flex-basis:61px;gap:14px;padding-top:12px}.hour strong{font-size:17px}.hour-time{font-size:10px}.hour small{font-size:9px}.daily-card{padding:20px 16px;border-radius:15px}.day-row{grid-template-columns:42px 22px 32px 29px 1fr 28px;gap:9px;min-height:48px;font-size:11px}.day-name{font-size:10px}.day-condition{display:none}.day-rain{font-size:8px}.day-rain svg{width:9px}.forecast-note{font-size:8px;letter-spacing:0}.companion-card{border-radius:15px;min-height:263px;padding:25px}.companion-card h2{font-size:20px}.companion-card>button{position:static;font-size:10px;margin-top:17px}.companion-card p{font-size:10px}.companion-card .eyebrow{font-size:7px}.app-footer{flex-direction:column;align-items:center;gap:8px;font-size:8px;padding-top:24px}.app-footer>span{max-width:100%!important;text-align:center!important}.bottom-nav{bottom:10px;width:calc(100% - 40px);max-width:380px;padding:7px 9px;gap:5px;border-radius:22px}.bottom-nav button{flex:1;min-width:0;padding:8px 8px 9px;font-size:9px;gap:4px}.bottom-nav svg{width:19px;height:19px}.page-content{padding-top:29px}.page-title{margin-bottom:27px}.page-title .eyebrow{font-size:6px;letter-spacing:1.3px}.page-title h1{font-size:23px;letter-spacing:1px}.page-title p{font-size:10px}.page-title>svg{width:25px;margin-right:0}.search-box{padding:9px 13px;border-radius:12px;gap:9px}.search-box input{font-size:12px}.saved-grid{gap:10px}.saved-city{border-radius:14px}.saved-city-select{padding:20px 18px;min-height:164px}.saved-city h3{font-size:24px}.saved-city p{font-size:10px}.saved-city-select>span{font-size:8px}.city-arrow{right:16px;width:20px;top:76px}.remove-city{top:12px;right:9px}.popular-cities{gap:8px}.popular-cities button{font-size:10px;padding:10px 13px;gap:16px}.search-results{padding:18px 15px}.settings-card{padding:6px 18px 18px}.setting-row{gap:12px;padding:23px 0}.setting-row h2{font-size:13px}.setting-row p{font-size:9px;max-width:180px}.segmented button{padding:8px 14px;font-size:12px}.about-card{padding:20px 17px;gap:13px}.about-card p{font-size:10px}.setting-footnote{font-size:9px}.cat-preview{height:560px;border-radius:18px}.preview-overlay{left:24px;top:25px;max-width:70%}.pill{font-size:8px;padding:7px 10px}.preview-overlay h2{font-size:24px;margin-top:23px}.preview-overlay p{font-size:16px;line-height:2;max-width:170px;margin-top:18px}.scene-picker{gap:9px;grid-template-columns:repeat(4,1fr);margin-top:18px}.scene-picker button{padding:12px 6px;font-size:10px}.gallery-note{font-size:9px;align-items:flex-start}.gallery-note svg{flex-shrink:0}.loading-weather{min-height:520px}.loading-weather h2{font-size:17px}.loading-weather p{font-size:11px}.notice,.error-banner{font-size:10px;padding:10px 13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.weather-animation{display:none}}@media(min-width:481px){.cat-photo.placeholder{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%);mask-image:linear-gradient(90deg,transparent,#000 15%)}.scene-night-rain .cat-photo{filter:brightness(1.3) saturate(.7)}.scene-night .cat-photo{object-position:50% 12%!important}}.motion-off *{animation:none!important}@media(max-width:480px){.scene-night-rain .cat-photo{filter:brightness(1.3) saturate(.7)}}@media(min-width:481px){.scene-thunderstorm .cat-photo.placeholder{width:58%;object-position:50% 0%!important}.umbrella{top:-4%;width:32%;height:55%}.scene-hot .cat-photo{object-position:50% 55%!important}}.scene-night .cat-photo{filter:brightness(1.6) saturate(.65)}.weather-world{background:#776c5c;isolation:isolate}.weather-world .cat-photo.scene-photograph{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:var(--scene-position);filter:none;-webkit-mask-image:none;mask-image:none;animation:none}.weather-world .scene-readability{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,23,22,.66),rgba(20,23,22,.25) 29%,transparent 52%),linear-gradient(0deg,rgba(16,20,23,.44),transparent 24%);pointer-events:none}.weather-world .scene-ambience{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,#fff2cf22,transparent 62%);opacity:.35;animation:light-breathe 18s ease-in-out infinite;mix-blend-mode:soft-light}.weather-world .ambience-still{animation:none;background:none}.weather-world .ambience-window{background:radial-gradient(ellipse at 15% 45%,#ffb66a22,transparent 60%);animation-duration:24s}.weather-world .ambience-winter,.weather-world .ambience-mist{background:linear-gradient(110deg,transparent,#d9ecf320,transparent);animation-duration:28s}.weather-world .ambience-moonlight{background:radial-gradient(ellipse at 85% 10%,#cadcf733,transparent 65%);animation-duration:30s}.weather-world .ambience-breeze{background:linear-gradient(110deg,transparent 25%,#fff9e51c 55%,transparent 78%);animation:light-breathe 11s ease-in-out infinite}.weather-world .ambience-storm{background:radial-gradient(ellipse at 22% 20%,#dce3ff88,transparent 50%);animation:distant-lightning 24s ease-out infinite}@keyframes distant-lightning{0%,79%,83%,to{opacity:0}80%{opacity:.55}81%{opacity:.12}}@keyframes light-breathe{0%,to{opacity:.2}50%{opacity:.7}}.weather-world .scene-caption{bottom:74px;right:30px;background:#1f242636;color:#fffdf4;letter-spacing:1px;font-size:11px;padding:10px 16px;border-color:#fffcde44}.original-photo-label{position:absolute;right:28px;top:25px;color:#fff9edc9;border:1px solid #fff3;padding:5px 10px;border-radius:20px;font-size:9px;background:#17202366}.weather-world.world-original .cat-photo{width:74%;left:auto;object-position:var(--scene-position);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}.world-original.world-rain,.world-original.world-heavy-rain,.world-original.world-thunderstorm{background:#465757}.world-original.world-hot{background:#a38964}.weather-world.world-original.world-thunderstorm .cat-photo{width:55%}.weather-hero{height:640px;border-radius:26px;box-shadow:0 20px 50px -30px #42382155}.hero-weather{padding:38px 40px;width:36%;text-shadow:0 2px 20px #0002}.hero-date{font-size:12px;letter-spacing:1.5px}.main-temperature{font-size:112px;font-weight:250;letter-spacing:-6px}.temperature-row{gap:12px;margin-top:16px}.temperature-row>.weather-icon{width:44px;height:44px;opacity:.85}.hero-weather h2{font-size:24px;font-weight:400}.hero-feels{font-size:10px;gap:9px;line-height:1.9;white-space:normal;flex-wrap:wrap;max-width:280px}.hero-high-low{font-size:13px}.hero-quote{margin-top:49px;max-width:230px}.hero-quote>span{font-size:9px;letter-spacing:2px;opacity:.66}.hero-quote p{font-size:18px;letter-spacing:1.5px;line-height:2;margin-top:15px}.hero-signature{right:32px;top:32px;font-size:24px;opacity:.87;text-shadow:0 2px 18px #0008}.hero-signature span{font-size:17px}.hero-bottom{bottom:25px;left:40px;right:28px;opacity:.95;font-size:9px;letter-spacing:.8px}.hero-bottom button{font-size:10px;gap:8px}.brand-mark{width:45px;height:45px;padding:2px;border-radius:50%;background:#fbf5e9;box-shadow:0 2px 8px #705c3e16;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:50%}.brand strong{font-size:21px;letter-spacing:2.5px}.brand small{letter-spacing:2px}.dialogue-card{margin:20px 0 35px;padding:18px 24px;background:#fdfaf2b5;box-shadow:0 4px 24px #6f594c05;min-height:104px;border-color:#e6dccb80;gap:17px}.dialogue-card>img{width:56px;height:56px;object-fit:contain;object-position:center;border:0}.dialogue-card h2{font-size:13px;letter-spacing:1px}.dialogue-card h2 span{font-size:10px;letter-spacing:.3px}.dialogue-card p{font-size:13px;color:#685a48;line-height:1.95;max-width:890px;margin-top:8px}.night-mode .dialogue-card{background:#f8f5ed;border-color:#e7dfcf}.night-mode .dialogue-card p{color:#655b4c}.companion-avatar{width:60px;height:60px;margin-top:25px;border:3px solid #fff7;border-radius:50%}.companion-card h2{margin-top:13px}.companion-card p{font-size:11px}.page-cat-avatar{height:71px;width:71px;border-radius:50%;border:4px solid #fff9}.app-shell[data-scene=snow],.app-shell[data-scene=fog],.app-shell[data-scene=cloudy]{background:radial-gradient(ellipse at 70% 5%,#dfe8e88c,transparent 50%)}.app-shell[data-scene=night],.app-shell[data-scene=night-rain]{background:radial-gradient(ellipse at 70% 5%,#dce1e380,transparent 55%)}.app-shell[data-scene=sunny],.app-shell[data-scene=hot]{background:radial-gradient(ellipse at 70% 5%,#eee1caaa,transparent 55%)}.cat-preview{height:610px;border-radius:24px}.preview-overlay{left:40px;top:35px;max-width:29%;display:flex;flex-direction:column;align-items:flex-start}.preview-overlay .pill{font-size:9px;letter-spacing:.7px;background:#1d20201a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scene-chapter{font-size:10px;letter-spacing:4px;margin-top:60px;opacity:.64}.preview-overlay h2{font-size:30px;line-height:1.7;letter-spacing:3px;margin-top:17px;font-weight:400}.preview-overlay p{font-size:15px;line-height:2;letter-spacing:1px;margin-top:23px;opacity:.84}.gallery-dialogue{display:flex;align-items:center;gap:16px;margin:16px 0 35px;padding:18px 22px;border-radius:16px;background:#e8dfcf66;border:1px solid #ded4c555}.gallery-dialogue>img{width:46px;height:46px}.gallery-dialogue>div{flex:1}.gallery-dialogue>div>span{font-size:10px;color:#ac8b68;letter-spacing:1px}.gallery-dialogue p{font-size:13px;line-height:1.9;margin-top:6px;color:#6c5b49}.gallery-dialogue .icon-button{color:#9c876f}.scene-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:32px}.scene-picker-heading h2{font-size:15px;font-weight:450;letter-spacing:1px}.scene-picker-heading>span{font-size:10px;color:#a3937f}.scene-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-top:18px}.scene-picker button{border:1px solid transparent;background:#fcfaf4;padding:5px 5px 13px;border-radius:13px;text-align:left;overflow:hidden;color:#75634e}.scene-picker button:hover{border-color:#c3ac8e;transform:translateY(-2px)}.scene-picker button[aria-pressed=true]{background:#ece2d0;border-color:#b59a76;color:#785a37;box-shadow:0 4px 13px #9a785418}.scene-thumbnail{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;border-radius:9px;background:#ddd3c3}.scene-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.scene-thumbnail>small{position:absolute;bottom:5px;right:5px;background:#1f242577;color:#fff;font-size:7px;border-radius:10px;padding:3px 6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scene-tile-label{display:flex;justify-content:space-between;align-items:center;margin:11px 8px 0;font-size:12px}.scene-tile-label i{height:5px;width:5px;border-radius:50%;background:transparent}.scene-picker button[aria-pressed=true] .scene-tile-label i{background:#a5855a}.scene-tile-note{display:block;margin:5px 8px 0;color:#a39580;font-size:8px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-note{font-size:9px;color:#afa391;line-height:1.8;margin-top:16px}.xitang-profile{margin-top:47px;display:grid;grid-template-columns:200px 1fr;gap:35px;padding:36px;background:#fcfaf5}.profile-portrait{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px}.profile-portrait img{width:151px;height:151px;border-radius:50%;box-shadow:0 0 0 7px #f0e5d4}.profile-portrait>span{font-size:7px;letter-spacing:2px;color:#a69176}.profile-intro h2{font-family:Songti SC,serif;font-size:27px;font-weight:450;letter-spacing:2px;margin:13px 0 16px}.profile-intro>p{font-size:12px;line-height:2.2;color:#96836b;max-width:670px}.personality-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.personality-tags>span{border:1px solid #e8decd;padding:7px 11px;font-size:10px;border-radius:20px;color:#9b8161}.favorite-foods{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:11px;color:#9e7b52}.family-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:17px}.family-grid article{padding:26px;display:flex;align-items:flex-start;gap:16px;border-radius:17px;background:#e9dfcf70;border:1px solid #e6ddce}.family-grid article>svg{color:#ba9974;margin-top:3px}.family-grid article>div>span{font-size:9px;color:#ab9173;letter-spacing:1px}.family-grid h3{font-size:18px;font-family:Songti SC,serif;font-weight:500;margin:9px 0}.family-grid p{font-size:11px;color:#938067;line-height:1.9;max-width:430px}.companion-conversation{margin:40px 0 20px;padding:36px 40px;background:linear-gradient(130deg,#e8dbc5,#f1e9dc);border:1px solid #e2d4c0;border-radius:22px}.conversation-heading h2{font-family:Songti SC,serif;font-size:25px;font-weight:450;letter-spacing:2px;margin-top:13px}.conversation-heading p{font-size:11px;line-height:1.8;color:#a28b70;margin-top:12px}.companion-response{display:flex;align-items:center;gap:18px;background:#fff9ed90;border:1px solid #fff7;border-radius:16px;padding:20px;margin-top:24px;min-height:105px}.companion-response img{width:48px;height:48px;flex-shrink:0}.companion-response p{font-size:13px;line-height:2;color:#78614a}.companion-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:20px}.companion-actions button{display:flex;align-items:center;gap:8px;padding:12px 19px;border-radius:30px;border:1px solid #cdb99c;color:#967651;font-size:11px}.companion-actions button[aria-pressed=true]{background:#9f825e;border-color:#9f825e;color:#fff9ec}@media(min-width:1500px){.weather-hero{height:680px}.cat-preview{height:650px}}@media(max-width:1050px){.hero-weather{width:40%;padding:33px}.hero-quote{max-width:205px}.hero-quote p{font-size:16px}.weather-hero{height:600px}.main-temperature{font-size:100px}.hero-bottom{left:33px}.scene-picker{grid-template-columns:repeat(4,1fr)}.preview-overlay{max-width:34%}.preview-overlay h2{font-size:26px}}@media(max-width:760px){.weather-hero{height:620px}.hero-weather{width:48%;padding:29px}.hero-quote{max-width:182px;margin-top:40px}.hero-quote p{font-size:15px}.hero-feels{max-width:230px;font-size:9px}.hero-bottom{left:28px}.main-temperature{font-size:94px}.cat-preview{height:570px}.preview-overlay{left:29px;top:29px;max-width:36%}.scene-chapter{margin-top:42px}.preview-overlay h2{font-size:23px}.preview-overlay p{font-size:13px}.scene-picker{grid-template-columns:repeat(4,1fr);gap:10px}.scene-tile-note{font-size:7px}.xitang-profile{grid-template-columns:130px 1fr;padding:28px;gap:25px}.profile-portrait img{width:110px;height:110px}.profile-intro h2{font-size:23px}.family-grid article{padding:22px}.companion-avatar{position:absolute;right:28px;top:21px;margin:0}.dialogue-card h2 span{font-size:9px}.dialogue-card p{font-size:12px}}@media(max-width:480px){.weather-hero{height:650px;border-radius:21px}.weather-world .cat-photo.scene-photograph{inset:0;width:100%;height:100%;object-position:var(--scene-mobile-position)!important;-webkit-mask-image:none;mask-image:none}.weather-world .scene-readability{background:linear-gradient(180deg,rgba(16,23,25,.62),rgba(22,27,24,.25) 32%,transparent 49%,transparent 72%,rgba(16,23,25,.68)),linear-gradient(90deg,#15222033,transparent 65%)}.weather-world .scene-caption{right:17px;bottom:66px;font-size:9px;padding:8px 12px}.weather-world.world-original .cat-photo.scene-photograph{width:100%;height:76%;top:24%;-webkit-mask-image:linear-gradient(0deg,#000 72%,transparent);mask-image:linear-gradient(0deg,#000 72%,transparent)}.weather-world.world-original.world-thunderstorm .cat-photo{width:100%}.hero-weather{padding:24px;width:81%;height:auto}.hero-date{font-size:10px;letter-spacing:1px}.temperature-row{margin-top:9px;gap:14px}.main-temperature{font-size:88px;letter-spacing:-5px}.hero-weather h2{font-size:20px}.temperature-row>.weather-icon{width:36px;height:36px}.hero-feels{font-size:9px;gap:7px;max-width:260px;margin-top:10px}.hero-high-low{font-size:11px;margin-top:9px}.hero-quote{position:absolute;top:430px;left:23px;max-width:125px;margin:0}.hero-quote>span{font-size:8px;letter-spacing:1px}.hero-quote p{font-size:12px;line-height:1.95;letter-spacing:1px;margin-top:10px;text-shadow:0 2px 8px #0009}.hero-signature{top:38px;right:21px;font-size:22px}.hero-signature span{font-size:16px}.hero-bottom{left:23px;right:17px;bottom:20px;font-size:8px;letter-spacing:0}.hero-bottom button{font-size:8px;gap:5px}.brand-mark{width:39px;height:39px}.brand strong{font-size:17px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.5px}.dialogue-card{padding:17px 13px;gap:12px;min-height:116px;margin:16px 0 29px}.dialogue-card>img{width:45px;height:45px}.dialogue-card h2{font-size:12px;letter-spacing:.5px}.dialogue-card h2 span{display:block;margin-left:0;margin-top:4px;font-size:8px;color:#a6947f}.dialogue-card p{font-size:11px;line-height:1.9;margin-top:8px}.dialogue-card>.icon-button{width:25px}.page-cat-avatar{width:50px;height:50px;border-width:3px}.cat-page .page-title h1{font-size:23px}.cat-page .page-title p{font-size:9px}.cat-preview{height:600px;border-radius:21px}.preview-overlay{left:23px;top:24px;max-width:70%}.preview-overlay .pill{font-size:8px;padding:7px 10px}.scene-chapter{margin-top:20px;font-size:8px}.preview-overlay h2{font-size:23px;line-height:1.65;margin-top:11px;letter-spacing:2px}.preview-overlay p{font-size:12px;line-height:1.9;max-width:155px;margin-top:15px;text-shadow:0 2px 10px #0006}.gallery-dialogue{padding:16px 13px;gap:10px;min-height:106px;margin-top:14px}.gallery-dialogue>img{width:39px;height:39px}.gallery-dialogue p{font-size:11px;line-height:1.9}.gallery-dialogue>div>span{font-size:9px}.gallery-dialogue .icon-button{width:27px}.scene-picker-heading{display:block}.scene-picker-heading h2{font-size:14px}.scene-picker-heading>span{display:block;margin-top:9px;font-size:9px}.scene-picker{grid-template-columns:repeat(3,1fr);gap:9px}.scene-picker button{padding:4px 4px 10px;border-radius:11px}.scene-thumbnail{aspect-ratio:1.15;border-radius:7px}.scene-thumbnail>small{font-size:6px;padding:2px 4px;bottom:4px;right:3px}.scene-tile-label{font-size:11px;margin:9px 5px 0}.scene-tile-note{font-size:7px;margin:5px 5px 0}.gallery-note{font-size:8px;line-height:1.9}.xitang-profile{grid-template-columns:1fr;text-align:center;gap:25px;padding:29px 22px;margin-top:33px}.profile-portrait img{width:124px;height:124px}.profile-intro h2{font-size:24px;letter-spacing:1px;margin-top:11px}.profile-intro>p{font-size:11px;line-height:2.1;text-align:left}.profile-intro>.eyebrow{font-size:8px}.personality-tags{gap:7px;justify-content:center}.personality-tags>span{font-size:9px;padding:6px 9px}.favorite-foods{justify-content:center;font-size:10px}.family-grid{grid-template-columns:1fr;gap:12px;margin-top:13px}.family-grid article{padding:21px;gap:13px}.family-grid h3{font-size:17px}.family-grid p{font-size:10px}.companion-conversation{padding:27px 19px;margin-top:29px;border-radius:18px}.conversation-heading h2{font-size:22px;line-height:1.8;letter-spacing:1px}.conversation-heading p{font-size:10px}.companion-response{gap:11px;padding:15px 13px;min-height:131px;margin-top:20px}.companion-response img{width:38px;height:38px}.companion-response p{font-size:11px;line-height:2}.companion-actions{gap:8px;justify-content:center}.companion-actions button{padding:10px 12px;font-size:9px;gap:6px}.companion-actions svg{width:14px;height:14px}.companion-avatar{width:50px;height:50px;right:25px;top:26px}.original-photo-label{font-size:7px;right:16px;top:14px}}@media(prefers-reduced-motion:reduce){.scene-ambience{display:none!important;animation:none!important}}.motion-off .scene-ambience{display:none;animation:none!important}html{min-height:100%;-webkit-text-size-adjust:100%}body{min-height:100svh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(24px)}.app-shell{padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))}.install-guide{display:flex;gap:18px;padding:28px;margin:20px 0;border-radius:22px}.install-guide>svg{flex-shrink:0;color:var(--accent)}.install-guide h2{font-size:17px;margin-bottom:12px}.install-guide ol{padding-left:20px;line-height:2}.install-guide p{line-height:1.85}.install-note{color:var(--muted);font-size:12px;margin-top:12px}.pwa-status{position:fixed;z-index:50;bottom:calc(100px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:min(560px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;background:#fcfaf5f5;box-shadow:0 8px 40px #59422b22}.pwa-status>div{flex:1}.pwa-status strong{font-size:14px}.pwa-status p{margin-top:5px;font-size:12px;line-height:1.7;color:var(--muted)}.pwa-status .icon-button{min-width:44px;min-height:44px}.pwa-update{background:#986e4c;color:#fff;padding:12px 16px;border-radius:12px;white-space:nowrap}@media(pointer:coarse){.icon-button,.remove-city,.bottom-nav button{min-width:44px;min-height:44px}input,select,textarea{font-size:16px!important}.hourly-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}}@media(max-width:480px){input,select,textarea{font-size:16px!important}.install-guide{padding:22px 17px;gap:12px}.install-guide h2{font-size:16px;line-height:1.6}.install-guide ol{font-size:13px}.pwa-status{padding:13px;gap:6px}}