.atlas-discovery{
    --ad-accent:var(--workspace-accent,#7c5cfc);
    --ad-accent-rgb:var(--workspace-accent-rgb,124,92,252);
    display:flex;
    flex-direction:column;
    gap:24px;
    padding:28px;
    color:var(--text);
}

.atlas-discovery *{ box-sizing:border-box; }
.atlas-discovery button,
.atlas-discovery input,
.atlas-discovery textarea{ font:inherit; }

.ad-hero,
.ad-section,
.ad-final{
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--panel);
}

.ad-hero{
    position:relative;
    min-height:250px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    overflow:hidden;
    padding:46px 52px;
    background:
        radial-gradient(circle at 78% 45%,rgba(var(--ad-accent-rgb),.17),transparent 27%),
        linear-gradient(135deg,var(--panel),rgba(var(--ad-accent-rgb),.08));
}

.ad-hero::after{
    content:"";
    position:absolute;
    right:6%;
    width:190px;
    height:190px;
    border:1px solid rgba(var(--ad-accent-rgb),.24);
    border-radius:50%;
}

.ad-hero > div{ position:relative; z-index:1; max-width:690px; }
.ad-hero > div > span,
.ad-section > header > span,
.ad-final > span,
.ad-note-dialog > span{
    color:var(--ad-accent);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.7px;
    text-transform:uppercase;
}

.ad-hero h2{
    margin:9px 0 10px;
    font-size:44px;
    line-height:1.05;
    letter-spacing:-1.5px;
}

.ad-hero p{
    margin:0;
    color:var(--text-light);
    font-size:16px;
    line-height:1.75;
}

.ad-hero > i{
    position:relative;
    z-index:1;
    width:116px;
    height:116px;
    display:grid;
    place-items:center;
    border:1px solid rgba(var(--ad-accent-rgb),.35);
    border-radius:50%;
    color:var(--ad-accent);
    background:rgba(var(--ad-accent-rgb),.08);
    font-size:49px;
}

.ad-section{ padding:28px; }
.ad-section > header{ margin-bottom:22px; }
.ad-section > header h2{
    margin:5px 0 7px;
    font-size:25px;
    line-height:1.25;
    letter-spacing:-.45px;
}
.ad-section > header p,
.ad-explanation{
    max-width:860px;
    margin:0;
    color:var(--text-light);
    font-size:13px;
    line-height:1.7;
}

