.cyclone-fields{border:0;padding:0;margin:18px 0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.cyclone-field{display:grid;gap:7px;min-width:0}.cyclone-field label{font-size:12px;font-weight:800;color:var(--muted,#8ea0bd)}.cyclone-field input,.cyclone-field textarea{width:100%;min-height:44px;padding:11px;border:1px solid var(--border,rgba(255,255,255,.15));border-radius:9px;background:var(--bg,#080e1a);color:var(--text,#f0f4ff);font:600 16px Inter,system-ui,sans-serif}.cyclone-field.full{grid-column:1/-1}.cyclone-field textarea{min-height:140px;resize:vertical}.cyclone-dialog{margin:auto;width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:#111b2e;color:#f0f4ff;overflow:auto;box-shadow:0 25px 100px #0009}.cyclone-dialog::backdrop{background:#030914c9;backdrop-filter:blur(6px)}.cyclone-modal{padding:24px}.cyclone-modal h2{font-size:23px;letter-spacing:-.04em}.cyclone-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cyclone-status{font-size:13px;line-height:1.6;color:#93c5fd;white-space:pre-line;margin:12px 0}.cyclone-status:empty{display:none}.cyclone-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.cyclone-browser{margin-top:20px}.cyclone-browser .results-meta{margin-top:20px}.cyclone-browser .searchBar{width:100%}.cyclone-browser .card-name{white-space:normal}.cyclone-submission-state{margin-left:8px;font-size:11px;color:#fbbf24}.cyclone-detail-link{color:var(--accent2,#93c5fd)}
body[data-index-mode=cyclones] .search-section>:not(.view-switch),body[data-index-mode=cyclones] .main>#list,body[data-index-mode=cyclones] .main>.results-meta{display:none!important}
.view-switch{width:min(100%,520px);max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.view-switch-btn{white-space:normal;line-height:1.25}
.cyclone-page{--bg:#080e1a;--surface:#0d1625;--card:#111b2e;--border:rgba(255,255,255,.12);--text:#f0f4ff;--muted:#8ea0bd;--accent:#3b82f6;--accent2:#93c5fd;margin:0;background:radial-gradient(circle at 10% 0%,#142442,transparent 45%),var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,sans-serif;min-height:100vh}.cyclone-page *{box-sizing:border-box}.cyclone-page .topnav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border);background:#080e1aea}.cyclone-page .brand{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:800;text-decoration:none}.cyclone-page .brand img{width:28px;height:28px;border-radius:7px}.cyclone-page .brand span{color:#3b82f6}.cyclone-page .nav-actions{display:flex;gap:8px;flex-wrap:wrap}.cyclone-page .btn,.cyclone-dialog .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid rgba(148,163,184,.25);border-radius:9px;background:#152137;color:#e2eaff;text-decoration:none;font:700 13px Inter,system-ui,sans-serif;cursor:pointer}.cyclone-page .btn-primary,.cyclone-dialog .btn-primary{background:#3b82f6;border-color:#3b82f6;color:white}.cyclone-page .btn:disabled,.cyclone-dialog .btn:disabled{opacity:.5;cursor:wait}.cyclone-page .btn-danger{color:#fca5a5}.cyclone-wrap{width:min(1180px,calc(100% - 32px));margin:28px auto 60px}.cyclone-hero{padding:32px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(120deg,#111b2ef5,#111b2ebd);position:relative;overflow:hidden}.cyclone-hero.has-cover{background-size:cover;background-position:center}.cyclone-hero h1{font-size:clamp(32px,6vw,60px);line-height:1.1;letter-spacing:-.055em;margin:12px 0 24px;overflow-wrap:anywhere}.cyclone-eyebrow{color:#93c5fd;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.15em}.cyclone-stats{display:flex;gap:12px;flex-wrap:wrap}.cyclone-stat{padding:14px 18px;border:1px solid var(--border);border-radius:12px;background:#080e1ade;min-width:140px}.cyclone-stat b{display:block;font-size:26px;line-height:1.3}.cyclone-stat span{font-size:12px;color:var(--muted)}.cyclone-card{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--card);margin-top:18px}.cyclone-card h2,.cyclone-card h3{margin:0 0 12px;font-size:20px;letter-spacing:-.03em}.cyclone-summary{white-space:pre-wrap;overflow-wrap:anywhere}.cyclone-tabs{display:flex;gap:8px;overflow-x:auto;margin-top:22px;scrollbar-width:thin}.cyclone-tabs button{flex:none}.cyclone-tabs button.active{background:#1e3b68;border-color:#60a5fa;color:#fff}.cyclone-upload-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.cyclone-upload-tools input{max-width:100%;font:500 16px Inter,system-ui,sans-serif}.cyclone-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px}.cyclone-media{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#0b1423}.cyclone-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.cyclone-media .media-file{min-height:150px;display:grid;place-items:center;padding:18px;overflow-wrap:anywhere;color:#93c5fd}.cyclone-media-info{padding:12px}.cyclone-media-info p{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin:0 0 8px}.cyclone-media-info .btn{font-size:12px;padding:7px 10px}.cyclone-media-info select{max-width:100%;min-height:44px;background:#0d1625;color:#e2eaff;border:1px solid var(--border);border-radius:8px;font-size:16px}.cyclone-empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.cyclone-bulk{margin:16px 0;padding:14px;border:1px solid #3b82f655;border-radius:12px;background:#3b82f60c}.cyclone-bulk select{min-height:44px;max-width:100%;padding:8px;border:1px solid var(--border);border-radius:8px;background:#0d1625;color:#e2eaff;font-size:16px}.cyclone-admin-heading{font-size:16px;margin:24px 0 12px}.cyclone-owner-tools{margin-top:18px}.cyclone-lightbox{width:min(1200px,calc(100% - 20px));max-height:calc(100dvh - 20px);background:#080e1a;color:#f0f4ff;border:1px solid #52637e;border-radius:12px;padding:14px}.cyclone-lightbox::backdrop{background:#000d}.cyclone-lightbox img{display:block;max-width:100%;max-height:78dvh;margin:12px auto;object-fit:contain}.cyclone-profile-card{margin-top:18px}
.cyclone-profile-card .activity-item{min-width:0;flex-wrap:wrap;gap:8px}.cyclone-profile-card .activity-item a,.cyclone-profile-card .activity-item span{overflow-wrap:anywhere;min-width:0}
.cyclone-category{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;padding:4px 10px;border:1px solid color-mix(in srgb,var(--cyclone-peak-color) 30%,transparent);border-radius:7px;background:color-mix(in srgb,var(--cyclone-peak-color) 10%,transparent);color:var(--cyclone-peak-color);font-size:12px;font-weight:800;line-height:1.5;white-space:nowrap}
.cyclone-heading-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cyclone-stat-peak b{color:var(--cyclone-peak-color)}.cyclone-hero{border-top:3px solid var(--cyclone-peak-color,var(--border))}.cyclone-owner-tools{display:flex;gap:10px;flex-wrap:wrap}.cyclone-owner-estimates{margin-top:22px;padding-top:18px;border-top:1px solid var(--border,rgba(255,255,255,.12))}.cyclone-owner-estimates .cyclone-eyebrow{margin-bottom:10px;color:var(--muted,#8ea0bd);font-size:10px;letter-spacing:.1em}.cyclone-estimate-help{color:var(--muted);font-size:13px;line-height:1.6}
.cyclone-browser .tornado-card{height:auto;min-height:126px}.cyclone-browser .card-top{align-items:center;flex-wrap:wrap}.cyclone-browser .card-name{overflow-wrap:anywhere}.cyclone-browser .cyclone-owner-estimates{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:10px;padding-top:10px}.cyclone-browser .cyclone-owner-estimates .cyclone-eyebrow{margin:0}.cyclone-browser .cyclone-stats{display:flex;flex-wrap:wrap;gap:8px 14px}.cyclone-browser .cyclone-stat{display:flex;gap:6px;align-items:baseline;padding:0;border:0;border-radius:0;background:transparent;min-width:0}.cyclone-browser .cyclone-stat b{font-size:13px;color:var(--text)}.cyclone-browser .cyclone-stat span{font-size:11px;color:var(--muted)}
.cyclone-browser .card-image-wrap{height:auto}.cyclone-browser .card-image-wrap>img,.cyclone-browser .card-image-wrap>video,.cyclone-browser .card-image-placeholder{position:absolute;inset:0}
.cyclone-browser .card-image-wrap>img{filter:brightness(1.12)}
.cyclone-order-controls{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:max-content;max-width:100%;margin-top:12px}
.cyclone-order-controls>span{font-size:12px;color:var(--muted,#8ea0bd);margin-right:2px}
.cyclone-order-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--border-hover,rgba(255,255,255,.14));border-radius:9px;background:#080e1a90;color:var(--text,#f0f4ff);cursor:pointer}
.cyclone-order-btn:hover:not(:disabled){background:#3b82f629;border-color:#3b82f659}
.cyclone-order-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
.cyclone-order-btn:disabled{opacity:.35;cursor:not-allowed}
.cyclone-order-btn svg{width:18px;height:18px;pointer-events:none}
@media(max-width:640px){.cyclone-fields{grid-template-columns:1fr}.cyclone-modal{padding:18px}.cyclone-actions .btn{flex:1}.cyclone-wrap{width:calc(100% - 20px);margin-top:16px}.cyclone-hero{padding:22px 18px}.cyclone-stat{flex:1;min-width:110px;padding:12px}.cyclone-stat b{font-size:23px}.cyclone-card{padding:16px}.cyclone-page .topnav{padding:12px}.cyclone-bulk .cyclone-actions{flex-direction:column;align-items:stretch}.cyclone-filters{grid-template-columns:1fr}.view-switch-btn{padding-left:10px;padding-right:10px}}

/* A separate image layer keeps cropping independent of the text and overlay. */
.cyclone-hero{isolation:isolate}
.cyclone-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none;filter:brightness(1.24)}
.cyclone-hero:has(>.cyclone-hero-image)::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(8,14,26,.93),rgba(8,14,26,.45))}
.cyclone-hero-content{position:relative;z-index:2}
.cyclone-stat .cyclone-wind-knots{display:block;margin:3px 0;color:var(--text,#f0f4ff);font-size:14px;font-weight:600}
body[data-site-page] .cyclone-dialog .cyclone-actions .btn{min-width:max-content}
.cyclone-browser #cycloneList{display:flex;flex-direction:column;gap:8px}
.cyclone-browser .cyclone-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.cyclone-browser .tornado-card:has(.cyclone-card-link:focus-visible){outline:2px solid #93c5fd;outline-offset:3px}
/* Reveal the card's own background to the left of the diagonal stripe. */
body[data-site-page="index"] .cyclone-browser .card-image-wrap{border-left:0;background:transparent;clip-path:polygon(var(--thumb-stripe-top-start,15.04%) 0,100% 0,100% 100%,0 100%)}
.cyclone-browser .card-image-wrap.is-admin-adjustable{z-index:2}
.cyclone-thumbnail-adjust{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:zoom-in}
.cyclone-thumbnail-adjust:focus-visible{outline:3px solid #93c5fd;outline-offset:-4px}
.cyclone-mobile-adjust{display:none;position:relative;z-index:2;margin-top:10px;min-height:44px}
.cyclone-browser .tornado-card:hover .card-image-wrap img{transform:scale(var(--thumb-zoom,1));filter:brightness(1.12) saturate(1.08) contrast(1.03)}
.cyclone-scan-warning{padding:16px;border:1px solid #fbbf244d;border-radius:12px;background:#fbbf240a;color:#e2eaff;white-space:normal}
.cyclone-scan-warning strong{display:block;margin-bottom:8px;color:#fde68a}
.cyclone-scan-warning ul{padding-left:20px;overflow-wrap:anywhere}
.cyclone-scan-warning .cyclone-actions{justify-content:flex-start;margin-top:14px}
.cyclone-crop-dialog{width:min(640px,calc(100% - 24px))}
body[data-site-page] .cyclone-crop-dialog .cyclone-actions .btn{min-width:max-content}
.cyclone-crop-preview{position:relative;width:100%;overflow:hidden;isolation:isolate;touch-action:none;cursor:grab;background:#08101f;border:1px solid #334155;border-radius:10px;margin:16px 0}
.cyclone-crop-preview.is-dragging{cursor:grabbing}
.cyclone-crop-preview img{position:absolute;inset:0;width:100%;height:100%;user-select:none;pointer-events:none;display:block}
.cyclone-crop-preview.is-thumbnail::before,.cyclone-crop-preview.is-thumbnail::after{content:"";position:absolute;inset:0;pointer-events:none}
.cyclone-crop-preview.is-thumbnail::before{z-index:1;background:rgba(17,27,46,.98);clip-path:polygon(0 0,22.12% 0,7.08% 100%,0 100%)}
.cyclone-crop-preview.is-thumbnail::after{z-index:2;background:rgba(35,50,77,.94);clip-path:polygon(15.04% 0,22.12% 0,7.08% 100%,0 100%)}
.cyclone-crop-controls{padding:0;margin:18px 0;border:0;display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:16px 12px}
.cyclone-crop-controls label{font-size:13px;font-weight:700}
.cyclone-crop-controls select{min-height:44px;padding:8px;border:1px solid #334155;border-radius:8px;background:#0d1625;color:#f0f4ff;font:600 16px Inter,system-ui,sans-serif;width:100%}
.cyclone-crop-slider{display:flex;align-items:center;gap:12px;min-width:0}
.cyclone-crop-slider input{min-width:0;min-height:44px;width:100%;accent-color:#60a5fa}
.cyclone-crop-slider output{font-size:13px;min-width:44px;text-align:right;color:#93c5fd}
@media(max-width:480px){.cyclone-crop-controls{grid-template-columns:74px minmax(0,1fr);gap:10px}.cyclone-scan-warning .cyclone-actions{flex-direction:column;align-items:stretch}}
@media(max-width:820px){.cyclone-browser .cyclone-mobile-adjust{display:inline-flex}}