:root {
    --adele-ink: #17243b;
    --adele-muted: #657189;
    --adele-line: #dce4ef;
    --adele-panel: #fff;
    --adele-soft: #f4f7fb;
    --adele-blue: #4c78d8;
    --adele-violet: #7766d9;
    --adele-gold: #e9b35c;
}
.dark {
    --adele-ink: #eef3ff;
    --adele-muted: #9ba8bd;
    --adele-line: #29364b;
    --adele-panel: #141d2b;
    --adele-soft: #101826;
}
.adele-topic { min-height: 70vh; color: var(--adele-ink); background: radial-gradient(circle at 90% 28%,rgba(104,122,211,.08),transparent 25%),var(--adele-soft); }
.adele-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 81% 40%,rgba(87,181,255,.26),transparent 25%),radial-gradient(circle at 68% 93%,rgba(95,78,203,.32),transparent 33%),linear-gradient(118deg,#111c34 0%,#233a6a 53%,#5f5ca3 100%); }
.adele-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,#000,transparent); }
.adele-hero::after { content:""; position:absolute; right:-9%; bottom:-180px; width:720px; height:420px; border-radius:50%; background:rgba(95,173,255,.17); filter:blur(80px); }
.adele-hero__inner { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(500px,1fr); align-items:center; min-height:640px; gap:28px; }
.adele-hero__copy { position:relative; z-index:2; padding:76px 0 70px; }
.adele-kicker { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:750; color:#d9e4ff; }
.adele-kicker span { padding:5px 9px; border:1px solid rgba(255,255,255,.25); border-radius:5px; background:rgba(255,255,255,.09); }
.adele-kicker i { width:32px; height:1px; background:rgba(255,255,255,.4); }
.adele-eyebrow { margin:26px 0 7px; font-size:11px; font-weight:800; letter-spacing:.22em; color:#f3ce86; }
.adele-hero h1 { margin:0; font-size:clamp(56px,6vw,86px); line-height:.98; letter-spacing:-.04em; }
.adele-hero h1 em { display:block; margin-top:9px; font-size:.24em; font-style:normal; letter-spacing:.34em; color:#b9caff; }
.adele-lead { max-width:650px; margin:28px 0 0; color:rgba(239,244,255,.82); font-size:16px; line-height:1.9; }
.adele-hero__actions { display:flex; gap:12px; margin-top:32px; }
.adele-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; border:1px solid rgba(255,255,255,.22); border-radius:7px; font-size:13px; font-weight:750; transition:.2s ease; }
.adele-button:hover { transform:translateY(-2px); }
.adele-button--primary { color:#1e315e; background:#fff; box-shadow:0 12px 28px rgba(4,12,34,.22); }
.adele-button--ghost { color:#fff; background:rgba(255,255,255,.08); }
.adele-hero__metrics { display:flex; gap:0; margin-top:42px; }
.adele-hero__metrics span { display:flex; flex-direction:column; min-width:132px; padding-right:26px; margin-right:26px; border-right:1px solid rgba(255,255,255,.16); }
.adele-hero__metrics span:last-child { border:0; }
.adele-hero__metrics b { font-size:23px; }
.adele-hero__metrics small { margin-top:4px; color:rgba(255,255,255,.58); }
.adele-hero__visual { position:relative; z-index:2; align-self:end; height:620px; }
.adele-art-halo { position:absolute; left:52%; top:49%; width:470px; height:470px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(179,231,255,.3),rgba(99,147,247,.12) 40%,transparent 70%); filter:blur(5px); }
.adele-art-ring { position:absolute; left:52%; top:49%; transform:translate(-50%,-50%); border:1px solid rgba(190,224,255,.2); border-radius:50%; box-shadow:0 0 32px rgba(117,185,255,.12); }
.adele-art-ring::before,.adele-art-ring::after { content:""; position:absolute; border-radius:50%; background:#b9e8ff; box-shadow:0 0 15px #7bd0ff; }
.adele-art-ring::before { left:15%; top:4%; width:5px; height:5px; }.adele-art-ring::after { right:4%; bottom:23%; width:3px; height:3px; }
.adele-art-ring--outer { width:520px; height:520px; border-style:dashed; animation:adele-ring-spin 34s linear infinite; }
.adele-art-ring--inner { width:390px; height:390px; animation:adele-ring-spin 24s linear infinite reverse; }
.adele-character-art { position:absolute; z-index:2; left:50%; bottom:-74px; width:min(690px,112%); max-width:none; transform:translateX(-50%); filter:drop-shadow(0 24px 28px rgba(2,10,31,.45)) drop-shadow(0 0 24px rgba(110,198,255,.2)); }
.adele-avatar-badge { position:absolute; z-index:5; right:8px; top:56px; display:flex; align-items:center; gap:10px; padding:7px 14px 7px 7px; border:1px solid rgba(209,228,255,.35); border-radius:14px; background:rgba(13,28,61,.62); box-shadow:0 12px 28px rgba(3,12,33,.25); backdrop-filter:blur(10px); }
.adele-avatar-badge img { width:58px; height:58px; border-radius:10px; object-fit:cover; object-position:center 15%; background:rgba(255,255,255,.08); }
.adele-avatar-badge span { display:flex; flex-direction:column; min-width:90px; }.adele-avatar-badge small { color:#8fd9ff; font-size:8px; font-weight:850; letter-spacing:.15em; }.adele-avatar-badge b { margin-top:2px; font-size:15px; }.adele-avatar-badge em { margin-top:1px; color:rgba(255,255,255,.54); font-size:8px; font-style:normal; letter-spacing:.12em; }
.adele-float-icon { position:absolute; z-index:4; display:grid; place-items:center; width:49px; height:49px; border:1px solid rgba(197,220,255,.4); border-radius:11px; background:rgba(10,23,53,.7); box-shadow:0 10px 24px rgba(2,9,26,.34),inset 0 0 14px rgba(123,187,255,.08); backdrop-filter:blur(8px); }
.adele-float-icon img { width:39px; height:39px; }.adele-float-icon--1 { left:0; top:166px; }.adele-float-icon--2 { left:30px; top:344px; }.adele-float-icon--3 { right:14px; top:208px; }.adele-float-icon--4 { right:28px; top:386px; }.adele-float-icon--5 { left:51%; top:24px; transform:translateX(-50%); }
.adele-art-caption { position:absolute; z-index:5; right:8px; bottom:38px; display:flex; align-items:center; gap:10px; color:rgba(224,240,255,.68); font-size:8px; letter-spacing:.15em; text-align:right; }.adele-art-caption i { width:48px; height:1px; background:linear-gradient(90deg,transparent,#9edcff); }.adele-art-caption b { color:#fff; font-size:10px; letter-spacing:.08em; }
@keyframes adele-ring-spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
.adele-shell { padding-block:32px 86px; }
.adele-atlas { scroll-margin-top:80px; }
.adele-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.adele-section-head span { color:var(--adele-blue); font-size:10px; font-weight:850; letter-spacing:.18em; }.adele-section-head h2 { margin:5px 0 7px; font-size:31px; }.adele-section-head p { margin:0; color:var(--adele-muted); font-size:13px; }
.adele-result-count { display:flex; flex-direction:column; align-items:end; }.adele-result-count b { font-size:30px; color:var(--adele-violet); }.adele-result-count small { color:var(--adele-muted); }
.adele-toolbar { position:sticky; z-index:30; top:0; margin-bottom:22px; border:1px solid var(--adele-line); border-radius:12px; background:color-mix(in srgb,var(--adele-panel) 94%,transparent); box-shadow:0 8px 24px rgba(25,39,70,.07); backdrop-filter:blur(12px); }
.adele-stage-tabs { display:flex; overflow-x:auto; padding:7px; border-bottom:1px solid var(--adele-line); scrollbar-width:none; }.adele-stage-tabs::-webkit-scrollbar { display:none; }
.adele-stage-tabs button { flex:1 0 auto; min-width:92px; padding:10px 12px; border-radius:7px; color:var(--adele-muted); font-size:13px; font-weight:700; }.adele-stage-tabs button small { margin-left:4px; opacity:.65; }.adele-stage-tabs button.is-active { color:#fff; background:linear-gradient(120deg,var(--adele-blue),var(--adele-violet)); box-shadow:0 6px 16px rgba(87,104,203,.24); }
.adele-subfilters { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 13px; }
.adele-type-tabs { display:flex; flex-wrap:wrap; gap:5px; }.adele-type-tabs button { padding:6px 10px; border:1px solid transparent; border-radius:5px; color:var(--adele-muted); font-size:12px; }.adele-type-tabs button:hover { border-color:var(--adele-line); }.adele-type-tabs button.is-active { color:var(--adele-blue); border-color:#b9c8ec; background:#edf3ff; }.dark .adele-type-tabs button.is-active { color:#b9caff; border-color:#465785; background:#202d4a; }
.adele-type-tabs button[hidden] { display:none !important; }
.adele-search { display:flex; align-items:center; flex:0 0 250px; height:36px; padding:0 9px; border:1px solid var(--adele-line); border-radius:7px; color:var(--adele-muted); background:var(--adele-soft); }.adele-search input { min-width:0; flex:1; padding:0 8px; outline:0; color:var(--adele-ink); background:transparent; font-size:12px; }.adele-search button { display:none; font-size:18px; }.adele-search.has-value button { display:block; }
.adele-skill-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.adele-skill-card { display:flex; min-height:260px; flex-direction:column; overflow:hidden; border:1px solid var(--adele-line); border-radius:11px; background:var(--adele-panel); box-shadow:0 9px 22px rgba(29,43,72,.055); transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.adele-skill-card:hover,.adele-skill-card:focus-visible { border-color:#9aade2; transform:translateY(-3px); box-shadow:0 15px 30px rgba(41,56,98,.12); outline:0; }
.adele-skill-card[hidden] { display:none; }
.adele-skill-card__top { position:relative; display:flex; align-items:center; gap:12px; padding:16px 15px 12px; background:linear-gradient(120deg,rgba(73,117,211,.1),transparent 75%); }
.adele-skill-index { position:absolute; right:12px; top:9px; color:var(--adele-line); font-size:25px; font-weight:900; line-height:1; }
.adele-skill-icon { position:relative; z-index:2; display:grid; place-items:center; flex:0 0 66px; width:66px; height:66px; border:1px solid #adbee8; border-radius:9px; background:linear-gradient(145deg,#eef4ff,#dde7fb); }.dark .adele-skill-icon { border-color:#485982; background:#1b2841; }.adele-skill-icon img { width:56px; height:56px; }.adele-skill-icon > span { font-size:30px; color:var(--adele-blue); }
.adele-skill-title { position:relative; z-index:2; min-width:0; }.adele-skill-title h3 { overflow:hidden; margin:0 0 8px; color:var(--adele-ink); font-size:16px; white-space:nowrap; text-overflow:ellipsis; }.adele-skill-title > div { display:flex; flex-wrap:wrap; gap:4px; }.adele-skill-title span { padding:3px 6px; border-radius:4px; color:#53698f; background:#e7eefb; font-size:10px; }.dark .adele-skill-title span { color:#b7c7e7; background:#283651; }
.adele-skill-card > p { display:-webkit-box; overflow:hidden; min-height:69px; margin:0; padding:4px 15px 15px; color:var(--adele-muted); font-size:12px; line-height:1.9; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.adele-skill-card footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding:11px 15px; border-top:1px solid var(--adele-line); color:var(--adele-muted); background:var(--adele-soft); font-size:11px; }.adele-skill-card footer button { color:var(--adele-blue); font-weight:750; }.adele-skill-card footer i { margin-left:4px; font-style:normal; }
.adele-empty { padding:72px 20px; border:1px dashed var(--adele-line); border-radius:12px; text-align:center; background:var(--adele-panel); }.adele-empty > span { font-size:42px; color:#9aa9ca; }.adele-empty h3 { margin:12px 0 5px; }.adele-empty p { margin:0; color:var(--adele-muted); font-size:12px; }.adele-empty button { margin-top:16px; padding:8px 14px; border-radius:6px; color:#fff; background:var(--adele-blue); font-size:12px; }
.v4-index-card__visual--adele { background:radial-gradient(circle at 70% 25%,#aebbf3,transparent 28%),linear-gradient(145deg,#172442,#695fb0) !important; }.v4-index-card__visual--adele b { font-family:Georgia,serif; }
@media (max-width:1050px) { .adele-hero__inner { grid-template-columns:1fr 380px; }.adele-skill-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.adele-subfilters { align-items:stretch; flex-direction:column; }.adele-search { flex-basis:auto; width:100%; } }
@media (max-width:760px) { .adele-hero__inner { display:block; min-height:0; }.adele-hero__copy { z-index:6; padding:58px 0 52px; }.adele-hero__visual { display:block; position:absolute; z-index:1; inset:0 -240px 0 42%; height:auto; opacity:.24; mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 72%,transparent 100%); }.adele-character-art { bottom:-80px; width:660px; }.adele-avatar-badge,.adele-float-icon,.adele-art-caption,.adele-art-ring { display:none; }.adele-art-halo { left:50%; top:50%; }.adele-lead { font-size:14px; }.adele-hero__metrics { width:100%; overflow:visible; }.adele-hero__metrics span { min-width:0; flex:1 1 0; padding-right:10px; margin-right:10px; }.adele-shell { padding-block:20px 58px; }.adele-section-head { align-items:start; }.adele-section-head h2 { font-size:25px; }.adele-section-head p { max-width:260px; }.adele-toolbar { top:0; border-radius:9px; }.adele-type-tabs { flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; }.adele-type-tabs button { flex:0 0 auto; }.adele-skill-grid { grid-template-columns:1fr; }.adele-skill-card { min-height:235px; } }
@media (prefers-reduced-motion:reduce) { .adele-button,.adele-skill-card { transition:none; }.adele-art-ring { animation:none; } }