.ad-snapshot-grid,
.ad-insight-grid,
.ad-growth-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.ad-snapshot-grid article,
.ad-insight-grid article,
.ad-growth-grid article,
.ad-insight-list article{
    min-width:0;
    padding:18px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.ad-snapshot-grid span,
.ad-insight-grid span,
.ad-growth-grid span,
.ad-insight-list span{
    display:block;
    color:var(--text-light);
    font-size:12px;
}

.ad-snapshot-grid strong,
.ad-insight-grid strong,
.ad-growth-grid strong,
.ad-insight-list strong{
    display:block;
    margin-top:5px;
    font-size:22px;
    line-height:1.25;
}

.ad-snapshot-grid p,
.ad-insight-grid p,
.ad-insight-list p{
    margin:8px 0 0;
    color:var(--text-light);
    font-size:12px;
    line-height:1.55;
}

.ad-story{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:22px;
    padding:25px;
    border-left:3px solid var(--ad-accent);
    border-radius:8px 15px 15px 8px;
    background:rgba(var(--ad-accent-rgb),.07);
}
.ad-story > i{ color:var(--ad-accent); font-size:25px; }
.ad-story p{ margin:0 0 13px; color:var(--text-light); font-size:14px; line-height:1.75; }
.ad-story p:last-child{ margin-bottom:0; }

.ad-dna > div,
.ad-score-hero{
    display:flex;
    align-items:center;
    gap:22px;
    padding:20px;
    border:1px solid var(--border);
    border-radius:15px;
    background:rgba(255,255,255,.025);
}
.ad-dna > div > span{ min-width:0; }
.ad-dna small{ color:var(--ad-accent); font-size:12px; font-weight:700; letter-spacing:1.1px; }
.ad-dna strong{ display:block; margin:3px 0 7px; font-size:25px; }
.ad-dna p,
.ad-score-hero p{ margin:0; color:var(--text-light); font-size:13px; line-height:1.65; }

.ad-score-ring{
    --ring-value:calc(var(--score) * 3.6deg);
    position:relative;
    width:94px;
    height:94px;
    display:grid;
    place-content:center;
    flex:0 0 auto;
    border-radius:50%;
    background:conic-gradient(var(--ad-accent) var(--ring-value),rgba(255,255,255,.07) 0);
}
.ad-score-ring::before{ content:""; position:absolute; inset:9px; border-radius:50%; background:var(--panel); }
.ad-score-ring strong,
.ad-score-ring small{ position:relative; z-index:1; text-align:center; }
.ad-score-ring strong{ font-size:25px; line-height:1; }
.ad-score-ring small{ margin-top:3px; color:var(--text-light); font-size:11px; }

.ad-dna details{ margin-top:14px; border:1px solid var(--border); border-radius:14px; overflow:hidden; }
.ad-dna summary{ padding:15px 17px; color:var(--text-light); font-size:12px; font-weight:600; cursor:pointer; }
.ad-dna ul{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0 15px 15px; list-style:none; }
.ad-dna li{ padding:14px; border-radius:11px; background:rgba(255,255,255,.03); }
.ad-dna li span{ color:var(--text-light); font-size:11px; text-transform:capitalize; }
.ad-dna li strong{ float:right; margin:0; font-size:14px; }
.ad-dna li p{ clear:both; padding-top:6px; font-size:12px; }

.ad-score-hero{ margin-bottom:13px; }
.ad-score-hero p{ max-width:620px; }
.ad-score-grid,
.ad-health-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ad-score-grid article,
.ad-health-grid article,
.ad-goals article{
    padding:17px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}
.ad-score-grid article > span,
.ad-health-grid article > span,
.ad-goals article > span{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ad-score-grid strong,
.ad-health-grid strong,
.ad-goals strong{ font-size:13px; }
.ad-score-grid b,
.ad-health-grid b,
.ad-goals b{ color:var(--ad-accent); font-size:13px; }
.ad-score-grid article > div,
.ad-health-grid article > div,
.ad-goals article > div{ height:6px; margin:11px 0; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.07); }
.ad-score-grid i,
.ad-health-grid i,
.ad-goals article > div i{ display:block; height:100%; border-radius:inherit; background:var(--ad-accent); }
.ad-score-grid p,
.ad-health-grid p,
.ad-goals p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.55; }

.ad-two-column{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.ad-ranked-cards{ display:flex; flex-direction:column; gap:9px; }
.ad-ranked-cards > button{
    width:100%;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:13px;
    background:rgba(255,255,255,.025);
    color:var(--text);
    text-align:left;
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.ad-ranked-cards > button:hover{ transform:translateY(-1px); border-color:rgba(var(--ad-accent-rgb),.52); background:rgba(var(--ad-accent-rgb),.07); }
.ad-ranked-cards > button > i{ color:var(--text-light); }
.ad-ranked-cards small,
.ad-ranked-cards em{ display:block; color:var(--text-light); font-size:11px; font-style:normal; }
.ad-ranked-cards strong{ display:block; margin:2px 0; font-size:13px; }
.ad-ranked-cards p{ margin:5px 0 0; color:var(--text-light); font-size:11px; line-height:1.45; }

.ad-card-image{
    position:relative;
    width:53px;
    height:74px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--panel-light);
    color:var(--ad-accent);
}
.ad-card-image img{ position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:contain; background:var(--panel-light); }
.ad-card-image img.is-missing{ display:none; }

.ad-empty{ display:grid; place-items:center; min-height:150px; padding:24px; border:1px dashed var(--border); border-radius:14px; text-align:center; }
.ad-empty i{ color:var(--ad-accent); font-size:24px; }
.ad-empty strong{ margin-top:5px; font-size:14px; }
.ad-empty p{ max-width:560px; margin:4px 0 0; color:var(--text-light); font-size:12px; line-height:1.55; }

.ad-milestones,
.ad-memory-grid,
.ad-insight-list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ad-milestones article,
.ad-memory-grid article{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:17px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}
.ad-milestones article.next{ border-color:rgba(var(--ad-accent-rgb),.45); background:rgba(var(--ad-accent-rgb),.06); }
.ad-milestones article > i,
.ad-memory-grid article > i{ width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; border-radius:11px; background:rgba(var(--ad-accent-rgb),.12); color:var(--ad-accent); }
.ad-milestones small,
.ad-memory-grid small{ color:var(--ad-accent); font-size:10px; font-weight:700; letter-spacing:.8px; }
.ad-milestones strong,
.ad-memory-grid strong{ display:block; margin:3px 0; font-size:13px; }
.ad-milestones p,
.ad-memory-grid p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.5; }

