@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f6f5f0;--ink:#26352e;--muted:#7c8379;--lcd:#dfe5ce;--green:#4b634c;--line:#dce0d5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b29749;outline-offset:4px}main{max-width:1504px;padding:0 64px;margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:39px;font-weight:700;letter-spacing:-3px;text-decoration:none;color:var(--ink)}.wordmark span{font-size:10px;color:#7f925b;margin-left:5px}.header-right{display:flex;align-items:center;gap:22px}.location{background:none;border:0;font-size:13px;display:flex;gap:10px}.icon-button{background:none;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:22px}.clock-panel{background:var(--lcd);border:1px solid #bdc5aa;border-radius:22px;box-shadow:inset 0 2px 5px #fff8,0 12px 25px -20px #35443088;padding:27px 36px 0;position:relative;overflow:hidden}.clock-panel:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#73815c22 3px)}.panel-top,.panel-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;font-size:10px;letter-spacing:1.8px;color:#53604b}.panel-top{padding-bottom:23px}.instrument{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:38px;align-items:center;padding-bottom:27px}.clock-main{min-width:0}#clock{display:flex;align-items:center;justify-content:center;gap:2%;height:215px}.digit{height:100%;aspect-ratio:.54;position:relative}.seg{position:absolute;background:#a6b08f;opacity:.12}.seg.on{background:#293b2d;opacity:1;filter:drop-shadow(1px 1px 1px #23301d20)}.seg.a,.seg.d,.seg.g{height:8.5%;width:78%;left:11%;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)}.seg.a{top:0}.seg.g{top:45.75%}.seg.d{bottom:0}.seg.b,.seg.c,.seg.e,.seg.f{width:15%;height:42%;clip-path:polygon(50% 0,100% 11%,100% 89%,50% 100%,0 89%,0 11%)}.seg.b{right:0;top:5%}.seg.c{right:0;bottom:5%}.seg.e{left:0;bottom:5%}.seg.f{left:0;top:5%}.colon{width:5%;height:100%;position:relative}.colon:before,.colon:after{content:'';width:50%;aspect-ratio:1;position:absolute;left:25%;border-radius:30%;background:#293b2d;top:31%}.colon:after{top:64%}.clock-bottom{display:flex;align-items:center;justify-content:space-between;font-family:'Space Grotesk',monospace;font-size:25px;letter-spacing:1px;padding-top:25px}.seconds{font:10px 'DM Sans',sans-serif;letter-spacing:1px}.seconds span{font:24px 'Space Grotesk',monospace;margin-right:5px}.weather{border-left:1px solid #a8b49688;padding-left:34px;display:grid;gap:23px}.small-label{font-size:9px;letter-spacing:1.5px;display:block}.weather strong{font-family:'Space Grotesk',monospace;font-size:64px;font-weight:400;line-height:1.13;letter-spacing:-3px}.weather sup{font-size:24px;vertical-align:top;position:relative;top:12px;letter-spacing:-1px;margin-left:3px}.panel-bottom{border-top:1px solid #a8b49666;padding:17px 0;font-size:10px;letter-spacing:.4px}.panel-bottom button{background:none;border:0;font-size:11px}.panel-bottom #sunset{letter-spacing:1px}.sky-section{padding-top:48px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}h1{font-family:'Space Grotesk',sans-serif;font-size:33px;letter-spacing:-1.3px;font-weight:500;margin:9px 0 0}h1 span{margin-left:15px;color:#8b9975}.sky-controls{display:flex;gap:24px;align-items:center;font-size:9px;letter-spacing:1px}.live{display:flex;gap:7px;align-items:center}.live i{width:6px;height:6px;background:#819471;border-radius:50%;box-shadow:0 0 0 4px #81947115}.live.error i{background:#b18b46}.radius-label{display:flex;align-items:center;gap:7px;color:var(--muted)}select{background:transparent;border:0;color:var(--ink);font-size:12px;padding:8px 2px}.sky-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:34px;align-items:start}.radar-wrap{background:#e9ece1;border:1px solid #d9dece;border-radius:15px;padding:23px}.radar{width:100%;aspect-ratio:1;position:relative;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#dce4d166,#e7ecdf);border:1px solid #c6d1b7}.ring{position:absolute;border:1px solid #b9c9ab88;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.r1{width:33.33%;height:33.33%}.r2{width:66.66%;height:66.66%}.r3{width:95%;height:95%;border-style:dashed}.cross{position:absolute;background:#b9c9ab88}.horizontal{top:50%;width:100%;height:1px}.vertical{left:50%;height:100%;width:1px}.compass{position:absolute;font-size:9px;color:#8a967d}.north{top:8px;left:49%}.south{bottom:8px;left:49%}.east{right:10px;top:49%}.west{left:10px;top:49%}.home-dot{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;background:#526a43;border:2px solid #f7f8f1;border-radius:50%;box-shadow:0 0 0 6px #526a4318}.you{position:absolute;top:56%;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1px;white-space:nowrap;color:#7a896b}.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 75%,#829e5e12 95%,#829e5e40);animation:sweep 16s linear infinite}.radar-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#7b8772;margin-top:18px}.radar-plane{position:absolute;background:none;border:0;transform:translate(-50%,-50%);padding:8px;transition:left 1s linear,top 1s linear;color:#45623e;z-index:2}.radar-plane svg{width:22px;height:22px;display:block;filter:drop-shadow(0 2px 2px #314c3d30)}.radar-plane.selected{color:#a86638}.radar-plane small{display:block;font-size:7px;white-space:nowrap;margin-top:3px}.flight-area{min-width:0}.flight-card{border-bottom:1px solid var(--line);padding:18px 0;cursor:pointer;transition:background .2s}.flight-card:first-child{padding-top:3px}.flight-card.selected{background:#e8ecdf66;border-radius:10px;padding-left:15px;padding-right:15px}.flight-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.airline{display:flex;gap:10px;align-items:center;font-size:11px}.airline-mark{min-width:32px;height:26px;background:var(--brand,#657560);color:white;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-style:italic;font-size:11px;padding:0 5px}.flight-distance{font-size:10px;color:var(--muted)}.flight-mid{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px}.callsign{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:25px;letter-spacing:-1px}.route{font:13px 'Space Grotesk',sans-serif;color:#5d6d59}.flight-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:var(--muted)}.plane-art{width:100px;max-height:38px;color:var(--brand,#657560);animation:float 5s ease-in-out infinite}.flight-metrics{display:flex;gap:13px;white-space:nowrap}.feed-footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding-top:17px}.feed-footer button{border:0;background:none;font-size:10px;color:var(--green)}.empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-plane{font-size:32px;color:#819471}h2{font:500 23px 'Space Grotesk',sans-serif;letter-spacing:-.7px;color:var(--ink);margin:12px 0}.empty-state p{font-size:12px;max-width:340px;line-height:1.7;margin:0}.data-note{font-size:10px;line-height:1.7;color:#8d9488;padding-top:16px;margin-bottom:30px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:24px 0 30px;font-size:8px;letter-spacing:1.3px;color:var(--muted)}footer a{color:inherit;letter-spacing:0}.footer-dot{margin:0 10px;color:#bbc1b2}dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);max-width:480px;width:calc(100% - 36px);padding:28px;box-shadow:0 20px 70px #1f302d30}dialog::backdrop{background:#26352e55;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0}.close{border:0;background:none;font-size:26px}dialog p{font-size:12px;color:var(--muted);line-height:1.8}dialog button{border:1px solid var(--line);padding:11px 15px;background:transparent;border-radius:7px;font-size:12px}.primary{background:var(--green);color:white;border-color:var(--green)}.search-row{display:flex;gap:8px;margin-top:20px}input{border:1px solid var(--line);border-radius:7px;background:white;padding:10px;min-width:0;max-width:100%;color:var(--ink)}.search-row input{flex:1}#location-results button{display:block;width:100%;text-align:left;margin-top:8px}#alarm-dialog label{font-size:13px;display:flex;gap:20px;align-items:center}.alarm-actions{display:flex;gap:10px;margin-top:20px}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translate(5px,-3px)}}@media(min-width:1450px){#clock{height:250px}.instrument{grid-template-columns:minmax(0,1fr) 250px}.weather strong{font-size:75px}}@media(max-width:1050px){main{padding:0 32px}.clock-panel{padding:24px 25px 0}.instrument{grid-template-columns:minmax(0,1fr) 170px;gap:25px}#clock{height:170px}.weather{padding-left:25px}.weather strong{font-size:52px}.clock-bottom{font-size:20px}.sky-grid{grid-template-columns:280px minmax(0,1fr);gap:25px}.flight-metrics{gap:7px}.flight-bottom{flex-wrap:wrap}}@media(max-width:700px){main{padding:0 20px}header{height:88px}.wordmark{font-size:34px}.header-right{gap:8px}.location{font-size:11px;gap:5px}.icon-button{width:30px;height:30px}.clock-panel{padding:21px 20px 0;border-radius:17px}.panel-top{font-size:7px;letter-spacing:1px;padding-bottom:23px}.instrument{display:block;padding-bottom:20px}#clock{height:auto;aspect-ratio:2.8}.clock-bottom{font-size:17px;padding-top:15px}.seconds span{font-size:18px}.seconds{font-size:8px}.weather{border-left:0;border-top:1px solid #a8b49666;padding:20px 0 0;margin-top:22px;display:flex;justify-content:space-between;gap:20px}.weather>div{display:flex;align-items:center;gap:10px}.small-label{font-size:7px;letter-spacing:.7px}.weather strong{font-size:34px;letter-spacing:-2px}.weather sup{font-size:15px;top:6px}.panel-bottom{font-size:8px;gap:10px;flex-wrap:wrap;padding:13px 0}.panel-bottom button{font-size:9px}.sky-section{padding-top:33px}.section-heading{align-items:start;gap:15px}h1{font-size:25px;letter-spacing:-1px}.eyebrow{font-size:7px;letter-spacing:1.2px}.sky-controls{flex-direction:column;gap:6px;align-items:end;font-size:8px}.radius-label{font-size:7px}select{font-size:10px}.sky-grid{grid-template-columns:1fr;gap:27px}.radar-wrap{max-width:400px;width:100%;justify-self:center;padding:20px 35px}.radar{max-width:280px;margin:auto}.flight-card{padding:20px 0}.flight-bottom{font-size:10px}.flight-metrics{gap:12px}.data-note{font-size:9px}footer{flex-direction:column;font-size:7px;line-height:1.8}.empty-state{min-height:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}