.page-organic{--black:#0a0a0a;--red:#e63946;--yellow:#ffbe0b;--white:#fff;--bg:#f0ede6;--border:3px solid #0a0a0a;--text-primary:#0a0a0a;--text-secondary:#0a0a0ab3;--text-tertiary:#0a0a0a73;--text-on-dark:#f0ede6;--font-heading:"Space Mono",monospace;--font-body:"IBM Plex Sans",sans-serif;--transition-snap:.2s cubic-bezier(0,0,.2,1);font-family:var(--font-body);color:var(--text-primary);background:var(--bg);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}.page-organic *,.page-organic :before,.page-organic :after{box-sizing:border-box;margin:0;padding:0}.page-organic h1,.page-organic h2,.page-organic h3,.page-organic h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;font-weight:700;line-height:1.2}.page-organic a{color:inherit;text-decoration:none}.page-organic .top-bar{z-index:100;background:var(--bg);border-bottom:var(--border);padding:0 24px;position:sticky;top:0}.page-organic .top-bar-inner{justify-content:space-between;align-items:center;max-width:1440px;height:56px;margin:0 auto;display:flex}.page-organic .back-link{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;transition:color var(--transition-snap);align-items:center;gap:8px;padding:6px 0;font-size:.82rem;font-weight:700;display:inline-flex}.page-organic .back-link:hover{color:var(--red)}.page-organic .back-link svg{stroke-width:3px;width:18px;height:18px}.page-organic .top-bar-title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.page-organic .btn-reset{font-family:var(--font-heading);color:var(--text-primary);background:var(--yellow);border:var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:background var(--transition-snap),color var(--transition-snap);border-radius:0;padding:7px 18px;font-size:.75rem;font-weight:700}.page-organic .btn-reset:hover{background:var(--black);color:var(--white)}.page-organic .page-header{text-align:center;padding:36px 24px 12px}.page-organic .page-header h1{color:var(--text-primary);margin-bottom:6px;font-size:clamp(1.5rem,3.5vw,2.2rem)}.page-organic .page-header p{font-family:var(--font-body);color:var(--text-secondary);text-transform:none;font-size:.95rem}.page-organic .info-banner{background:var(--yellow);border:var(--border);text-align:center;max-width:520px;color:var(--text-primary);border-radius:0;margin:12px auto 20px;padding:12px 20px;font-size:.85rem}.page-organic .info-banner strong{font-weight:700}.page-organic .main-layout{gap:0;max-width:1440px;height:calc(100vh - 180px);min-height:520px;margin:0 auto;padding:0 20px 40px;display:flex}.page-organic .chat-panel{background:var(--white);border:var(--border);border-radius:0;flex-direction:column;flex:0 0 55%;display:flex;overflow:hidden}.page-organic .chat-header{border-bottom:var(--border);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.page-organic .chat-avatar{background:var(--black);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.page-organic .chat-avatar-icon{width:18px;height:18px;color:var(--white)}.page-organic .chat-header-info h3{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:700}.page-organic .chat-header-info span{font-family:var(--font-body);color:var(--text-tertiary);text-transform:none;font-size:.78rem}.page-organic .chat-messages{scroll-behavior:smooth;background:var(--bg);flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.page-organic .chat-messages::-webkit-scrollbar{width:6px}.page-organic .chat-messages::-webkit-scrollbar-track{background:0 0}.page-organic .chat-messages::-webkit-scrollbar-thumb{background:#0a0a0a33;border-radius:0}.page-organic .chat-empty-state{text-align:center;color:var(--text-tertiary);flex:1;justify-content:center;align-items:center;padding:40px 20px;font-size:.9rem;display:flex}.page-organic .exchange-row{flex-direction:column;gap:8px;animation:.2s cubic-bezier(0,0,.2,1) brutalSlideIn;display:flex}.page-organic .exchange-pending{opacity:.85}@keyframes brutalSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-organic .exchange-input{border:var(--border);background:var(--white);border-radius:0;align-self:flex-end;width:75%;overflow:hidden}.page-organic .exchange-response{align-self:flex-start;max-width:45%}.page-organic .api-call-header{font-family:var(--font-heading);color:var(--white);letter-spacing:.06em;text-transform:uppercase;background:var(--black);padding:8px 16px;font-size:.72rem;font-weight:700}.page-organic .payload-stack{background:var(--bg);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.page-organic .payload-stack-pair{flex-direction:column;gap:4px;display:flex}.page-organic .payload-total{font-family:var(--font-heading);color:var(--text-secondary);text-align:right;text-transform:uppercase;letter-spacing:.04em;border-top:1px solid #0a0a0a1a;margin-top:2px;padding:6px 0 0;font-size:.72rem;font-weight:700}.page-organic .tag-box{background:var(--white);transition:border-color var(--transition-snap);border:2px solid #0a0a0a33;border-radius:0;overflow:hidden}.page-organic .tag-box:hover{border-color:#0a0a0a80}.page-organic .tag-box-open{border-color:var(--black)}.page-organic .tag-box-face{cursor:pointer;width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;text-align:left;transition:background var(--transition-snap);background:0 0;border:none;justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;font-size:.7rem;font-weight:700;display:flex}.page-organic .tag-box-face:hover{background:#0a0a0a0a}.page-organic .tag-box-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-organic .tag-box-tokens{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:.6rem;font-weight:400}.page-organic .tag-box-system .tag-box-face{color:var(--white);background:var(--red)}.page-organic .tag-box-system .tag-box-face:hover{background:#c92d3a}.page-organic .tag-box-system .tag-box-tokens{color:#ffffffa6}.page-organic .tag-box-prompt .tag-box-face{color:var(--text-primary);background:var(--yellow)}.page-organic .tag-box-prompt .tag-box-face:hover{background:#ebb200}.page-organic .tag-box-response .tag-box-face{color:var(--text-primary);background:var(--white)}.page-organic .tag-box-summary .tag-box-face{color:var(--white);background:#5a3e8e}.page-organic .tag-box-summary .tag-box-face:hover{background:#4a3278}.page-organic .tag-box-summary .tag-box-tokens{color:#fff9}.page-organic .tag-box-content{font-family:var(--font-body);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:#0a0a0a08;border-top:1px solid #0a0a0a1a;max-height:200px;padding:10px 14px;font-size:.82rem;line-height:1.6;overflow-y:auto}.page-organic .tag-box-content::-webkit-scrollbar{width:4px}.page-organic .tag-box-content::-webkit-scrollbar-track{background:0 0}.page-organic .tag-box-content::-webkit-scrollbar-thumb{background:#0a0a0a26}.page-organic .typing-indicator{background:var(--white);border:var(--border);border-radius:0;align-items:center;gap:6px;padding:12px 18px;animation:.2s cubic-bezier(0,0,.2,1) brutalSlideIn;display:inline-flex}.page-organic .typing-dot{background:var(--black);opacity:.5;border-radius:0;width:7px;height:7px;animation:1.2s cubic-bezier(0,0,.2,1) infinite brutalTypingPulse}.page-organic .typing-dot:nth-child(2){animation-delay:.15s}.page-organic .typing-dot:nth-child(3){animation-delay:.3s}@keyframes brutalTypingPulse{0%,60%,to{opacity:.2;transform:scale(1)}30%{opacity:1;transform:scale(1.3)}}.page-organic .chat-input-area{border-top:var(--border);background:var(--white);flex-shrink:0;align-items:flex-end;gap:10px;padding:14px 16px;display:flex}.page-organic .chat-input-wrapper{flex:1;position:relative}.page-organic .chat-input{width:100%;min-height:44px;max-height:120px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg);border:var(--border);resize:none;transition:border-color var(--transition-snap);border-radius:0;outline:none;padding:10px 16px;font-size:.9rem;line-height:1.5;overflow-y:auto}.page-organic .chat-input:focus{border-color:var(--red)}.page-organic .chat-input::placeholder{color:var(--text-tertiary)}.page-organic .btn-send{border:var(--border);background:var(--black);width:44px;height:44px;color:var(--white);cursor:pointer;transition:background var(--transition-snap);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-organic .btn-send:hover{background:var(--red)}.page-organic .btn-send:active{transform:scale(.96)}.page-organic .btn-send:disabled{opacity:.3;cursor:not-allowed;transform:none}.page-organic .btn-send svg{width:20px;height:20px}.page-organic .viz-panel{flex-direction:column;flex:0 0 45%;gap:16px;padding-left:20px;display:flex;overflow-y:auto}.page-organic .viz-panel::-webkit-scrollbar{width:6px}.page-organic .viz-panel::-webkit-scrollbar-track{background:0 0}.page-organic .viz-panel::-webkit-scrollbar-thumb{background:#0a0a0a33;border-radius:0}.page-organic .context-progress-section{background:var(--white);border:var(--border);border-radius:0;flex-shrink:0;padding:20px 24px}.page-organic .context-progress-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.page-organic .context-progress-label{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.page-organic .context-progress-count{font-family:var(--font-heading);color:var(--text-primary);font-size:.82rem;font-weight:700}.page-organic .context-progress-count span{color:var(--text-tertiary);font-weight:400}.page-organic .progress-bar-track{border:2px solid var(--black);background:#0a0a0a14;border-radius:0;width:100%;height:14px;position:relative;overflow:hidden}.page-organic .progress-bar-fill{background:var(--red);border-radius:0;min-width:0;height:100%;transition:width .4s cubic-bezier(0,0,.2,1);position:relative}.page-organic .progress-bar-fill:after{display:none}.page-organic .context-progress-model{font-family:var(--font-heading);color:var(--text-tertiary);align-items:center;gap:6px;margin-top:8px;font-size:.72rem;display:flex}.page-organic .model-dot{background:var(--red);border-radius:0;width:6px;height:6px}.page-organic .cost-tracker{background:var(--white);border:var(--border);border-radius:0;flex-shrink:0;justify-content:space-between;gap:16px;padding:16px 24px;display:flex}.page-organic .cost-item{text-align:center;flex:1}.page-organic .cost-item-label{font-family:var(--font-heading);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:.68rem;font-weight:700}.page-organic .cost-item-value{font-family:var(--font-heading);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.page-organic .cost-divider{background:var(--black);align-self:stretch;width:3px}.page-organic .mini-chart{background:var(--white);border:var(--border);border-radius:0;flex-shrink:0;padding:14px 16px}.page-organic .mini-chart-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.page-organic .mini-chart-label{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.page-organic .mini-chart-value{font-family:var(--font-heading);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.page-organic .mini-chart-svg{width:100%;height:auto;color:var(--text-primary);display:block}.page-organic .mini-chart-empty{text-align:center;font-family:var(--font-body);color:var(--text-tertiary);padding:20px 0;font-size:.8rem}.page-organic .mini-chart-x-axis{font-family:var(--font-heading);color:var(--text-tertiary);justify-content:space-between;margin-top:2px;font-size:.6rem;display:flex}.page-organic .mini-chart-legend{gap:14px;margin-top:8px;display:flex}.page-organic .mini-chart-legend-item{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:.62rem;font-weight:700;display:flex}.page-organic .mini-chart-legend-dot{flex-shrink:0;width:8px;height:8px}.page-organic .settings-section{background:var(--white);border:var(--border);border-radius:0;flex-shrink:0;padding:18px 20px}.page-organic .settings-header{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.78rem;font-weight:700}.page-organic .model-selector{flex-direction:column;gap:0;display:flex}.page-organic .model-option{background:var(--bg);cursor:pointer;width:100%;font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;text-align:left;transition:background var(--transition-snap),color var(--transition-snap);border:none;border-bottom:1px solid #0a0a0a1a;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.72rem;font-weight:700;display:flex}.page-organic .model-option:first-child{border-top:2px solid var(--black)}.page-organic .model-option:last-child{border-bottom:2px solid var(--black)}.page-organic .model-option:hover{background:#0a0a0a0f}.page-organic .model-option-active{background:var(--black);color:var(--white)}.page-organic .model-option-active:hover{background:var(--black)}.page-organic .model-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.page-organic .model-option-ctx{opacity:.7;flex-shrink:0;margin-left:8px;font-size:.65rem;font-weight:400}.page-organic .model-option-active .model-option-ctx{opacity:.5}.page-organic .insight-banner{background:var(--white);border-top:3px solid var(--red);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;animation:.25s cubic-bezier(0,0,.2,1) brutalInsightSlideUp;display:flex}@keyframes brutalInsightSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-organic .insight-banner-icon{background:var(--red);width:22px;height:22px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;display:flex}.page-organic .insight-banner-text{color:var(--text-secondary);flex:1;font-size:.82rem;line-height:1.5}.page-organic .insight-banner-dismiss{cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-snap);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.1rem;line-height:1}.page-organic .insight-banner-dismiss:hover{color:var(--text-primary)}.page-organic .insight-banner-overflow{border-top-color:var(--black);background:#fef2f2;border-top-width:4px}.page-organic .insight-banner-overflow .insight-banner-icon{background:var(--black)}.page-organic .summarization-divider{align-items:center;gap:12px;padding:8px 0;display:flex}.page-organic .summarization-divider:before,.page-organic .summarization-divider:after{content:"";background:#5a3e8e;flex:1;height:2px}.page-organic .summarization-divider span{font-family:var(--font-heading);color:#5a3e8e;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:.65rem;font-weight:700}.page-organic .summarizing-card{background:var(--white);border:3px solid #5a3e8e;align-items:center;gap:16px;padding:20px 24px;animation:.25s cubic-bezier(0,0,.2,1) brutalSlideIn;display:flex}.page-organic .summarizing-spinner{border:3px solid #5a3e8e33;border-top-color:#5a3e8e;flex-shrink:0;width:24px;height:24px;animation:.8s linear infinite brutalSpin}@keyframes brutalSpin{to{transform:rotate(360deg)}}.page-organic .summarizing-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.page-organic .summarizing-text strong{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;color:#5a3e8e;margin-bottom:2px;font-size:.78rem;font-weight:700;display:block}.page-organic .summarizing-text p{margin:0;font-size:.82rem}@media (max-width:900px){.page-organic .main-layout{flex-direction:column;height:auto;min-height:auto;padding-bottom:40px}.page-organic .chat-panel{flex:none;height:55vh;min-height:400px}.page-organic .viz-panel{flex:none;max-height:none;padding-top:16px;padding-left:0}}@media (max-width:600px){.page-organic .top-bar-title{display:none}.page-organic .page-header h1{font-size:1.4rem}.page-organic .info-banner{padding:10px 16px;font-size:.8rem}.page-organic .cost-tracker{flex-direction:column;align-items:center;gap:10px}.page-organic .cost-divider{width:60%;height:3px}}