.ad-goals{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ad-goals button,
.ad-final button,
.ad-note-dialog > button:last-child{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:14px;
    padding:10px 13px;
    border:1px solid rgba(var(--ad-accent-rgb),.5);
    border-radius:10px;
    background:rgba(var(--ad-accent-rgb),.12);
    color:var(--text);
    font-size:12px;
    font-weight:600;
    cursor:pointer;
}

.ad-explanation{ margin-bottom:15px; }
.ad-health-grid{ margin-top:15px; }

.ad-opportunity-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:15px; }
.ad-opportunity-list > button{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    padding:15px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(255,255,255,.025);
    color:var(--text);
    text-align:left;
    cursor:pointer;
}
.ad-opportunity-list > button:hover{ border-color:rgba(var(--ad-accent-rgb),.48); }
.ad-opportunity-list > button > span:first-child{ width:39px; height:39px; display:grid; place-items:center; border-radius:11px; background:rgba(var(--ad-accent-rgb),.12); color:var(--ad-accent); }
.ad-opportunity-list small{ color:var(--text-light); font-size:10px; text-transform:uppercase; }
.ad-opportunity-list strong{ display:block; margin:2px 0; font-size:13px; }
.ad-opportunity-list p{ margin:0; color:var(--text-light); font-size:11px; line-height:1.45; }
.ad-opportunity-list > button > b{ color:var(--ad-accent); font-size:17px; }

.ad-timeline{ position:relative; display:flex; flex-direction:column; gap:0; }
.ad-timeline::before{ content:""; position:absolute; top:20px; bottom:20px; left:19px; width:1px; background:var(--border); }
.ad-timeline article{ position:relative; display:grid; grid-template-columns:40px minmax(0,1fr); gap:13px; padding:12px 0; }
.ad-timeline article > span{ position:relative; z-index:1; width:39px; height:39px; display:grid; place-items:center; border:1px solid var(--border); border-radius:50%; background:var(--panel); color:var(--ad-accent); }
.ad-timeline small{ color:var(--text-light); font-size:10px; }
.ad-timeline strong{ display:block; margin:2px 0; font-size:13px; }
.ad-timeline p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.5; }

.ad-year-review{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:24px; align-items:start; }
.ad-year-review > span{ color:rgba(var(--ad-accent-rgb),.9); font-size:45px; font-weight:700; letter-spacing:-2px; }
.ad-year-review h3{ margin:4px 0 8px; font-size:18px; }
.ad-year-review p{ margin:0; color:var(--text-light); font-size:13px; line-height:1.6; }
.ad-year-review ul{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:18px 0 0; padding:0; list-style:none; }
.ad-year-review li{ padding:12px; border:1px solid var(--border); border-radius:11px; color:var(--text-light); font-size:11px; }
.ad-year-review li strong{ display:block; color:var(--text); font-size:13px; }

.ad-journal-tools{ display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:15px; }
.ad-journal-tools > label{ min-width:230px; display:flex; align-items:center; gap:9px; padding:10px 12px; border:1px solid var(--border); border-radius:11px; color:var(--text-light); background:rgba(255,255,255,.025); }
.ad-journal-tools input{ width:100%; border:0; outline:0; background:transparent; color:var(--text); font-size:12px; }
.ad-journal-tools > div{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.ad-journal-tools button{ padding:8px 11px; border:1px solid var(--border); border-radius:999px; background:transparent; color:var(--text-light); font-size:11px; text-transform:capitalize; cursor:pointer; }
.ad-journal-tools button.active{ border-color:rgba(var(--ad-accent-rgb),.55); background:rgba(var(--ad-accent-rgb),.12); color:var(--text); }

.ad-journal-list{ display:flex; flex-direction:column; gap:10px; }
.ad-journal-list > article{ display:grid; grid-template-columns:70px minmax(0,1fr) auto; gap:14px; padding:14px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.025); }
.ad-journal-list > article.favorite{ border-color:rgba(244,183,64,.42); }
.ad-journal-list > article > img,
.ad-journal-list > article > span{ width:70px; height:70px; object-fit:cover; display:grid; place-items:center; border-radius:10px; background:rgba(var(--ad-accent-rgb),.11); color:var(--ad-accent); }
.ad-journal-list > article > img.is-missing{ display:none; }
.ad-journal-list small{ color:var(--ad-accent); font-size:10px; text-transform:uppercase; }
.ad-journal-list strong{ display:block; margin:2px 0 4px; font-size:14px; }
.ad-journal-list p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.55; }
.ad-journal-list blockquote{ margin:10px 0 0; padding:9px 11px; border-left:2px solid var(--ad-accent); color:var(--text); background:rgba(var(--ad-accent-rgb),.06); font-size:12px; }
.ad-journal-list em{ display:block; margin-top:8px; color:var(--text-light); font-size:10px; font-style:normal; }
.ad-journal-list footer{ display:flex; align-items:flex-start; gap:6px; }
.ad-journal-list footer button,
.ad-journal-list footer label{ min-height:34px; display:inline-flex; align-items:center; gap:6px; padding:8px; border:1px solid var(--border); border-radius:9px; background:transparent; color:var(--text-light); font-size:10px; cursor:pointer; }
.ad-journal-list footer button:hover,
.ad-journal-list footer label:hover{ color:var(--text); border-color:rgba(var(--ad-accent-rgb),.5); }

