@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:wght@400;500&display=swap";body{background-color:var(--neutral-900);display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;gap:5px}.wheather-app-container{position:relative}.header-right-content{display:flex;gap:4px}.favorite-list-icon{width:34px;height:37px;cursor:pointer}.weather{display:flex;flex-direction:column}.unit-select{width:120px}.title-container{justify-items:center;align-items:center;text-align:center}.title{font-family:BricolageGrotesque-Bold;font-size:52px}.main-content-container{display:flex;flex-direction:column;padding:20px;margin:20px;align-items:center;gap:32px}.content-container{display:flex;gap:48px;width:343px;flex-direction:column;height:fit-content}.left-content{display:flex;flex-direction:column;gap:48px;width:343px;height:fit-content}.weather-info-container{gap:32px;display:flex;flex-direction:column;gap:24px;width:343px;height:558px}.current-weather-loader{height:286px;display:flex;justify-content:center;flex-direction:column;border-radius:20px;gap:5px;align-items:center;background-color:var(--neutral-700)}.temperature-details{grid-gap:24px;width:343px;height:fit-content;grid-template-columns:repeat(2,1fr)}.temperature-details,.forcast-details{display:grid;width:343px}.daily-forcast{display:flex;flex-direction:column;gap:20px}.forcast-details{gap:16px;height:fit-content;grid-template-columns:repeat(3,1fr)}.detail-item{height:78px;padding:20px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;width:123.5px}p{margin:0}.card-item{background-color:var(--neutral-800);font-size:18px;font-family:DMSans-Medium;border-radius:12px;opacity:100%;transition:background-color .3s ease}.loading{background:linear-gradient(90deg,var(--neutral-800) 25%,var(--neutral-700) 37%,var(--neutral-800) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;color:transparent}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.hourly-forecast{height:645px;background-color:var(--neutral-800);border-radius:20px;display:flex;flex-direction:column;gap:16px;width:311px;padding:20px 16px}.hourly-forecast-header{display:flex;flex-direction:row;height:37px;justify-content:space-between;align-items:center;width:311px}.hourly-forcast-content{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.temp-info-title{color:var(--neutral-200)}.temp-info-value{font-family:DMSans-Light;font-size:32px;line-height:100%}.daily-forcast-title{font-family:DMSans-SemiBold;font-size:20px;line-height:120%}.temp-info-title{font-family:DMSans-Medium;font-size:18px;line-height:120%}@media(min-width:768px){body{padding:24px 80px}header{padding:0;margin:0;height:43px}.main-content-container{gap:48px}.content-container{width:720px}.left-content{height:693px;width:720px}.weather-info-container{width:720px;height:436px}.current-weather-loader{width:720px}.temperature-details{grid-template-columns:repeat(4,1fr);height:118px}.temperature-details,.forcast-details{width:720px}.forcast-details{height:165px;grid-template-columns:repeat(7,1fr)}.detail-item{width:125px}.hourly-forecast{width:672px;padding:24px}.hourly-forecast-header{width:672px}}@media(min-width:1024px){header{padding:20px;margin:20px 40px}.main-content-container{gap:48px}.content-container{flex-direction:row;width:100%}.left-content{height:693px;width:800px}.weather-info-container{width:800px;height:436px}.current-weather-loader{width:800px}.temperature-details{grid-template-columns:repeat(4,1fr);height:118px}.temperature-details,.forcast-details{width:800px}.forcast-details{height:165px;grid-template-columns:repeat(7,1fr)}.detail-item{width:142px}.hourly-forecast{width:336px;padding:24px}.hourly-forecast-header{width:336px}}.attribution{font-size:11px;text-align:center}.attribution a{color:var(--blue-500)}.select-wrapper{display:flex;flex-direction:column;gap:6px;width:120px}.custom-dropdown-button{border:none;background:none;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;gap:10px;width:120px;height:37px;padding:12px 16px;background-color:var(--neutral-600);justify-items:center;align-items:center;border-radius:8px;justify-content:space-evenly}.MuiPaper-root,.MuiPopover-paper .MuiMenu-paper{background:none}.Mui-selected{background-color:var(--neutral-700)!important}.custom-dropdown-popper{background-color:var(--neutral-800);border-radius:12px;height:fit-content}.custom-dropdown-list{background-color:var(--neutral-800);position:relative;overflow:auto;width:214px;cursor:pointer;padding:6px 8px;gap:4px;display:flex;flex-direction:column}.divider{background-color:var(--neutral-600)}.selected-item{width:198px;border-radius:8px;background-color:var(--neutral-700)}.search-container{display:flex;gap:10px;color:var(--neutral-0);width:343px;flex-direction:column;height:124px}.search-input{border-radius:5px;width:343px;height:56px;background-color:var(--neutral-800);padding:16px 24px;color:var(--neutral-200)}.search-btn{background-color:var(--blue-500);border-radius:5px;border:var(--blue-500);width:343px;height:56px}.search-dropdown{width:343px;height:148px;background-color:var(--neutral-800);position:absolute;border-radius:12px;transform:translate(1px,-5px);z-index:1;overflow-y:auto;display:flex;flex-direction:column;padding:8px;gap:4px}.search-loader{height:55px}.search-item{width:494px;height:29px;padding:10px 8px;background:none;list-style:none;cursor:pointer}.search-item:hover{background-color:var(--neutral-700)}.search-progress{display:flex;align-items:center;flex-direction:row;margin:10px}@media(min-width:1024px){.search-container{width:656px;height:56px;flex-direction:row}.search-dropdown{width:656px}.search-input{height:56px;width:526px}.search-btn{height:56px;width:114px}}@media(min-width:768px){.search-container{width:656px;height:56px;flex-direction:row}.search-dropdown{width:656px}.search-input{height:56px;width:526px}.search-btn{height:56px;width:114px}}.circle-loader-container{display:flex;justify-content:center;align-items:center;width:20px;height:20px;position:relative;margin:4px;animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite}@-webkit-keyframes spin{to{transform:rotate(360deg)}}.linear-loader{width:79px;height:16px;display:flex;justify-content:space-between}.dot{width:15px;height:15px;background-color:var(--neutral-200);border-radius:50%;display:inline-block;margin:0 5px;animation:bounce 1.5s infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.error-container{width:100%;align-items:center;text-align:center;display:flex;flex-direction:column;gap:24px;height:100%;margin:40px 0}.error-img{width:42px;height:50px}.error-title{font-family:BricolageGrotesque_Bold;font-size:52px;line-height:120%}.error-text{font-family:DMSans-Medium;font-size:20px;line-height:120%;width:554px}.retry-btn{width:98px;height:43px;display:flex;gap:10px;align-items:center;justify-content:center;background-color:var(--neutral-600);border:none;border-radius:8px}.save-location-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--neutral-700);font-family:DMSans-SemiBold;border:1px solid var(--neutral-600);border-radius:8px;padding:10px}.save-location-item-temp-info{display:flex;justify-content:center;align-items:center}.save-location-item-temp-info>img{width:40px;height:40px}.save-location-item-temp-info .temp{font-family:DMSans-SemiBoldItalic}.falback-loader{width:100%;height:100%;justify-items:center;align-content:center}.no-list{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;font-family:DMSans-SemiBold}.city-name{width:250px;text-overflow:ellipsis;overflow-wrap:break-word}.weather-info{position:relative;display:flex;background-image:url(/Weather_App/assets/images/bg-today-small.svg);flex-direction:column;padding:10px}.favorite-icon{width:fit-content;height:fit-content;position:absolute;transform:translate(294px,3px);cursor:pointer}.location-info{display:flex;gap:12px;flex-direction:column;text-align:center}.location-title{font-family:DMSans-Bold;font-size:28px}.location-time{font-family:DMSans-Medium;font-size:18px;line-height:120%;opacity:80%}.temperature-info{display:flex;flex-direction:row;align-items:center;justify-content:center}.temperature-info>p{font-family:DMSans-SemiBoldItalic;font-size:96px}.temperature-info>img{width:120px;height:120px}@media(min-width:768px){.weather-info{flex-direction:row;padding:0;min-height:286px;background-image:url(/Weather_App/assets/images/bg-today-large.svg)}.favorite-icon{transform:translate(682px,10px)}.location-info{transform:translate(40px,108px);width:360px;height:68px;text-align:left}.temperature-info{width:294px;height:120px;transform:translate(73px,83px);text-align:left}}@media(min-width:1024px){.weather-info{flex-direction:row;padding:0;min-height:286px;background-image:url(/Weather_App/assets/images/bg-today-large.svg)}.location-info{transform:translate(40px,108px);width:430px;height:68px;text-align:left}.temperature-info{width:294px;height:120px;transform:translate(73px,83px);text-align:left}.favorite-icon{transform:translate(762px,10px)}}.forcast-item{width:80.57px;height:133px;display:flex;flex-direction:column;padding:16px 10px;gap:16px;align-items:center}.forcast-item>img{width:60px;height:60px;align-self:center}.temp-range{display:flex;width:100%;justify-content:space-between}.temp-range-value{font-family:DMSans-Medium;font-size:16px;line-height:120%}.day-label{font-family:DMSans-Medium;font-size:18px;line-height:120%}@media(min-width:768px){.forcast-item{width:69.14px}}@media(min-width:1024px){.forcast-item{width:80.57px}}.hourly-forcast-item{background-color:var(--neutral-700);outline:var(--neutral-600);display:flex;position:relative;flex-direction:row;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:8px;width:283px;height:60px}.hourly-forcast-item>img{width:40px;height:40px}.hourly-forcast-item>*:last-child{position:absolute;right:16px}.hourly-forecast-temp{font-family:DMSans-Medium;font-size:16px;line-height:120%}.hourly-forecast-text{font-family:DMSans-Medium;font-size:20px;line-height:120%}@media(min-width:768px){.hourly-forcast-item{width:644px;height:40px}}@media(min-width:1024px){.hourly-forcast-item{width:308px;height:40px}}:root{--bg-base: #0f1117;--bg-panel: #16181f;--bg-surface: #1e2029;--bg-hover: #252830;--border: #2a2d38;--border-light: #353849;--accent: #4f8ef7;--accent-dim: #2d4f9a;--accent-glow: rgba(79, 142, 247, .18);--user-bubble: #1e3a6e;--text-primary: #e8eaf0;--text-secondary: #8b90a0;--text-muted: #555a6e;--success: #3ecf8e;--warning: #f59e0b;--font-sans: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--radius: 16px;--radius-sm: 10px;--shadow-lg: 0 24px 64px rgba(0, 0, 0, .55), 0 4px 16px rgba(0, 0, 0, .3);--shadow-btn: 0 8px 24px rgba(79, 142, 247, .35)}.wcw *{box-sizing:border-box;margin:0;padding:0}.wcw{font-family:var(--font-sans)}.wcw-fab{position:fixed;bottom:28px;right:28px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#4f8ef7,#2563eb);border:none;cursor:pointer;box-shadow:var(--shadow-btn);display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;z-index:9999;outline:none}.wcw-fab:hover{transform:scale(1.1);box-shadow:0 12px 32px #4f8ef780}.wcw-fab:active{transform:scale(.95)}.wcw-fab svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.wcw-fab.open svg{transform:rotate(45deg)}.wcw-fab-pulse{position:absolute;inset:-4px;border-radius:50%;background:#4f8ef740;animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}.wcw-panel{position:fixed;bottom:100px;right:28px;width:400px;height:580px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:9998;transform-origin:bottom right;animation:popIn .28s cubic-bezier(.34,1.4,.64,1) forwards}.wcw-panel.closing{animation:popOut .2s cubic-bezier(.4,0,.6,1) forwards}@keyframes popIn{0%{transform:scale(.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes popOut{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.7) translateY(20px);opacity:0}}.wcw-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--bg-base);flex-shrink:0}.wcw-header-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f8ef7,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.wcw-header-info{flex:1}.wcw-header-name{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.wcw-header-status{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-secondary);margin-top:1px}.wcw-status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success)}.wcw-header-actions{display:flex;gap:4px}.wcw-icon-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.wcw-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.wcw-messages{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.wcw-messages::-webkit-scrollbar{width:4px}.wcw-messages::-webkit-scrollbar-track{background:transparent}.wcw-messages::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.wcw-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;padding:32px 20px;text-align:center;animation:fadeUp .4s ease forwards}.wcw-welcome-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#4f8ef726,#7c3aed26);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:4px}.wcw-welcome h3{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.wcw-welcome p{font-size:13px;color:var(--text-secondary);line-height:1.55;max-width:260px}.wcw-suggestions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px}.wcw-suggestion{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font-size:12.5px;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .15s;font-family:var(--font-sans)}.wcw-suggestion:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary);transform:translate(3px)}.wcw-msg-row{display:flex;flex-direction:column;gap:4px;animation:fadeUp .2s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wcw-msg-row.user{align-items:flex-end}.wcw-msg-row.assistant{align-items:flex-start}.wcw-bubble{max-width:84%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.6;letter-spacing:-.01em}.wcw-msg-row.user .wcw-bubble{background:var(--user-bubble);color:#c8deff;border:1px solid rgba(79,142,247,.25);border-bottom-right-radius:4px}.wcw-msg-row.assistant .wcw-bubble{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.wcw-msg-label{font-size:10.5px;color:var(--text-muted);padding:0 4px;font-family:var(--font-mono)}.wcw-steps{display:flex;flex-direction:column;gap:4px;padding-left:2px}.wcw-step{display:flex;align-items:center;gap:7px;font-size:11.5px;font-family:var(--font-mono);color:var(--text-muted);animation:fadeUp .2s ease forwards}.wcw-step.calling{color:var(--accent)}.wcw-step.done{color:var(--success)}.wcw-step.error{color:#f87171}.wcw-step-icon{font-size:10px}.wcw-step-spinner{width:10px;height:10px;border:1.5px solid var(--accent-dim);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.wcw-typing{display:flex;align-items:center;gap:4px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px 14px 14px 4px;width:fit-content}.wcw-typing span{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:bounce 1.2s ease infinite}.wcw-typing span:nth-child(2){animation-delay:.15s}.wcw-typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.wcw-input-area{padding:12px 14px 16px;border-top:1px solid var(--border);background:var(--bg-base);flex-shrink:0}.wcw-input-row{display:flex;align-items:flex-end;gap:8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:8px 8px 8px 14px;transition:border-color .2s,box-shadow .2s}.wcw-input-row:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.wcw-textarea{flex:1;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-sans);font-size:13.5px;color:var(--text-primary);line-height:1.5;max-height:100px;min-height:22px;overflow-y:auto}.wcw-textarea::placeholder{color:var(--text-muted)}.wcw-textarea::-webkit-scrollbar{width:3px}.wcw-textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.wcw-send-btn{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#4f8ef7,#2563eb);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,transform .15s;color:#fff}.wcw-send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.wcw-send-btn:not(:disabled):hover{transform:scale(1.07)}.wcw-send-btn:not(:disabled):active{transform:scale(.94)}.wcw-input-hint{font-size:10.5px;color:var(--text-muted);margin-top:7px;text-align:center;font-family:var(--font-mono)}.wcw-clear-btn{font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;font-family:var(--font-sans);padding:2px 4px;border-radius:4px;transition:color .15s}.wcw-clear-btn:hover{color:#f87171}@media(max-width:480px){.wcw-panel{width:calc(100vw - 24px);right:12px;bottom:88px;height:70vh}.wcw-fab{bottom:20px;right:16px}}.wcw-error-bubble{display:flex;gap:10px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:12px 12px 12px 4px;padding:10px 13px;max-width:88%}.wcw-error-icon{font-size:15px;flex-shrink:0;margin-top:1px}.wcw-error-title{font-size:12.5px;font-weight:600;color:#f87171;margin-bottom:2px}.wcw-error-text{font-size:12px;color:var(--text-secondary);line-height:1.5}.wcw-error-link{color:var(--accent);text-decoration:none;font-size:11.5px;margin-top:5px;display:inline-block;font-family:var(--font-mono)}.wcw-error-link:hover{text-decoration:underline}.wcw-error-hint{font-size:11px;color:var(--text-muted);margin-top:5px;font-family:var(--font-mono)}*{color:var(--neutral-0)}