:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d1b2a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}:root{--bg-deep: #020b1c;--bg-gradient: linear-gradient(135deg, #0b1026 0%, #2b1026 100%);--festive-red: #ff3b3b;--festive-red-glow: rgba(255, 59, 59, .4);--festive-green: #00ff9d;--festive-green-glow: rgba(0, 255, 157, .4);--festive-gold: #ffcc00;--festive-gold-glow: rgba(255, 204, 0, .4);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:url(/background-image.png) no-repeat center center;background-size:cover;filter:blur(20px);z-index:-2;transform:scale(1.1)}body:after{content:"";position:fixed;inset:0;background:#020b1cbf;z-index:-1}.app-compact{height:100vh;display:flex;flex-direction:column;position:relative}.snowflakes{position:fixed;inset:0;pointer-events:none;z-index:0}.snowflake{position:absolute;top:-20px;color:#fff;font-size:1.5em;opacity:.8;text-shadow:0 0 5px white;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-20px) rotate(0) translate(0);opacity:0}10%{opacity:.8}to{transform:translateY(105vh) rotate(360deg) translate(20px);opacity:0}}.snowflake:nth-child(odd){animation-duration:8s}.snowflake:nth-child(2n){animation-duration:12s;animation-direction:reverse}.snowflake:nth-child(1){left:10%;animation-delay:0s}.snowflake:nth-child(2){left:20%;animation-delay:2s}.snowflake:nth-child(3){left:30%;animation-delay:4s}.snowflake:nth-child(4){left:40%;animation-delay:1s}.snowflake:nth-child(5){left:50%;animation-delay:3s}.snowflake:nth-child(6){left:60%;animation-delay:5s}.snowflake:nth-child(7){left:70%;animation-delay:2s}.snowflake:nth-child(8){left:80%;animation-delay:4s}.snowflake:nth-child(9){left:90%;animation-delay:1s}.snowflake:nth-child(10){left:15%;animation-delay:3.5s}.main-grid{display:grid;grid-template-columns:420px 1fr;gap:24px;padding:24px;height:100%;position:relative;z-index:1}.left-column{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--glass-shadow);overflow:hidden}.compact-header{text-align:center}.compact-header h1{font-size:2em;margin-bottom:15px;font-weight:800;background:linear-gradient(to right,#fff,var(--festive-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(255,204,0,.2)}.search-compact{position:relative}.search-compact form{position:relative;display:flex;width:100%}.airport-input-compact{width:100%;padding:12px 40px 12px 16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;font-size:1em;transition:all .3s ease}.airport-input-compact:focus{outline:none;border-color:var(--festive-gold);box-shadow:0 0 15px var(--festive-gold-glow)}.search-btn-compact{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2em;cursor:pointer;transition:transform .2s;color:var(--text-primary);padding:0;display:flex;align-items:center;justify-content:center;height:100%}.search-btn-compact:hover{transform:translateY(-50%) scale(1.1)}.current-airport-compact{margin-top:8px;font-size:.9em;color:var(--festive-gold);text-transform:uppercase;letter-spacing:1px;font-weight:600}.instructions-compact{background:#ffffff0d;border-radius:var(--radius-md);padding:12px;font-size:.85em;border:1px solid rgba(255,255,255,.05)}.gesture-hints{display:flex;justify-content:space-between;margin-top:6px;font-weight:500;color:var(--text-secondary)}.flight-list-compact{flex:1;overflow-y:auto;padding-right:4px}.flights-container-compact{display:flex;flex-direction:column;gap:12px}.flight-card-compact{background:#ffffff08;border:1px solid transparent;border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.flight-card-compact:hover{background:#ffffff12;transform:translateY(-2px)}.flight-card-compact.selected{background:linear-gradient(135deg,#ffcc001a,#ffcc0005);border-color:var(--festive-gold);box-shadow:0 4px 20px var(--festive-gold-glow)}.flight-card-compact.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--festive-gold)}.flight-row{display:flex;justify-content:space-between;margin-bottom:8px}.flight-number-compact{font-size:1.1em;font-weight:700;color:#fff}.status-badge{font-size:.75em;padding:4px 8px;border-radius:20px;font-weight:600;text-transform:uppercase}.status-badge.landed{background:var(--festive-green);color:#000}.status-badge.airborne{background:#4facfe;color:#000}.flight-details-compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.85em}.label-compact{color:var(--text-secondary);margin-right:6px}.value-compact{color:#fff;font-weight:500}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff6}.right-column{display:flex;flex-direction:column;gap:20px;height:100%}.map-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px;border-radius:var(--radius-lg);border:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.map-header h2{font-size:1.2em;margin:0;color:var(--text-secondary)}.selected-flight-info{text-align:right}.flight-callsign{font-size:1.4em;font-weight:800;color:var(--festive-gold)}.flight-origin{font-size:.9em;color:var(--text-secondary)}.flight-map-container{flex:1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;min-height:400px}.map-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:1.1em}.hand-tracker-corner{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.camera-select-dropdown{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid var(--glass-border);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8em;outline:none;cursor:pointer;max-width:200px}.camera-select-dropdown:hover{border-color:var(--festive-gold)}.video-container-corner{width:280px;height:210px;background:#000;border-radius:var(--radius-md);overflow:hidden;border:3px solid transparent;box-shadow:0 10px 40px #00000080;position:relative;transition:border-color .3s}.video-feed-corner,.gesture-canvas-corner{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.permission-btn-small{width:60px;height:60px;border-radius:50%;background:var(--festive-gold);border:none;font-size:1.5em;cursor:pointer;box-shadow:0 0 20px var(--festive-gold-glow);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffcc00b3}70%{box-shadow:0 0 0 15px #fc00}to{box-shadow:0 0 #fc00}}.gesture-indicator-corner{position:fixed;bottom:240px;right:24px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 20px;display:flex;align-items:center;gap:12px;z-index:999;box-shadow:var(--glass-shadow);animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.gesture-icon-small{font-size:1.5em;filter:drop-shadow(0 0 5px currentColor)}.gesture-action-small{font-size:.95em;font-weight:600;color:#fff}.loading-compact,.error-compact,.no-flights-compact{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}.error-compact{color:var(--festive-red);border:1px solid var(--festive-red);border-radius:var(--radius-md);background:#ff3b3b0d}@media(max-width:1000px){.main-grid{grid-template-columns:1fr}.left-column{height:40vh}.video-container-corner{width:200px;height:150px}}.flight-map{width:100%;height:100%;border-radius:10px;min-height:400px}.creator-footer{position:fixed;bottom:0;left:0;width:100%;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;text-align:left;z-index:50;border-top:1px solid rgba(255,255,255,.1)}.creator-footer a{color:var(--festive-gold);text-decoration:none;font-size:.85em;font-weight:500;transition:all .3s ease;display:inline-block}.creator-footer a:hover{color:#fff;text-shadow:0 0 10px var(--festive-gold-glow);transform:translate(2px)}