.ad-final{
    display:grid;
    place-items:center;
    min-height:360px;
    padding:46px 25px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 30%,rgba(var(--ad-accent-rgb),.15),transparent 37%),
        var(--panel);
}
.ad-final > i{ width:70px; height:70px; display:grid; place-items:center; margin-bottom:17px; border:1px solid rgba(var(--ad-accent-rgb),.42); border-radius:50%; color:var(--ad-accent); font-size:27px; }
.ad-final h2{ margin:9px 0; font-size:29px; line-height:1.32; }
.ad-final p{ margin:0; color:var(--text-light); font-size:14px; line-height:1.7; }

.ad-note-dialog{
    width:min(520px,calc(100vw - 32px));
    padding:25px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--panel);
    color:var(--text);
}
.ad-note-dialog::backdrop{ background:rgba(5,7,12,.75); backdrop-filter:blur(4px); }
.ad-note-dialog > button:first-child{ position:absolute; top:12px; right:12px; width:35px; height:35px; border:1px solid var(--border); border-radius:9px; background:transparent; color:var(--text); cursor:pointer; }
.ad-note-dialog h3{ margin:7px 0 13px; font-size:19px; }
.ad-note-dialog textarea{ width:100%; resize:vertical; padding:12px; border:1px solid var(--border); border-radius:11px; outline:none; background:rgba(255,255,255,.03); color:var(--text); font-size:13px; line-height:1.5; }
.ad-note-dialog textarea:focus{ border-color:var(--ad-accent); }

@media (max-width:1400px){
    .ad-snapshot-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    .ad-milestones,.ad-memory-grid,.ad-insight-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:1100px){
    .atlas-discovery{ padding:20px; }
    .ad-two-column{ grid-template-columns:1fr; }
    .ad-insight-grid,.ad-growth-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ad-goals{ grid-template-columns:1fr; }
    .ad-journal-tools{ align-items:stretch; flex-direction:column; }
    .ad-journal-tools > div{ justify-content:flex-start; }
}

@media (max-width:760px){
    .atlas-discovery{ gap:16px; padding:14px; }
    .ad-hero{ min-height:auto; padding:29px 23px; }
    .ad-hero h2{ font-size:34px; }
    .ad-hero > i{ display:none; }
    .ad-section{ padding:20px; }
    .ad-section > header h2{ font-size:22px; }
    .ad-snapshot-grid,.ad-score-grid,.ad-health-grid,.ad-opportunity-list,.ad-insight-grid,.ad-growth-grid,.ad-dna ul,.ad-milestones,.ad-memory-grid,.ad-insight-list{ grid-template-columns:1fr; }
    .ad-year-review{ grid-template-columns:1fr; }
    .ad-year-review ul{ grid-template-columns:1fr; }
    .ad-journal-list > article{ grid-template-columns:54px minmax(0,1fr); }
    .ad-journal-list > article > img,.ad-journal-list > article > span{ width:54px; height:54px; }
    .ad-journal-list footer{ grid-column:1/-1; flex-wrap:wrap; }
    .ad-journal-list footer button span,.ad-journal-list footer label span{ display:none; }
}

@media (prefers-reduced-motion:reduce){
    .atlas-discovery *{ scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}