.results{
width:100%;
max-width:var(--pw1);
margin-top:40px;
padding-bottom:80px;
display:none;
}
.results.active{
display:block;
}
.result-card{
padding:var(--gap) 0;
animation:fadeIn 100ms ease;
position:relative;
}
.result-card+.result-card{
border-top:none;
margin-top:8px;
}
.result-card+.result-card::before{
content:"";
display:block;
width:8px;
height:8px;
background:var(--cl3);
border-radius:50%;
margin:0 auto 8px;
}
.result-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:20px;
margin-bottom:0;
}
.result-source{
font-size:0.85rem;
color:var(--cl2);
text-transform:uppercase;
letter-spacing:1px;
font-weight:600;
font-family:var(--ff2);
}
.result-media{
margin-bottom:24px;
position:relative;
}
.media-thumb{
max-width:100%;
height:auto;
cursor:pointer;
}
.result-title{
word-break:break-word;
overflow-wrap:break-word;
font-size:1.3rem;
font-weight:700;
margin-bottom:12px;
line-height:1.4;
font-family:var(--ff1);
}
.result-card.followup .result-title{
font-size:1rem;
font-weight:600;
font-family:var(--ff2);
color:var(--cl2);
margin-bottom:8px;
}
.result-body{
word-break:break-word;
overflow-wrap:break-word;
font-size:1.05rem;
line-height:1.75;
color:var(--cl2);
font-family:var(--ff1);
}
.result-body p{
margin-bottom:16px;
}
.result-body p:last-child{
margin-bottom:0;
}
.result-body li{
margin-bottom:8px;
}
.result-body table{
font-family:var(--ff1);
border-collapse:collapse;
width:100%;
margin:12px 0;
}
.result-body table th,
.result-body table td{
padding:8px 12px;
text-align:left;
border:1px solid rgba(255,255,255,0.12);
}
.result-body table th{
background:rgba(255,255,255,0.06);
font-weight:600;
}
.result-body h2,
.result-body h3,
.result-body h4{
font-family:var(--ff1);
color:var(--cl1);
margin:28px 0 12px;
line-height:1.3;
}
.result-body h2:first-child,
.result-body h3:first-child,
.result-body h4:first-child{
margin-top:0;
}
.result-body p+h2,
.result-body p+h3,
.result-body p+h4,
.result-body ul+h2,
.result-body ul+h3,
.result-body ul+h4,
.result-body ol+h2,
.result-body ol+h3,
.result-body ol+h4{
margin-top:28px;
}
.result-body hr{
border:none;
margin:20px 0;
}
.result-body strong{
color:var(--cl1);
}
.result-body a{
color:var(--lnk);
}
.result-body a strong,
.result-body strong a{
color:inherit;
}
.collapsible-section{
margin-top:16px;
margin-bottom:16px;
background:rgba(255,255,255,0.02);
border-radius:16px;
padding:14px 16px;
}
.collapsible-top{
display:flex;
align-items:center;
justify-content:space-between;
}
.collapsible-header{
display:table;
align-items:center;
gap:8px;
padding:10px 0;
cursor:pointer;
color:var(--cl3);
font-size:0.95rem;
font-family:var(--ff2);
font-weight:600;
letter-spacing:0.04em;
text-transform:uppercase;
background:none;
border:none;
border-radius:0;
transition:color 150ms;
}
.collapsible-header:hover{
color:var(--cl1);
text-decoration:underline;
}
.copy-transcript-btn{
display:inline-block;
padding:6px 18px;
font-size:0.78rem;
font-family:var(--ff2);
font-weight:600;
background:transparent;
border:1px solid var(--bc1);
color:var(--cl3);
border-radius:100px;
cursor:pointer;
transition:background 100ms,color 100ms,border-color 100ms;
}
.copy-transcript-btn:hover{
background:var(--bg3);
color:var(--cl2);
}
.collapsible-arrow{
display:inline-block;
width:9px;
height:9px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg);
transition:transform 150ms;
margin-left:8px;
margin-top:-1px;
}
.collapsible-header.collapsed .collapsible-arrow{
transform:rotate(-45deg);
}
.collapsible-content{
font-family:var(--ff1);
font-size:0.95rem;
line-height:1.7;
color:var(--cl2);
white-space:pre-wrap;
padding-bottom:12px;
text-align:left;
}
.result-actions{
display:flex;
gap:10px;
margin-top:20px;
}
.result-actions button:not(.share-icon-btn):not(.save-clipry-btn):not(.share-btn){
border-radius:100px;
padding:8px 18px;
font-size:0.9rem;
font-family:var(--ff2);
border:1px solid var(--bc2);
background:var(--bg3);
color:var(--cl1);
cursor:pointer;
transition:background 100ms,border-color 100ms;
}
.result-actions button:not(.share-icon-btn):not(.save-clipry-btn):not(.share-btn):hover{
background:var(--bc1);
border-color:var(--cl3);
}
.result-actions button.primary{
background:var(--ac1);
border-color:var(--ac1);
color:#fff;
}
.result-actions button.primary:hover{
background:var(--ac1-light);
border-color:var(--ac1-light);
}
.source-link{
margin-top:16px;
padding-top:12px;
border-top:1px solid var(--border);
}
.source-link-item{margin-bottom:8px;}
.source-link-item:last-child{margin-bottom:0;}
.source-link a{
color:var(--ac1);
font-size:17px;
word-break:break-all;
}
.card-separator{
text-align:center;
padding:16px 0;
}
.sep-dot{
display:inline-block;
width:6px;
height:6px;
background:rgba(255,255,255,.3);
border-radius:50%;
}
.pdf-meta{
display:flex;
align-items:center;
gap:10px;
margin:8px 0 20px 0;
}
.pdf-pages{
font-size:0.75rem;
color:var(--c3);
background:rgba(255,255,255,0.08);
padding:2px 8px;
border-radius:100px;
}
.pdf-view-link{
font-size:0.75rem;
color:var(--ac1);
text-decoration:none;
}
.pdf-view-link:hover{
text-decoration:underline;
}
.media-single .media-grid-item{
max-width:100%;
}
.media-single .media-grid-item:has(img){
width:240px;
}
.media-single .media-grid-item img{
max-width:100%;
height:auto;
max-height:240px;
object-fit:contain;
cursor:pointer;
}
.media-single .media-grid-item video{
max-width:100%;
height:auto;
max-height:400px;
object-fit:contain;
display:block;
}
.media-single .media-grid-item.yt-short{
height:300px;
width:auto;
aspect-ratio:9/16;
margin:0;
}
.media-compact{
display:flex;
gap:8px;
}
.media-compact .media-grid-item{
width:120px;
height:120px;
flex-shrink:0;
}
.media-compact .media-grid-item img,
.media-compact .media-grid-item video{
width:100%;
height:100%;
object-fit:cover;
border-radius:0;
cursor:pointer;
}
.media-grid{
display:flex;
flex-wrap:wrap;
gap:6px;
}
.media-grid-item{
overflow:hidden;
position:relative;
}
.media-grid .media-grid-item{
height:240px;
}
.media-grid .media-grid-item img,
.media-grid .media-grid-item video{
height:100%;
width:auto;
object-fit:contain;
display:block;
}
.media-grid .media-grid-item img{
cursor:pointer;
}.result-actions .share-btn{
display:flex;
align-items:center;
justify-content:center;
padding:12px !important;
background:none !important;
border:none !important;
color:var(--cl2);
cursor:pointer;
border-radius:100px;
transition:background 150ms,color 150ms;
}
.result-actions .share-btn:hover{
background:var(--bg3) !important;
color:var(--cl1);
}
.result-actions .share-btn svg{
width:28px;
height:28px;
}
.save-clipry-btn{
display:flex;
align-items:center;
gap:8px;
padding:12px 22px;
border-radius:100px;
font-size:0.95rem;
font-weight:600;
font-family:var(--ff2);
border:none;
background:none;
color:var(--cl2);
cursor:pointer;
transition:background 150ms,color 150ms;
}
.save-clipry-btn:hover{
background:var(--bg3);
color:var(--cl1);
}
.save-clipry-btn:disabled{
opacity:0.6;
cursor:default;
}
.save-clipry-btn.saved{
background:rgba(100,200,100,0.15);
color:#6ab06a;
border-color:#6ab06a;
}
.save-clipry-btn svg{
width:24px;
height:24px;
flex-shrink:0;
}
.result-links{
margin-top:16px;
margin-bottom:0;
display:flex;
flex-direction:column;
gap:0;
overflow:hidden;
box-sizing:border-box;
}
.link-row{
display:flex;
align-items:center;
gap:8px;
padding:6px 10px;
}
.link-dot{
width:6px;
height:6px;
border-radius:50%;
flex-shrink:0;
}
.link-dot.green{
background:#4caf50;
}
.link-dot.red{
background:#f44336;
}
.result-links a{
display:block;
color:#9aa0a6;
font-size:1rem;
font-family:var(--ff2);
text-decoration:none;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
min-width:0;
}
.result-links a:hover{
color:#8ab4f8;
text-decoration:underline;
}
.result-timer{
font-size:0.65rem;
padding:2px 8px;
border-radius:100px;
font-weight:600;
letter-spacing:0.5px;
text-transform:uppercase;
background:rgba(200,170,110,0.15);
color:#c8a86e;
font-family:var(--ff2);
margin-left:6px;
}
.model-badge[data-model="gemini flash"],.model-badge[data-model="gemini pro"]{
background:rgba(66,133,244,0.15);
color:#4285f4;
}
.model-badge[data-model="gpt-4o"]{
background:rgba(16,163,127,0.15);
color:#10a37f;
}
.model-badge[data-model="deepseek v3"]{
background:rgba(71,118,230,0.15);
color:#4776e6;
}
.model-badge[data-model="grok fast"],.model-badge[data-model="grok mini"]{
background:rgba(255,255,255,0.12);
color:#e4e4e4;
}
.model-badge[data-model="mistral large"]{
background:rgba(255,123,0,0.15);
color:#ff7b00;
}
.model-badge[data-model="llama maverick"]{
background:rgba(0,122,204,0.15);
color:#007acc;
}
.model-badge[data-model="qwen 3 235b"]{
background:rgba(107,63,255,0.15);
color:#6b3fff;
}
.model-badge[data-model="command r+"]{
background:rgba(57,179,120,0.15);
color:#39b378;
}
.model-badge[data-model="sonar pro"]{
background:rgba(32,170,200,0.15);
color:#20aac8;
}
.phase-loading{
padding:20px 0 8px;
font-family:var(--ff2);
}
.phase-steps{
display:flex;
flex-direction:column;
gap:10px;
}
.phase-step{
display:flex;
align-items:center;
gap:10px;
font-size:0.85rem;
letter-spacing:0.02em;
transition:color 0.3s,opacity 0.3s;
line-height:1;
}
.phase-step.future{
color:var(--cl3);
opacity:0.25;
}
.phase-step.active{
color:var(--cl1);
opacity:1;
font-weight:500;
}
.phase-step.done{
color:#66bb6a;
opacity:0.7;
}
.step-icon{
width:18px;
height:18px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
font-size:0.85rem;
line-height:1;
}
.phase-step.future .step-icon{
color:var(--cl3);
opacity:0.5;
font-size:0.6rem;
}
.phase-step.done .step-icon{
color:#66bb6a;
font-size:0.9rem;
}
.phase-step.active .step-icon{
width:10px;
height:10px;
border-radius:50%;
background:var(--ac1);
animation:pulse-dot 1.2s ease-in-out infinite;
margin:0 4px;
}
@keyframes pulse-dot{
0%,100%{opacity:0.35;transform:scale(0.8);}
50%{opacity:1;transform:scale(1.2);}
}
.step-label{
flex:1;
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}.media-single .media-grid-item.yt-landscape{
width:50%;
aspect-ratio:16/9;
}
.lang-menu{
position:absolute;
top:0;
right:0;
z-index:10;
}
.lang-btn{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
background:none;
border:none;
color:var(--cl3);
cursor:pointer;
transition:color 100ms;
padding:0;
}
.lang-btn:hover{
color:var(--cl1);
}
.lang-btn svg{
width:28px;
height:28px;
}
.lang-dropdown{
display:none;
position:absolute;
top:56px;
right:0;
background:var(--bg2);
border:1px solid var(--bc1);
border-radius:8px;
min-width:160px;
box-shadow:var(--box);
overflow:hidden;
}
.lang-dropdown.open{
display:flex;
flex-direction:column;
}
.lang-dropdown button{
display:flex;
align-items:center;
gap:8px;
padding:12px 18px;
background:none;
border:none;
color:var(--cl2);
font-size:1.1rem;
font-family:var(--ff2);
cursor:pointer;
text-align:left;
transition:background 100ms,color 100ms;
}
.lang-dropdown button:hover{
background:var(--bg3);
color:var(--cl1);
}
.lang-dropdown button.active{
color:var(--ac1);
}
.translating .result-body{
opacity:0.4;
transition:opacity 200ms;
}
.media-grid-item.yt-active,
.media-single .media-grid-item.yt-active{
width:calc(100% - 56px);
border-radius:0;
background:#000;
height:auto;
max-height:400px;
aspect-ratio:16/9;
position:relative;
overflow:hidden;
}
.media-grid-item.yt-active iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
border-radius:0;
}
.result-meta{
display:flex;
align-items:center;
gap:10px;
margin-top:28px;
padding-top:16px;

font-family:var(--ff2);
}
.result-meta:empty{display:none;}
.result-body ul,
.result-body ol{
list-style:none;
padding-left:22px;
}
.result-body .li-bullet,
.result-body .li-num{
color:var(--cl3);
margin-right:3px;
user-select:none;
-webkit-user-select:none;
pointer-events:none;
font-size:1.5em;
line-height:1;
vertical-align:middle;
}
.result-body .li-bullet{
font-size:2em;
margin-right:6px;
}
.suggestion-chips{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:20px;
padding-top:16px;
}
.suggestion-chip{
display:inline-block;
padding:8px 16px;
border-radius:100px;
font-size:0.9rem;
font-family:var(--ff2);
background:var(--bg3);
border:none;
color:var(--cl2);
cursor:pointer;
transition:background 150ms,color 150ms,border-color 150ms;
text-align:left;
line-height:1.4;
}
.suggestion-chip:hover{
background:var(--bg2);
color:var(--cl1);
}