:root{--reconhi-primary:#06b6d4;--reconhi-primary-2:#22d3ee;--reconhi-deep:#0f172a;--reconhi-text:#0b1324;--reconhi-muted:#6b7280}
.reconhi-nav{position:sticky;top:0;z-index:999;background:var(--reconhi-deep);padding:8px 0;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.reconhi-nav-inner{max-width:1100px;margin:0 auto;padding:6px 12px;display:flex;gap:10px;overflow-x:auto}
.reconhi-nav-btn{padding:10px 14px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap;background:linear-gradient(90deg,var(--reconhi-primary),var(--reconhi-primary-2));box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.reconhi-nav-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 6px 14px rgba(0,0,0,.2)}
.reconhi-hero{position:relative;height:360px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.3)}
.reconhi-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.55));display:flex;align-items:flex-end;padding:16px;gap:14px}
.reconhi-hero-logo{width:120px;height:auto;border-radius:12px;background:rgba(255,255,255,.85);padding:8px}
.reconhi-hero-text{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.reconhi-hero-name{font-size:24px;font-weight:800}
.reconhi-hero-tagline{font-size:14px;opacity:.95}
.reconhi-cal-wrap{max-width:1100px;margin:16px auto 28px;padding:0 12px}
.reconhi-cal-root{min-height:720px;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);background:#fff;padding:6px}
.reconhi-cal-footer{font-size:12px;color:var(--reconhi-muted);margin-top:6px;text-align:right}
.reconhi-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:99999;padding:16px}
.reconhi-modal-content{background:#fff;border-radius:14px;padding:18px;max-width:480px;width:100%;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.reconhi-modal-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.reconhi-modal-header img{width:56px;height:56px;border-radius:12px;background:#f1f5f9;padding:6px}
#reconhi-modal-name{font-weight:800;color:var(--reconhi-text)}
#reconhi-modal-tagline{font-size:12px;color:var(--reconhi-muted)}
.reconhi-label{display:block;font-size:12px;color:#374151;margin:10px 0 6px}
.reconhi-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px}
.reconhi-slot{font-size:12px;color:var(--reconhi-muted);margin-top:6px}
.reconhi-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.reconhi-btn{border-radius:999px;padding:10px 16px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;font-weight:700}
.reconhi-btn.primary{background:linear-gradient(90deg,var(--reconhi-primary),var(--reconhi-primary-2));color:#fff;border-color:transparent}
.reconhi-btn.ghost{background:#fff}
.reconhi-api-hint{padding:10px;color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-top:8px}
@media (max-width:768px){
.reconhi-hero{height:260px}
.reconhi-hero-logo{width:88px}
.reconhi-cal-root{min-height:620px}
}