.managebar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:rgba(235,240,248,0.82);border-bottom:1px solid rgba(0,0,0,0.06);align-items:center;}.pill{background:#ffffff;border:1px solid #d0d7e0;padding:6px 10px;border-radius:999px;font-weight:700;color:#2c3e50;white-space:nowrap;display:flex;align-items:center;gap:8px;}.pill small{font-weight:600;color:#7a8a9a;}.gustIcon{width:16px;height:0;border-top:3px dashed #e53935;display:inline-block;transform:translateY(1px);}.waveDot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(0,0,0,0.15);display:inline-block;}.aqiDot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(0,0,0,0.15);display:inline-block;}.managecard{width:100%;max-width:1180px;border:1px solid rgba(0,0,0,0.08);border-radius:14px;background:#ffffff;padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;}.manage-left{display:flex;flex-direction:column;gap:5px;}.manage-title{font-weight:700;color:#1a2a3a;font-size:1.05em;letter-spacing:0.01em;display:flex;align-items:center;gap:8px;}.map-edit-btn{background:#3498db;color:white;border:none;border-radius:8px;width:32px;height:32px;font-size:1.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0;flex-shrink:0;}.map-edit-btn:hover{background:#2980b9;transform:scale(1.05);}.map-edit-btn:active{transform:scale(0.95);}.manage-sub{font-weight:600;color:#6a8aaa;font-size:0.86em;}.manage-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}.manage-left-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1 1 auto;min-width:0;}.manage-actions-left{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start;}.data-frame{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;border:2px solid;background:#fff;min-width:fit-content;}.wind-frame{border-color:rgba(255,68,0,0.20);background:#fff;}.wave-frame{border-color:rgba(19,79,142,0.20);background:#fff;}.conditions-frame{border-color:rgba(254,179,62,0.30);background:#fff;}.frame-label{font-weight:800;font-size:0.9em;color:#444;text-align:center;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,0.06);letter-spacing:0.02em;}.wind-frame .frame-label{color:#cc3300;}.wave-frame .frame-label{color:#134f8e;}.conditions-frame .frame-label{color:#c07a00;}.frame-content{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}.frame-content .pill{background:#f5f7fa;border:1px solid rgba(0,0,0,0.08);color:#1a1a1a;}.data-frames-outer{width:100%;max-width:100%;border:1px solid rgba(0,0,0,0.06);border-radius:18px;background:rgba(245,248,252,0.88);padding:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:flex-start;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;justify-content:flex-start !important;}.selected-frame{width:100%;border:1.5px solid rgba(52,152,219,0.25);border-radius:14px;background:linear-gradient(135deg,#f0f7ff 0%,#e8f2fc 100%);padding:10px 14px 12px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;}.sel-name-row{display:flex;align-items:center;justify-content:center;gap:7px;}.sel-name{font-size:1.1em;font-weight:800;color:#1a2a3a;letter-spacing:0.01em;}.sel-logo-btn{height:60px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.15));flex-shrink:0;opacity:0.9;transition:opacity 0.15s,transform 0.15s;}.sel-logo-btn:hover{opacity:1;transform:scale(1.1);}.sel-sub-row{font-size:0.84em;font-weight:600;color:#5a7a9a;min-height:1.1em;}.sel-btn-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:4px;}.sel-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 14px;border-radius:20px;border:1.5px solid rgba(52,152,219,0.28);background:rgba(255,255,255,0.85);color:#2a4a6a;font-size:0.88em;font-weight:700;cursor:pointer;transition:background 0.15s,transform 0.1s;white-space:nowrap;}.sel-btn:hover{background:rgba(52,152,219,0.12);transform:scale(1.04);}.sel-btn:active{transform:scale(0.97);}.windmill-btn-icon{width:26px;height:26px;border-radius:50%;display:block;object-fit:cover;}#camBtn,#dataBtn,#camSetBtn,#calibrateSelBtn{width:36px;height:36px;padding:0;font-size:1.15em;border-radius:50%;}.sel-btn-danger{border-color:rgba(231,76,60,0.28);color:#c0392b;width:36px;height:36px;padding:0;font-size:1.15em;border-radius:50%;}.sel-btn-danger:hover{background:rgba(231,76,60,0.10);}.dir-arrow{display:inline-block;font-size:1.5em;transition:transform 0.3s;line-height:1;}.wave-arrow-pill{color:#16a085;}.wind-frame{min-width:160px;}.wind-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 8px;min-height:140px;gap:6px;}.wind-bg-arrow{position:absolute;font-size:7em;opacity:0.15;color:#cc3300;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;pointer-events:none;transition:transform 0.6s ease;user-select:none;z-index:0;}.wind-circle{position:relative;z-index:1;width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg,#fff5f2,#ffe8e0);border:3px solid rgba(255,68,0,0.25);box-shadow:0 4px 20px rgba(255,68,0,0.12),inset 0 1px 3px rgba(255,255,255,0.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;}.wind-circle-value{font-size:2em;font-weight:800;color:#cc3300;line-height:1;letter-spacing:-0.03em;}.wind-circle-unit{font-size:0.58em;font-weight:700;color:#aa5533;text-transform:uppercase;letter-spacing:0.05em;line-height:1;}.wind-circle-dir{font-size:0.72em;font-weight:800;color:#883300;line-height:1;margin-top:2px;}.wind-gust-badge{position:relative;z-index:1;display:flex;align-items:baseline;gap:3px;background:rgba(255,68,0,0.08);border:1px solid rgba(255,68,0,0.18);border-radius:20px;padding:3px 10px;}.wind-gust-label{font-size:0.58em;font-weight:800;color:#cc5500;letter-spacing:0.08em;}.wind-gust-val{font-size:1.1em;font-weight:800;color:#cc3300;}.wind-gust-unit{font-size:0.65em;font-weight:700;color:#aa5533;}.wind-temp{font-size:0.75em;font-weight:700;color:#888;position:relative;z-index:1;}.iof-frame{background:rgba(255,255,255,0.45);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1.5px solid rgba(255,255,255,0.5);border-radius:20px;box-shadow:0 4px 16px rgba(0,40,80,0.08);padding:11px;display:flex;flex-direction:column;gap:8px;width:100%;}.iof-title{font-size:0.60em;font-weight:700;letter-spacing:0.11em;text-transform:uppercase;color:#7a9ab8;text-align:center;}.iof-row{display:flex;gap:8px;align-items:stretch;}.iof-tile{background:rgba(255,255,255,0.90);border:1px solid rgba(0,0,0,0.06);border-radius:16px;box-shadow:0 1px 6px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.9);padding:11px 11px 9px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;}.iof-tlbl{font-size:0.57em;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:#8aa4be;}.iof-tval{font-size:1.55em;font-weight:800;color:#0f2a40;line-height:1;letter-spacing:-0.04em;}.iof-tval small{font-size:0.42em;font-weight:600;opacity:0.55;letter-spacing:0;}.iof-tsub{font-size:0.64em;font-weight:600;color:#6a8aaa;line-height:1.2;}.iof-circle-tile{align-items:center;justify-content:center;padding:13px 11px 11px;gap:8px;flex:1;min-height:170px;overflow:visible;}.iof-bg-arrow{position:absolute;width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg);pointer-events:none;user-select:none;z-index:2;transition:transform 0.75s cubic-bezier(.34,1.3,.64,1);opacity:1;}.iof-circle{position:relative;z-index:4;width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;}.iof-circle-inner{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#ffffff,#eef4fb);box-shadow:0 4px 20px rgba(0,80,160,0.10),inset 0 1px 3px rgba(255,255,255,1),inset 0 -2px 6px rgba(0,60,120,0.04);}.iof-c-val{position:relative;z-index:5;font-size:2em;font-weight:800;line-height:1;letter-spacing:-0.05em;}.iof-c-unit{position:relative;z-index:5;font-size:0.50em;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;opacity:0.65;}.iof-c-dir{position:relative;z-index:5;font-size:1.05em;font-weight:800;margin-top:2px;}.iof-wind-tile{background:linear-gradient(145deg,#6a8fad 0%,#8badc8 30%,#a8c4da 70%,#c0d6e6 100%);border-color:rgba(100,150,190,0.5);box-shadow:0 6px 20px rgba(60,100,150,0.25);}.iof-wind-tile::before{content:'';position:absolute;inset:0;border-radius:16px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,0.35),transparent 50%);pointer-events:none;z-index:0;}.iof-wind-tile::after{content:'';position:absolute;inset:0;border-radius:16px;pointer-events:none;z-index:1;opacity:0.7;background:radial-gradient(ellipse 60px 30px at 15% 80%,#fff,transparent),radial-gradient(ellipse 45px 22px at 30% 73%,rgba(255,255,255,0.9),transparent),radial-gradient(ellipse 70px 32px at 80% 20%,#fff,transparent),radial-gradient(ellipse 42px 20px at 90% 30%,rgba(255,255,255,0.85),transparent),radial-gradient(ellipse 55px 26px at 10% 25%,rgba(255,255,255,0.9),transparent),radial-gradient(ellipse 48px 24px at 60% 82%,rgba(255,255,255,0.8),transparent),radial-gradient(ellipse 35px 18px at 50% 15%,rgba(255,255,255,0.6),transparent);}.iof-wind-tile .iof-circle-inner{background:linear-gradient(145deg,rgba(255,255,255,0.35),rgba(210,225,240,0.2));border:1.5px solid rgba(255,255,255,0.4);box-shadow:0 4px 20px rgba(0,40,80,0.06),inset 0 1px 3px rgba(255,255,255,0.3);}.iof-wind-tile .iof-c-val{color:#2c4a6a;text-shadow:0 1px 3px rgba(255,255,255,0.6);}.iof-wind-tile .iof-c-unit{color:rgba(60,90,120,0.65);}.iof-wind-tile .iof-c-dir{color:#3a6080;}.iof-tile-label{position:absolute;top:6px;left:0;right:0;text-align:center;font-size:0.62em;font-weight:800;letter-spacing:0.06em;z-index:5;}.iof-wind-label{color:#5a7a95;}.iof-wave-label{color:rgba(255,255,255,0.9);}.iof-wave-tile{background:linear-gradient(145deg,#0d47a1 0%,#1565c0 40%,#1e88e5 100%);border-color:rgba(13,71,161,0.3);box-shadow:0 6px 24px rgba(13,71,161,0.30);}.iof-wave-tile::before{content:'';position:absolute;inset:0;border-radius:16px;background:radial-gradient(circle at 30% 80%,rgba(255,255,255,0.08),transparent 60%);pointer-events:none;z-index:0;}.iof-wave-tile .iof-circle-inner{background:linear-gradient(145deg,rgba(255,255,255,0.22),rgba(255,255,255,0.08));border:2px solid rgba(255,255,255,0.30);box-shadow:0 4px 20px rgba(0,0,0,0.12),inset 0 1px 3px rgba(255,255,255,0.3);}.iof-wave-tile .iof-c-val{color:#fff;text-shadow:0 2px 8px rgba(0,30,80,0.3);}.iof-wave-tile .iof-c-unit{color:rgba(255,255,255,0.85);}.iof-wave-tile .iof-c-dir{color:rgba(255,255,255,0.9);}.iof-badge{position:relative;z-index:4;display:flex;align-items:baseline;gap:3px;border-radius:50px;padding:3px 11px;}.iof-wind-badge{background:rgba(60,90,130,0.12);border:1px solid rgba(60,90,130,0.22);}.iof-wave-badge{background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.35);}.iof-badge-lbl{font-size:0.53em;font-weight:800;letter-spacing:0.09em;text-transform:uppercase;}.iof-badge-val{font-size:1.05em;font-weight:800;}.iof-badge-u{font-size:0.57em;font-weight:700;opacity:0.85;}.iof-wind-badge .iof-badge-lbl,.iof-wind-badge .iof-badge-u{color:rgba(60,90,120,0.65);}.iof-wind-badge .iof-badge-val{color:#2c4a6a;}.iof-wave-badge .iof-badge-lbl,.iof-wave-badge .iof-badge-u{color:rgba(255,255,255,0.85);}.iof-wave-badge .iof-badge-val{color:#fff;}.iof-wave-scores-col{display:flex;flex-direction:column;gap:6px;justify-content:center;}.iof-ws{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 10px;border-radius:14px;background:linear-gradient(145deg,#0d47a1,#1565c0);border:1px solid rgba(30,100,200,0.4);box-shadow:0 3px 14px rgba(13,71,161,0.28);}.iof-ws-ico{font-size:1.1em;line-height:1;}.iof-ws-val{font-size:1.35em;font-weight:800;color:#fff;line-height:1;text-shadow:0 1px 4px rgba(0,30,80,0.3);letter-spacing:-0.03em;}.iof-ws-lbl{font-size:0.5em;font-weight:700;color:rgba(180,210,255,0.85);text-transform:uppercase;letter-spacing:0.05em;}.iof-score-col{display:flex;flex-direction:column;gap:8px;}.iof-score-tile{align-items:center;justify-content:center;gap:2px;padding:9px 10px;flex:1;min-width:54px;}.iof-score-ico{font-size:1.25em;line-height:1;}.iof-score-num{font-size:1.4em;font-weight:800;line-height:1;letter-spacing:-0.03em;color:#1a3a5a;}.iof-score-lbl{font-size:0.52em;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:#8aa4be;}.cond-frame{background:linear-gradient(145deg,rgba(255,255,255,0.92),rgba(245,250,255,0.85));}.iof-cond-row{display:flex;gap:6px;align-items:stretch;flex-wrap:wrap;}.iof-cond-cell{flex:1 1 0;min-width:80px;flex-direction:row !important;align-items:center !important;gap:7px !important;padding:8px 10px !important;overflow:hidden;}.iof-cond-cell .iof-tval{font-size:1.3em;}.iof-cond-cell .iof-vis-val{font-size:1.05em !important;}.iof-cond-data{display:flex;flex-direction:column;gap:1px;min-width:0;}@media (max-width:420px){.iof-cond-row{flex-wrap:wrap;}.iof-cond-cell{min-width:calc(50% - 4px);flex:1 1 calc(50% - 4px);}}.iof-sun-strip{display:flex;align-items:center;justify-content:space-around;background:linear-gradient(90deg,rgba(255,230,80,0.45) 0%,rgba(255,160,30,0.30) 40%,rgba(180,60,20,0.22) 75%,rgba(80,20,80,0.18) 100%);border:1px solid rgba(220,130,0,0.22);border-radius:14px;padding:10px 8px;box-shadow:0 1px 6px rgba(200,100,0,0.10);}.iof-sun-col{display:flex;flex-direction:column;align-items:center;gap:2px;}.iof-sun-t{font-size:1em;font-weight:800;color:#7a5800;letter-spacing:-0.02em;}.iof-sun-l{font-size:0.52em;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:#aa7800;}.iof-sun-sep{width:1px;height:24px;background:rgba(180,130,0,0.12);}.iof-sun-icon{width:28px;height:28px;flex-shrink:0;}.iof-thermo-svg{flex-shrink:0;}.iof-air-tile{background:linear-gradient(145deg,#fff8f5,#fff0e8);border-color:rgba(255,100,40,0.12);}.iof-water-tile{background:linear-gradient(145deg,#f0f8ff,#e4f0fc);border-color:rgba(33,150,243,0.12);}.iof-air-tile::after{content:'';position:absolute;width:50px;height:50px;border-radius:50%;top:-14px;right:-14px;background:#ff6d3b;opacity:0.07;pointer-events:none;}.iof-water-tile::after{content:'';position:absolute;width:50px;height:50px;border-radius:50%;top:-14px;right:-14px;background:#2196f3;opacity:0.06;pointer-events:none;}.iof-sky-tile{background:linear-gradient(145deg,#f5faff,#eaf2fc);border-color:rgba(100,180,246,0.12);}.iof-sky-tile::after{content:'';position:absolute;width:50px;height:50px;border-radius:50%;top:-14px;right:-14px;background:#64b5f6;opacity:0.06;pointer-events:none;}.iof-cloud-lbl{font-size:0.74em;font-weight:700;color:#4a7096;margin-top:1px;}.iof-aqi-tile{background:linear-gradient(145deg,#f4fff4,#eafaea);border-color:rgba(52,199,89,0.12);}.iof-aqi-tile::before{content:'';position:absolute;inset:0;border-radius:16px;background:radial-gradient(circle at 85% 50%,var(--aqi-glow,#34c759),transparent 52%);opacity:0.08;pointer-events:none;z-index:0;}.iof-aqi-info{display:flex;flex-direction:column;gap:2px;flex:1;position:relative;z-index:1;}.iof-aqi-lbl{font-size:0.88em;font-weight:700;line-height:1;}