@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Biome;src:url(/fonts/biome-w01-regular.woff2) format("woff2"),url(/fonts/biome-w01-regular.woff) format("woff"),url(/fonts/biome-w01-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--gold: #F3921E;--gold2: #F7A94A;--gold3: rgba(243, 146, 30, .16);--gold4: rgba(243, 146, 30, .07);--navy: #070511;--navy2: #FFFFFF;--navy3: #F1F1F3;--navy4: #F1F1F3;--navy5: #0C0A16;--border: rgba(20, 20, 20, .08);--border2: rgba(20, 20, 20, .04);--border-chrome: rgba(255, 255, 255, .08);--text: #1A1916;--text2: #5C5851;--text3: #8E8E93;--page-text: #F4F3F7;--page-text2: #A8A6B4;--page-text3: #6E6B7D;--surface-text: var(--page-text);--surface-text2: var(--page-text2);--surface-text3: var(--page-text3);--ink: 244 243 247;--ink-2: 168 166 180;--ink-3: 110 107 125;--ink-mute: 74 72 86;--green: #2BA85A;--red: #D94B3A;--blue: #4674B3;--head: "Biome", -apple-system, BlinkMacSystemFont, sans-serif;--body: "Biome", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "Biome", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input,select,textarea,button{font-family:inherit}html,body{height:100%;color:var(--page-text);font-family:var(--body);overflow-x:hidden;scrollbar-gutter:stable;background-color:var(--navy);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed;min-height:100vh}#root{min-height:100vh}.res-page{min-height:100vh;background:transparent;padding:28px 18px 88px;max-width:480px;margin:0 auto}.res-page-auth{min-height:100vh;background:transparent;padding:32px 18px;display:flex;flex-direction:column;align-items:center;max-width:480px;margin:0 auto}.res-brand{font-family:var(--head);font-weight:800;font-size:36px;letter-spacing:.08em;text-transform:uppercase;color:var(--surface-text);text-align:center;line-height:1;margin-bottom:4px}.res-brand-sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--surface-text3);text-align:center;margin-bottom:24px}.res-eyebrow{font-size:10px;color:var(--surface-text3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.res-title{font-family:var(--head);font-size:26px;font-weight:700;color:var(--surface-text);letter-spacing:.02em;margin-bottom:4px;line-height:1.1}.res-sub{font-size:13px;color:var(--surface-text2);margin-bottom:18px;line-height:1.5}.res-card,.res-card-mute,.res-stat-card,.res-modal{color:var(--text);--surface-text: var(--text);--surface-text2: var(--text2);--surface-text3: var(--text3);--ink: 26 25 22;--ink-2: 92 88 81;--ink-3: 142 142 147;--ink-mute: 168 163 154}.res-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px;box-shadow:0 1px 3px #0006}.res-card-mute{background:var(--navy2);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.res-btn-primary{width:100%;padding:13px 18px;background:var(--text);color:#f4f3f7;font-family:var(--head);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:999px;cursor:pointer;transition:opacity .15s}.res-btn-primary:hover{opacity:.85}.res-btn-primary:disabled{opacity:.4;cursor:not-allowed}.res-btn-ghost{width:100%;padding:12px 18px;background:transparent;color:var(--page-text);font-family:var(--body);font-size:13px;letter-spacing:.04em;border:1px solid var(--border-chrome);border-radius:999px;cursor:pointer;transition:background .15s}.res-btn-ghost:hover{background:#ffffff0f}.res-btn-accent{padding:10px 18px;background:var(--gold);color:#fff;font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:999px;cursor:pointer}.res-btn-accent:hover{background:var(--gold2)}.res-btn-secondary{padding:10px 18px;background:var(--navy2);color:var(--text);font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .15s,opacity .15s}.res-btn-secondary:hover{background:var(--navy3)}.res-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.res-input{width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--body);font-size:15px;padding:12px 14px;outline:none;transition:border-color .15s;box-sizing:border-box}.res-input:focus{border-color:var(--gold)}.res-input-center{text-align:center;font-family:var(--mono);font-size:18px;letter-spacing:.14em}.res-flabel{display:block;font-size:10px;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;margin-top:14px}.res-flabel:first-child{margin-top:0}.res-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-family:var(--mono);padding:3px 9px;border-radius:20px}.res-chip-green{background:#2ba85a1f;color:var(--green);border:1px solid rgba(43,168,90,.2)}.res-chip-red{background:#d94b3a1f;color:var(--red);border:1px solid rgba(217,75,58,.2)}.res-chip-gold{background:var(--gold3);color:var(--gold);border:1px solid rgba(220,79,38,.2)}.res-chip-gray{background:var(--navy4);color:var(--text2);border:1px solid var(--border)}.res-error{background:#d94b3a1a;border:1px solid rgba(217,75,58,.25);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--red);margin:12px 0}.res-hint{font-size:12px;color:var(--text3);margin-top:10px}.res-stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:0 1px 3px #0006}.res-stat-value{font-family:var(--head);font-size:32px;font-weight:700;color:var(--text);line-height:1}.res-stat-label{font-size:10px;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-top:6px}.res-tabs{display:flex;background:#ffffff0f;border:1px solid var(--border-chrome);border-radius:999px;padding:4px;margin-bottom:20px;backdrop-filter:blur(8px)}.res-tab{flex:1;padding:9px 0;background:transparent;border:none;border-radius:999px;color:var(--page-text2);font-family:var(--head);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s}.res-tab.active{background:#fff;color:var(--text)}.res-modal-overlay{position:fixed;inset:0;background:#14141473;backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100}.res-modal{background:#fff;border-radius:20px 20px 0 0;padding:24px 20px 32px;width:100%;max-width:480px;box-shadow:0 -8px 32px #1414141f}.res-modal-overlay-center{align-items:center;padding:24px}.res-saved-popup{background:#fff;border-radius:20px;padding:28px 36px;text-align:center;box-shadow:0 16px 48px #14141438;animation:res-pop-in .22s ease-out}.res-saved-check{width:56px;height:56px;border-radius:50%;background:#16a34a;color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.res-saved-title{font-family:var(--head);font-weight:700;font-size:17px;color:#141414}@keyframes res-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.res-saved-popup{animation:none}}.res-bottomnav{position:fixed;bottom:0;left:0;right:0;background:#0c0a16d1;backdrop-filter:blur(14px);border-top:1px solid var(--border-chrome);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0));display:flex;justify-content:space-around;z-index:50}.res-bottomnav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:6px 16px;cursor:pointer;color:var(--page-text3);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--head);font-weight:600}.res-bottomnav-item.active{color:var(--page-text)}.res-bottomnav-item.active .res-bottomnav-icon{color:var(--gold)}.res-bottomnav-icon{font-size:22px}.res-nav-badge{position:absolute;top:-5px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--gold);color:#1a1916;font-size:9px;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box}[dir=rtl] body{text-align:right}[dir=rtl] .res-bottomnav{flex-direction:row-reverse}[dir=rtl] .res-eyebrow,[dir=rtl] .res-title,[dir=rtl] .res-sub{text-align:right}.res-mockup-header{padding:14px 24px 8px;display:flex;justify-content:space-between;align-items:center}.res-mockup-logo{font-family:var(--head);font-size:20px;font-weight:800;letter-spacing:.04em;color:var(--page-text);position:relative}.res-mockup-logo span{color:var(--gold)}.res-mockup-logo:after{content:"";position:absolute;bottom:-4px;left:0;width:26px;height:2px;background:var(--blue);border-radius:1px;opacity:.7}.res-mockup-headermeta{font-size:11px;color:var(--page-text3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.res-room-info{padding:6px 24px 10px}.res-room-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--page-text2);margin-bottom:4px;font-family:var(--mono)}.res-room-name{font-family:var(--head);font-size:28px;font-weight:700;color:var(--page-text);letter-spacing:-.01em}.res-comfort-hero{padding:12px 24px 10px;margin:0 16px;border-radius:24px;background:#fff;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;isolation:isolate;transition:background .8s ease,border-color .8s ease}.res-comfort-hero.day{background:linear-gradient(180deg,#aed9ff,#cfe7ff 48%,#eef7ff)}.res-comfort-hero.night{background:radial-gradient(1.4px 1.4px at 18% 22%,rgba(255,255,255,.9) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 82% 28%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 70% 72%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 30% 78%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 50% 10%,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 8% 55%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 92% 60%,rgba(255,255,255,.7) 50%,transparent 51%),linear-gradient(180deg,#0b1026,#131a3a 60%,#1b2350);border-color:#ffffff1f}.res-comfort-hero.night .res-comfort-label{color:#f4f7ff}.res-comfort-hero.night .res-comfort-sub{color:#9aa4ca}.res-icon-wrap{width:170px;height:170px;position:relative;display:flex;align-items:center;justify-content:center;transform:scale(.64);transform-origin:center;margin:-28px auto -18px}.res-icon-inner{width:140px;height:140px;position:relative;display:flex;align-items:center;justify-content:center}.pixel-orb{width:100%;height:100%;overflow:visible;animation:po-bob 6s ease-in-out infinite}.pixel-orb.sun{filter:drop-shadow(0 0 5px rgba(255,178,31,.6))}.pixel-orb.moon{filter:drop-shadow(0 0 6px rgba(200,214,255,.45))}.pixel-orb.sun .po-disc{transform-box:fill-box;transform-origin:center;animation:po-glow 4s ease-in-out infinite}.po-rays{transform-box:fill-box;transform-origin:center;animation:po-ray-pulse 2.8s ease-in-out infinite}.po-star{transform-box:fill-box;transform-origin:center;animation:po-twinkle 3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.pixel-orb,.pixel-orb.sun .po-disc,.po-rays,.po-star{animation:none}}@keyframes po-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes po-glow{0%,to{opacity:1}50%{opacity:.9}}@keyframes po-ray-pulse{0%,to{opacity:.82;transform:scale(.93)}50%{opacity:1;transform:scale(1.07)}}@keyframes po-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.12)}}.ppi{overflow:visible;display:block}.ppi-owl-lids{opacity:0;animation:ppi-blink 4.6s steps(1,end) infinite}.ppi .ppi-rays{transform-box:fill-box;transform-origin:center;animation:po-ray-pulse 2.8s ease-in-out infinite}@keyframes ppi-blink{0%,91%{opacity:0}92%,96%{opacity:1}97%,to{opacity:0}}.res-hero-profile{position:absolute;top:10px;right:12px;width:36px;height:36px;z-index:2;display:block;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}.res-hero-profile .ppi{animation:po-bob 5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.ppi-owl-lids,.ppi .ppi-rays,.res-hero-profile .ppi{animation:none}}.res-glass-card{background:#14b8a629;border:1px solid rgba(20,184,166,.45);border-radius:16px;padding:10px 14px 12px;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:var(--page-text)}.res-preset-btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:#14b8a62e;color:var(--page-text);border:1px solid rgba(20,184,166,.45);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);font-size:14px;font-weight:600;font-family:var(--body);cursor:pointer}.res-preset-icon{width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.res-preset-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;border-radius:14px;background:#0c0a16eb;border:1px solid rgba(20,184,166,.45);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 16px 40px #0006;z-index:40}.res-preset-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:transparent;border:none;color:var(--page-text);font-size:14px;font-weight:600;font-family:var(--body);cursor:pointer;text-align:left}.res-preset-item:hover{background:#14b8a629}.res-preset-item.active{background:#14b8a642}.px-sky{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.px-cloud{animation:px-drift 7s ease-in-out infinite alternate}@keyframes px-drift{0%{transform:translate(-1.5px)}to{transform:translate(1.5px)}}.px-fall-rain{animation:px-fall 1.1s linear infinite}.px-fall-snow{animation:px-fall 5s linear infinite}.px-fall-hail{animation:px-fall .8s linear infinite}@keyframes px-fall{0%{transform:translateY(0)}to{transform:translateY(64px)}}.px-flake{animation:px-sway 2.6s ease-in-out infinite alternate}@keyframes px-sway{0%{transform:translate(-1px)}to{transform:translate(1px)}}.px-fog{animation:px-fog-drift 9s ease-in-out infinite alternate}.px-fog-rev{animation-direction:alternate-reverse}@keyframes px-fog-drift{0%{transform:translate(-5px)}to{transform:translate(5px)}}.px-bolt{opacity:0;animation:px-bolt 4.5s steps(1,end) infinite}@keyframes px-bolt{0%,61.9%{opacity:0}62%{opacity:1}66%{opacity:0}70%{opacity:1}75%,to{opacity:0}}.px-flash{opacity:0;animation:px-flash 4.5s linear infinite}@keyframes px-flash{0%,61.9%{opacity:0}62.5%{opacity:.32}66%{opacity:0}70.5%{opacity:.2}75%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.px-cloud,.px-fall-rain,.px-fall-snow,.px-fall-hail,.px-flake,.px-fog,.px-bolt,.px-flash{animation:none}}.res-comfort-label{font-family:var(--head);font-size:26px;font-weight:700;color:var(--text);margin-top:6px}.res-comfort-sub{font-size:11px;color:var(--text3);letter-spacing:.04em;font-family:var(--mono);margin-top:4px}.res-slider-section{padding:22px 16px 8px}.res-slider-labels{display:flex;justify-content:space-between;margin-bottom:12px;padding:0 4px}.res-slider-labels span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);font-family:var(--mono);font-weight:500}.res-slider-labels span.center{color:var(--gold)}.res-slider-track{background:#fff;border-radius:20px;padding:22px 12px;border:1px solid var(--border);position:relative}.res-slider-line{position:absolute;left:24px;right:24px;top:50%;height:2px;background:var(--border);transform:translateY(-50%);z-index:1}.res-slider-fill{position:absolute;top:50%;height:2px;transform:translateY(-50%);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1}.res-slider-dots{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.res-dot{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:var(--mono);font-size:11px;color:var(--text3);font-weight:500}.res-dot.center{background:var(--navy);border-color:var(--text3)}.res-dot.active{background:var(--gold);border-color:var(--gold);color:#fff;transform:scale(1.25);box-shadow:0 4px 16px #f3921e66}.res-dot.cold-active{background:var(--blue);border-color:var(--blue);box-shadow:0 4px 16px #2563eb66}.res-dot.passed{background:var(--gold2);border-color:var(--gold2);color:#fff}.res-dot.cold-passed{background:#6e97c9;border-color:#6e97c9;color:#fff}.res-dot:disabled{cursor:not-allowed}.res-status-box{margin:16px;padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;gap:12px;transition:all .4s ease}.res-status-box.active{background:#f3921e1a;border-color:#f3921e59}.res-status-box.active.cold{background:#2563eb14;border-color:#2563eb4d}.res-status-indicator{width:10px;height:10px;border-radius:50%;background:var(--blue);flex-shrink:0;box-shadow:0 0 10px var(--blue);animation:res-pulse 2.5s ease infinite}.res-status-box.active .res-status-indicator{background:var(--gold);box-shadow:0 0 12px var(--gold)}.res-status-box.active.cold .res-status-indicator{background:var(--blue);box-shadow:0 0 12px var(--blue)}@keyframes res-pulse{0%,to{opacity:1}50%{opacity:.4}}.res-status-text{font-size:13px;color:var(--text2);line-height:1.5}.res-status-text strong{color:var(--text);font-weight:700}.res-toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:#0c0a16eb;color:#f4f3f7;padding:10px 18px;border-radius:100px;font-size:12px;font-weight:500;z-index:30;white-space:nowrap;backdrop-filter:blur(8px);animation:res-toast-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes res-toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.res-mockup{padding:0 0 86px;max-width:480px;margin:0 auto}