.page-creator-lookup {
    background:#080d15;
    color:#edf4fa;
}
.cl-shell {
    --cl-muted:#a1b1c4;
    --cl-border:#263448;
    --cl-accent:#78ead0;
    max-width:1200px;
    margin:auto;
    padding:42px 24px 70px;
}
.cl-shell [hidden] {
    display:none!important;
}
.cl-shell a {
    color:var(--cl-accent);
}
.cl-back {
    display:inline-block;
    font-size:.86rem;
    text-decoration:none;
    margin-bottom:28px;
}
.cl-hero {
    display:grid;
    grid-template-columns:1.25fr 1fr;
    gap:72px;
    align-items:center;
    padding:20px 0 56px;
}
.cl-eyebrow {
    font-size:.69rem;
    letter-spacing:.15em;
    font-weight:750;
    color:var(--cl-accent);
    display:block;
    margin-bottom:14px;
}
.cl-dot {
    display:inline-block;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--cl-accent);
    margin:0 8px 1px 0;
    box-shadow:0 0 12px #78ead055;
}
.cl-hero h1 {
    font-size:clamp(2.6rem,5.5vw,4.7rem);
    line-height:1.05;
    letter-spacing:-.055em;
    font-weight:750;
    margin:0 0 24px;
}
.cl-hero h1 span {
    color:var(--cl-accent);
}
.cl-intro {
    color:var(--cl-muted);
    max-width:530px;
    font-size:1.05rem;
    line-height:1.8;
}
.cl-provider-tags,.cl-badges {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:22px;
}
.cl-provider-tags span,.cl-badge {
    font-size:.73rem;
    border:1px solid var(--cl-border);
    padding:5px 11px;
    border-radius:100px;
    color:#bbcadb;
}
.cl-search-panel {
    padding:30px;
    background:radial-gradient(ellipse at top right,#123e395c,transparent 75%),#101a27;
    border:1px solid #2a4248;
    border-radius:20px;
    box-shadow:0 25px 75px #0003;
}
.cl-search-panel h2 {
    font-size:1.38rem;
    margin:0 0 26px;
    font-weight:650;
}
.cl-search-panel label {
    display:block;
    color:#cbd6e4;
    font-size:.83rem;
    margin-bottom:9px;
}
.cl-input-wrap {
    display:flex;
    align-items:center;
    border:1px solid #3f5369;
    border-radius:10px;
    background:#080e18;
    padding:0 15px;
    gap:10px;
}
.cl-input-wrap:focus-within {
    border-color:var(--cl-accent);
    box-shadow:0 0 0 3px #78ead025;
}
.cl-input-wrap>span {
    font-size:1.25rem;
    color:var(--cl-accent);
}
.cl-input-wrap input {
    width:100%;
    min-width:0;
    padding:15px 0;
    background:transparent;
    border:0;
    outline:none;
    color:#f1f5fa;
    font-size:1rem;
}
.cl-input-wrap input::placeholder {
    color:#77899f;
}
.cl-search-panel button {
    width:100%;
    margin-top:14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:var(--cl-accent);
    color:#08251f;
    border:0;
    border-radius:10px;
    padding:14px 17px;
    font-weight:750;
}
.cl-search-panel button:hover {
    background:#a2f5e2;
}
.cl-search-panel button:disabled {
    opacity:.55;
    cursor:wait;
}
.cl-search-panel #cl-hint {
    font-size:.73rem;
    line-height:1.6;
    color:var(--cl-muted);
    margin:15px 0 0;
}
.cl-error {
    color:#ffb6bd!important;
    font-size:.86rem;
    margin:15px 0 0;
}
.cl-panel {
    padding:27px;
    border:1px solid var(--cl-border);
    border-radius:16px;
    background:#101925;
    margin-bottom:20px;
    min-width:0;
}
.cl-section-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}
.cl-section-top h2 {
    font-size:1.25rem;
    letter-spacing:-.025em;
    margin:0;
}
.cl-section-top .cl-eyebrow {
    margin-bottom:8px;
}
.cl-section-top>strong {
    font-size:1.7rem;
    color:var(--cl-accent);
    font-variant-numeric:tabular-nums;
}
.cl-progress {
    height:6px;
    border-radius:10px;
    overflow:hidden;
    background:#243345;
}
.cl-progress>span {
    display:block;
    height:100%;
    width:0;
    background:var(--cl-accent);
    transition:width .3s;
}
.cl-progress-panel>p {
    font-size:.83rem;
    color:var(--cl-muted);
    margin:12px 0 24px;
}
.cl-sources {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.cl-source {
    border:1px solid var(--cl-border);
    border-radius:10px;
    padding:14px;
    font-size:.76rem;
    min-width:0;
}
.cl-source strong {
    font-size:.85rem;
    color:#edf4fa;
}
.cl-source-heading {
    display:flex;
    gap:8px;
    align-items:center;
    margin-bottom:9px;
}
.cl-source p {
    color:var(--cl-muted);
    line-height:1.5;
    margin:6px 0 0;
}
.cl-source-state {
    font-size:.65rem;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.cl-source[data-state=running] {
    border-color:#448878;
}
.cl-source[data-state=complete] .cl-source-state {
    color:var(--cl-accent);
}
.cl-source[data-state=partial] .cl-source-state,.cl-source[data-state=unavailable] .cl-source-state {
    color:#eac28f;
}
.cl-state-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#708198;
    flex-shrink:0;
}
.cl-source[data-state=complete] .cl-state-dot {
    background:var(--cl-accent);
}
.cl-source[data-state=running] .cl-state-dot {
    background:var(--cl-accent);
    animation:cl-pulse 1.5s infinite;
}
.cl-profile-card {
    background:radial-gradient(ellipse at top right,#172944,transparent 60%),#101925;
}
.cl-profile-top {
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
}
.cl-avatar {
    height:96px;
    width:96px;
    flex-shrink:0;
    position:relative;
    display:grid;
    place-items:center;
    font-size:2.2rem;
    color:var(--cl-accent);
    border-radius:50%;
    background:#1a2e39;
    border:1px solid #447b76;
}
.cl-avatar img {
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}
.cl-avatar img.cl-ring {
    position:absolute;
    inset:-8%;
    width:116%;
    height:116%;
    object-fit:contain;
    border-radius:0;
    pointer-events:none;
}
.cl-identity {
    min-width:0;
    flex:1;
}
.cl-identity h2 {
    font-size:1.8rem;
    letter-spacing:-.04em;
    margin:0 0 3px;
    overflow-wrap:anywhere;
}
.cl-identity .cl-eyebrow {
    margin-bottom:7px;
}
.cl-identity>a {
    font-size:.9rem;
    overflow-wrap:anywhere;
}
.cl-badges {
    margin-top:10px;
}
.cl-badge-positive {
    color:var(--cl-accent);
    border-color:#386c60;
    background:#78ead00a;
}
.cl-badge-warning {
    color:#f0c18f;
    border-color:#685033;
}
.cl-snapshot-time {
    font-size:.73rem;
    color:var(--cl-muted);
    max-width:160px;
}
.cl-bio {
    color:#b7c6d8;
    font-size:.92rem;
    line-height:1.7;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    margin:22px 0;
}
.cl-metrics {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--cl-border);
    border-bottom:1px solid var(--cl-border);
    padding:20px 0;
    gap:16px;
}
.cl-metric strong {
    font-size:1.65rem;
    letter-spacing:-.04em;
    display:block;
    overflow-wrap:anywhere;
}
.cl-metric span {
    font-size:.76rem;
    color:var(--cl-muted);
}
.cl-metric small {
    display:block;
    color:#8ca5b8;
    font-size:.65rem;
    margin-top:5px;
}
.cl-details {
    display:flex;
    flex-wrap:wrap;
    gap:10px 24px;
    margin-top:16px;
    font-size:.78rem;
    color:var(--cl-muted);
}
.cl-result-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
.cl-result-grid .cl-panel {
    margin-bottom:20px;
}
.cl-source-label {
    font-size:.67rem;
    color:var(--cl-muted);
    border:1px solid var(--cl-border);
    border-radius:5px;
    padding:4px 7px;
    white-space:nowrap;
}
.cl-muted,.cl-note {
    color:var(--cl-muted);
    font-size:.82rem;
    line-height:1.7;
}
.cl-note {
    margin:18px 0 0;
    font-size:.75rem;
}
.cl-empty {
    color:var(--cl-muted);
    font-size:.9rem;
    padding:20px 0;
    line-height:1.7;
}
.cl-big-number {
    font-size:2.25rem;
    letter-spacing:-.06em;
    font-weight:700;
    margin:12px 0 0;
}
.cl-live-title {
    font-size:1.1rem;
    margin:14px 0;
    overflow-wrap:anywhere;
}
.cl-facts {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-top:20px;
}
.cl-fact span {
    display:block;
    color:var(--cl-muted);
    font-size:.73rem;
}
.cl-fact strong {
    font-size:.97rem;
    overflow-wrap:anywhere;
}
.cl-table-wrap {
    overflow-x:auto;
}
.cl-table {
    width:100%;
    font-size:.83rem;
    border-collapse:collapse;
}
.cl-table th {
    text-align:left;
    color:var(--cl-muted);
    font-size:.67rem;
    letter-spacing:.07em;
    text-transform:uppercase;
    padding:12px;
    border-bottom:1px solid var(--cl-border);
}
.cl-table td {
    padding:16px 12px;
    border-bottom:1px solid var(--cl-border);
    vertical-align:top;
    overflow-wrap:anywhere;
}
.cl-table td:last-child {
    color:#b8c6d8;
    min-width:160px;
}
.cl-table th:first-child,.cl-table td:first-child {
    padding-left:0;
}
.cl-table .cl-badge {
    display:inline-block;
    white-space:nowrap;
}
.cl-history {
    margin-top:22px;
}
.cl-history h3 {
    font-size:.9rem;
}
.cl-history .cl-table td {
    padding:9px;
}
.cl-evidence summary {
    cursor:pointer;
    font-size:.89rem;
    color:#c7d9e9;
}
.cl-evidence h3 {
    font-size:1rem;
    margin:25px 0 10px;
}
.cl-evidence dl {
    display:grid;
    grid-template-columns:minmax(100px,1fr) 3fr;
    font-size:.79rem;
    gap:8px 18px;
}
.cl-evidence dt {
    color:var(--cl-muted);
    font-weight:500;
}
.cl-evidence dd {
    margin:0;
    overflow-wrap:anywhere;
    white-space:pre-wrap;
}
.cl-about {
    padding-top:45px;
}
.cl-about h2 {
    font-size:1.8rem;
    letter-spacing:-.04em;
    margin-bottom:26px;
}
.cl-about-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:34px;
}
.cl-about-grid>div>span {
    color:#65968e;
    font-size:.73rem;
    font-family:monospace;
}
.cl-about h3 {
    font-size:.98rem;
    margin:15px 0 10px;
}
.cl-about p {
    font-size:.86rem;
    color:var(--cl-muted);
    line-height:1.8;
}
.cl-about .cl-back {
    margin:18px 0 0;
}
.cl-shell :focus-visible {
    outline:2px solid var(--cl-accent);
    outline-offset:4px;
}
@keyframes cl-pulse {
    50% {
        opacity:.3;
    }
}
@media(max-width:900px) {
    .cl-hero {
        gap:32px;
    }
    .cl-sources {
        grid-template-columns:repeat(2,1fr);
    }
    .cl-snapshot-time {
        max-width:none;
        width:100%;
    }
    .cl-section-top {
        align-items:flex-start;
    }
}
@media(max-width:650px) {
    .cl-shell {
        padding:28px 16px 40px;
    }
    .cl-hero {
        grid-template-columns:1fr;
        gap:30px;
        padding:10px 0 30px;
    }
    .cl-hero h1 {
        font-size:3rem;
    }
    .cl-search-panel {
        padding:24px;
    }
    .cl-panel {
        padding:20px;
    }
    .cl-result-grid {
        grid-template-columns:1fr;
        gap:0;
    }
    .cl-metrics {
        grid-template-columns:repeat(2,1fr);
        gap:22px;
    }
    .cl-avatar {
        width:70px;
        height:70px;
    }
    .cl-profile-top {
        gap:16px;
    }
    .cl-identity h2 {
        font-size:1.4rem;
    }
    .cl-about-grid {
        grid-template-columns:1fr;
        gap:18px;
    }
    .cl-table {
        min-width:530px;
    }
    .cl-history .cl-table {
        min-width:0;
    }
    .cl-sources {
        gap:8px;
    }
    .cl-source {
        padding:11px;
    }
    .cl-evidence dl {
        grid-template-columns:1fr 1.7fr;
    }
}
@media(prefers-reduced-motion:reduce) {
    .cl-progress>span {
        transition:none;
    }
    .cl-state-dot {
        animation:none!important;
    }
}
@media(max-width:650px) {
    .cl-network-panel .cl-table {
        min-width:0;
    }
    .cl-network-panel .cl-table thead {
        display:none;
    }
    .cl-network-panel .cl-table tbody {
        display:block;
    }
    .cl-network-panel .cl-table tr {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:15px;
        background:#0c1420;
        border:1px solid var(--cl-border);
        border-radius:10px;
        padding:16px;
        margin-top:12px;
    }
    .cl-network-panel .cl-table td {
        display:block;
        padding:0;
        border:0;
        min-width:0;
    }
    .cl-network-panel .cl-table td:nth-child(n+3) {
        grid-column:1/-1;
    }
    .cl-network-panel .cl-table td:before {
        content:attr(data-label);
        display:block;
        color:var(--cl-muted);
        font-size:.66rem;
        letter-spacing:.05em;
        text-transform:uppercase;
        margin-bottom:7px;
    }
}
.cl-live-cover {
    display: block;
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 18px;
}
