*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Inter,-apple-system,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;background:#111}input,button,textarea,select{font-family:inherit;outline:none}button{cursor:pointer;border:none;background:none}.device-wrap{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f3ef}.device-frame{width:100%;height:100%;max-width:430px;overflow:hidden;position:relative;background:#f5f3ef}.status-bar{height:max(64px,env(safe-area-inset-top,0px) + 44px);flex-shrink:0;position:relative;z-index:5}.screen{height:100%;overflow-y:auto;overflow-x:hidden;background:#f5f3ef;-webkit-overflow-scrolling:touch;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.glass{background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.35)}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 20px #0000000f}.tab-bar{position:absolute;bottom:0;left:0;right:0;height:82px;display:flex;align-items:flex-start;justify-content:space-around;padding-top:10px;z-index:50}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 12px;transition:transform .15s}.tab-item:active{transform:scale(.9)}.tab-label{font-size:10px;font-weight:400;color:#ababab}.tab-label.active{font-weight:600;color:#ff5733}.property-card{border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s}.property-card:active{transform:scale(.97)}.card-photo{width:100%;position:relative;overflow:hidden}.card-photo>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.source-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:600;color:#fff;letter-spacing:.3px;white-space:nowrap}.source-pill.big{font-size:12px;padding:4px 12px}.metro-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.btn-accent{width:100%;height:54px;border-radius:14px;background:#ff5733;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 24px #ff57334d;transition:transform .15s}.btn-accent:active{transform:scale(.97)}.btn-secondary{width:100%;height:48px;border-radius:14px;background:#f5f3ef;color:#1a1a1a;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s}.btn-secondary:active{transform:scale(.97)}.btn-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chip{padding:10px 18px;border-radius:50px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.chip-sm{padding:7px 14px;border-radius:50px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.chip-off{background:#f5f3ef;color:#6b6b6b}.chip-accent{background:#ff5733;color:#fff;font-weight:700}.chip-olive{background:#8b9a6b;color:#fff}.chip-dark{background:#1a1a1a;color:#fff;font-weight:700}.chip-outline{background:transparent;color:#1a1a1a;border:1.5px solid #E8E5E0}.tag-pill{padding:6px 12px;border-radius:20px;background:#ff573314;font-size:12px;font-weight:500;color:#1a1a1a}.toggle-track{width:50px;height:28px;border-radius:14px;position:relative;cursor:pointer;transition:background .25s;flex-shrink:0}.toggle-track.on{background:#ff5733}.toggle-track.off{background:#d5d5d5}.toggle-thumb{width:24px;height:24px;border-radius:50%;background:#fff;position:absolute;top:2px;box-shadow:0 1px 4px #0003;transition:left .25s cubic-bezier(.4,0,.2,1)}.form-input{width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid #E8E5E0;background:#fff;font-size:16px;color:#1a1a1a;transition:border-color .2s}.form-input:focus{border-color:#ff5733}.form-input::placeholder{color:#ababab}.form-label{font-size:13px;font-weight:700;color:#1a1a1a;display:block;margin-bottom:8px}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.slide-up{animation:slideUp .4s cubic-bezier(.22,1,.36,1)}.fade-in{animation:fadeIn .3s ease}.divider{height:1px;background:#e8e5e0}.bottom-bar{flex-shrink:0;padding:12px 20px 34px;z-index:10}.home-indicator{display:none}.monitoring-banner{border-radius:16px;padding:16px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d 60%,#3a3530);position:relative;overflow:hidden}.monitoring-banner .glow{position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,87,51,.25),transparent 70%)}.search-card{border-radius:18px;padding:18px;background:#fff;box-shadow:0 2px 16px #0000000d;transition:transform .2s;position:relative;overflow:hidden}.search-card:active{transform:scale(.98)}.quiz-option{padding:16px 20px;border-radius:16px;border:2px solid #E8E5E0;background:#fff;font-size:16px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s;text-align:left;width:100%}.quiz-option:active{transform:scale(.98)}.quiz-option.selected{border-color:#ff5733;background:#ff57330f;font-weight:700;color:#ff5733}.progress-bar{height:3px;background:#e8e5e0;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#ff5733;border-radius:2px;transition:width .4s cubic-bezier(.22,1,.36,1)}.view-toggle{display:flex;background:#f5f3ef;border-radius:12px;padding:3px;gap:2px}.view-toggle-btn{flex:1;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;color:#9a9a9a}.view-toggle-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 4px #00000014}.map-full{width:100%;height:100%}.drag-sheet{position:absolute;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0000001a;z-index:40;display:flex;flex-direction:column;overflow:hidden;background:#ffffffeb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.drag-handle{cursor:grab;padding:10px 0 6px;flex-shrink:0;display:flex;justify-content:center}.drag-handle-bar{width:36px;height:4px;border-radius:2px;background:#0000001f}.source-toggle{padding:14px 16px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;border:1.5px solid transparent}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#ff5733;border:3px solid #fff;box-shadow:0 2px 8px #ff57334d;cursor:pointer}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#ff5733;border:3px solid #fff;box-shadow:0 2px 8px #ff57334d;cursor:pointer}.empty-state{text-align:center;padding:60px 30px}.empty-state-icon{width:64px;height:64px;border-radius:50%;background:#ff573314;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}