.distill-page{ min-height:100vh; background:var(--bg-primary); display:flex; flex-direction:column;}.distill-nav{ display:flex; align-items:center; justify-content:space-between; padding:18px 40px; background:var(--bg-secondary); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:50;}.nav-brand{ display:flex; align-items:center; gap:6px; text-decoration:none; font-family:var(--font-mono); font-size:15px; letter-spacing:0.08em;}.nav-brand-parent{color:var(--text-muted)}.nav-brand-sep{color:var(--text-muted);font-family:var(--font-mono);font-weight:300}.nav-brand-product{color:var(--text-primary)}.nav-meta{display:flex;align-items:center;gap:16px}.nav-tag{ font-size:10px; letter-spacing:0.18em; text-transform:uppercase; color:var(--accent); padding:4px 10px; border:1px solid var(--border); background:var(--accent-dim); border-color:var(--border-accent);}.distill-shell{ display:grid; grid-template-columns:260px 1fr; flex:1; min-height:0;}.distill-sidebar{ background:var(--bg-secondary); border-right:1px solid var(--border); padding:28px 24px; overflow-y:auto; position:sticky; top:57px; height:calc(100vh - 57px);}.sidebar-header{margin-bottom:20px}.sidebar-label{ font-size:10px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; color:var(--accent); font-family:var(--font-mono);}.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar-link{ display:block; padding:10px 12px; text-decoration:none; border:1px solid transparent; transition:border-color 0.15s,background 0.15s; border-radius:2px;}.sidebar-link:hover{ background:var(--bg-surface); border-color:var(--border);}.sidebar-title{ display:block; font-size:13px; color:var(--text-primary); font-weight:400; line-height:1.4; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:4px;}.sidebar-domain{ display:block; font-size:11px; color:var(--text-muted); font-family:var(--font-mono);}.sidebar-empty{ font-size:13px; color:var(--text-muted);}.distill-main{ padding:60px 80px; max-width:900px; width:100%; overflow-y:auto;}.distill-input-zone{margin-bottom:60px}.distill-hero{margin-bottom:40px}.distill-eyebrow{ display:inline-block; font-family:var(--font-mono); font-size:11px; font-weight:400; letter-spacing:0.15em; text-transform:uppercase; color:var(--text-muted); margin-bottom:16px;}.distill-headline{ font-family:var(--font-mono); font-size:clamp(36px,5vw,64px); font-weight:600; line-height:1.05; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:20px;}.headline-accent{ color:var(--accent);}.distill-subhead{ font-size:15px; color:var(--text-secondary); line-height:1.7; font-weight:300; max-width:520px;}.distill-form{width:100%}.form-row{ display:flex; gap:0; border:1px solid var(--border); background:var(--bg-surface); transition:border-color 0.2s,box-shadow 0.2s;}.form-row:focus-within{ border-color:rgba(59,130,246,0.4); box-shadow:0 0 16px var(--accent-dim);}.url-input{ flex:1; padding:16px 20px; background:transparent; border:none; outline:none; font-family:var(--font-mono); font-size:13px; color:var(--text-primary);}.url-input::placeholder{ color:var(--text-muted);}.distill-btn{ padding:16px 28px; background:var(--accent); border:none; cursor:pointer; font-family:var(--font-mono); font-size:13px; font-weight:500; letter-spacing:0.05em; color:#fff; transition:opacity 0.15s,box-shadow 0.2s; display:flex; align-items:center; gap:8px; white-space:nowrap;}.distill-btn:hover{ opacity:0.88; box-shadow:0 0 16px var(--accent-glow);}.distill-btn:disabled{opacity:0.5;cursor:wait}.btn-loading{ display:flex; align-items:center; gap:8px;}.spinner{ width:14px; height:14px; border:2px solid rgba(255,255,255,0.25); border-top-color:#fff; border-radius:50%; animation:spin 0.7s linear infinite; display:inline-block;}@keyframes spin{to{transform:rotate(360deg)}}.form-error{ margin-top:12px; font-size:13px; color:var(--danger); font-weight:400;}.article-result{display:flex;flex-direction:column;gap:32px}.summary-card{ background:var(--bg-surface); border:1px solid var(--border); padding:36px 40px; position:relative;}.summary-card::before{ content:''; position:absolute; top:0;left:0; width:2px; height:100%; background:var(--accent);}.summary-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}.summary-badge{ font-size:10px; letter-spacing:0.18em; text-transform:uppercase; color:var(--accent); background:var(--accent-dim); border:1px solid var(--border-accent); padding:4px 10px;}.source-link{ font-family:var(--font-mono); font-size:12px; color:var(--text-muted); text-decoration:none; transition:color 0.15s;}.source-link:hover{color:var(--accent)}.article-title{ font-family:var(--font-mono); font-size:clamp(20px,2.5vw,30px); font-weight:600; letter-spacing:-0.01em; color:var(--text-primary); line-height:1.2; margin-bottom:18px;}.article-summary{ font-size:16px; line-height:1.75; color:var(--text-secondary); font-weight:300; margin-bottom:28px;}.key-points{border-top:1px solid var(--border);padding-top:24px}.kp-label{ display:block; font-family:var(--font-mono); font-size:10px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent); margin-bottom:14px;}.kp-list{list-style:none;display:flex;flex-direction:column;gap:10px}.kp-item{ font-size:14px; color:var(--text-primary); padding-left:20px; position:relative; line-height:1.5;}.kp-item::before{ content:'→'; position:absolute; left:0; color:var(--accent); font-size:13px; font-family:var(--font-mono);}.article-content-zone{ background:var(--bg-secondary); border:1px solid var(--border); padding:36px 40px;}.content-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; padding-bottom:16px; border-bottom:1px solid var(--border);}.content-label{ font-family:var(--font-mono); font-size:10px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; color:var(--text-muted);}.content-length{ font-family:var(--font-mono); font-size:12px; color:var(--text-muted);}.article-body{ max-height:600px; overflow-y:auto; padding-right:8px;}.article-body::-webkit-scrollbar{width:4px}.article-body::-webkit-scrollbar-track{background:transparent}.article-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.article-body p{ font-size:15px; line-height:1.8; color:var(--text-secondary); font-weight:300; margin-bottom:18px;}.article-body p:last-child{margin-bottom:0}.distill-footer-badge{ margin-top:60px; padding-top:24px; border-top:1px solid var(--border); display:flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; color:var(--text-muted); letter-spacing:0.05em;}.footer-badge-dot{ width:5px; height:5px; border-radius:50%; background:var(--accent); box-shadow:0 0 6px var(--accent-glow);}.footer-badge-link{ color:var(--text-muted); text-decoration:none; transition:color 0.15s;}.footer-badge-link:hover{color:var(--accent)}@media (max-width:768px){ .distill-shell{ grid-template-columns:1fr;} .distill-sidebar{ display:none;} .distill-main{ padding:36px 24px;} .summary-card,.article-content-zone{ padding:24px 20px;} .distill-headline{ font-size:clamp(28px,8vw,48px);}}