*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Monaco,Lucida Console,monospace;background-color:#fefbeb;color:#000;line-height:1.5;font-size:14px;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.App{min-height:100vh;display:flex;flex-direction:column;background-color:#fefbeb;max-width:1000px;margin:0 auto;padding:1rem;border:1px solid #d4a574}.hero-section{position:relative;background-color:#fefbeb;border:1px solid #d4a574;margin-bottom:1rem;padding:1rem;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.1}.hero-banner{width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{position:relative;z-index:1;text-align:center;color:#000}.hero-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#8b4513;text-decoration:underline}.hero-subtitle{font-size:1.2rem;color:#000;margin:0;font-style:italic;line-height:1.4}.description-section{margin-bottom:1rem;padding:1rem;background-color:#fefbeb;border:1px solid #d4a574}.description-section p{font-size:16px;color:#000;margin:0;line-height:1.6}.niko-reference{color:#8b4513;text-decoration:underline;font-weight:700;display:inline-flex;align-items:center;gap:.25rem}.niko-reference:hover{color:#dc143c}.niko-avatar{width:16px;height:16px;border-radius:50%;vertical-align:middle}.read-more-link{color:#8b4513;text-decoration:underline;font-weight:700;font-size:.9em;margin-left:.5rem;transition:color .2s ease}.read-more-link:hover{color:#dc143c}.chart-section{margin-bottom:1rem;padding:1rem;background-color:#fefbeb;border:1px solid #d4a574}.chart-section h2{font-size:1.5rem;color:#8b4513;margin-bottom:.5rem;text-decoration:underline}.chart-container{background-color:#fefbeb;border:1px solid #d4a574;padding:1rem}.chart-header{text-align:left;margin-bottom:1rem}.chart-header h3{font-size:1.2rem;color:#8b4513;margin-bottom:.5rem;text-decoration:underline}.chart-subtitle{color:#000;font-size:14px;line-height:1.4}.chart-toggle{display:flex;gap:.5rem;margin:.5rem 0}.toggle-btn{padding:.5rem 1rem;border:1px solid #8B4513;background-color:#fefbeb;color:#8b4513;font-family:Courier New,Monaco,Lucida Console,monospace;font-size:14px;font-weight:700;cursor:pointer}.toggle-btn:hover{background-color:#d4a574}.toggle-btn.active{background-color:#8b4513;color:#fefbeb}.chart-sources{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #d4a574}.source-text{font-size:12px;color:#000;margin:0;line-height:1.5}.source-link{color:#8b4513;text-decoration:underline;font-weight:700}.source-link:hover{color:#dc143c}.chart-layout{display:flex;gap:1rem;align-items:flex-start}.chart-visualization{flex:1;margin-bottom:1rem}.asset-sidebar{min-width:150px;position:sticky;top:1rem;align-self:flex-start}.asset-list{display:flex;flex-direction:column;gap:.25rem}.asset-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border:1px solid #d4a574;background-color:#fefbeb;font-family:Courier New,Monaco,Lucida Console,monospace;font-size:14px}.asset-item:hover{background-color:#d4a574}.asset-item.active{background-color:#8b4513;color:#fefbeb;font-weight:700}.asset-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.asset-item span{color:#000;font-weight:700;font-size:14px}.asset-item.active span{color:#fefbeb;font-weight:700}.line-chart-container{flex:1;height:300px;padding:.5rem 0;overflow:visible;min-height:250px}.line-chart{width:100%;height:100%;background-color:#fefbeb;border:1px solid #d4a574}.axis-label{font-size:12px;fill:#666;font-family:Courier New,Monaco,Lucida Console,monospace}.chart-line{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chart-line:hover{stroke-width:4;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.data-point{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.data-point:hover{r:6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.recharts-legend-wrapper{font-family:Courier New,Monaco,Lucida Console,monospace!important;font-size:12px!important}.recharts-legend-item{font-family:Courier New,Monaco,Lucida Console,monospace!important;font-size:12px!important;color:#333!important;cursor:pointer!important;transition:all .2s ease!important}.recharts-legend-item:hover{opacity:.7!important}.recharts-legend-item-text{color:#333!important;font-weight:400!important;cursor:pointer!important;transition:all .2s ease!important}.recharts-legend-item-text:hover{text-decoration:underline!important}.recharts-legend-item[style*="opacity: 0.3"] .recharts-legend-item-text{color:#999!important;font-style:italic!important}.recharts-legend-item[style*="opacity: 0.3"]:hover .recharts-legend-item-text{color:#666!important;text-decoration:underline!important}.chart-insight{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #8B4513;margin-top:1rem}.chart-insight p{margin:0;color:#333;line-height:1.6}.chart-insight strong{color:#8b4513}.articles-section{margin-bottom:1rem;padding:1rem;background-color:#fefbeb;border:1px solid #d4a574}.articles-section h2{font-size:1.5rem;color:#8b4513;margin-bottom:.5rem;text-decoration:underline}.articles-container{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.article-card{background-color:#fefbeb;border:1px solid #d4a574;padding:.5rem}.article-card h3{font-size:1.1rem;color:#8b4513;margin-bottom:.5rem;text-decoration:underline}.article-card p{color:#000;margin-bottom:.5rem;line-height:1.5;font-size:14px}.article-date{font-size:12px;color:#000;font-style:italic}.article-link{display:inline-block;color:#8b4513;text-decoration:underline;font-weight:700;font-size:14px;margin-top:.5rem}.article-link:hover{color:#dc143c}@media (max-width: 768px){.App{padding:.5rem}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.description-section p{font-size:14px}.line-chart-container{height:250px;min-height:200px}.chart-layout{flex-direction:column;gap:.5rem}.asset-sidebar{position:static;min-width:auto;order:-1}.asset-list{flex-direction:row;flex-wrap:wrap;gap:.25rem}.asset-item{flex:1;min-width:100px;justify-content:center;text-align:center;flex-direction:column;gap:.25rem;padding:.5rem}.asset-item span{font-size:12px}.chart-visualization{width:100%;overflow-x:auto}.line-chart-container{width:100%;min-width:300px}}.feel-it-section{margin-bottom:1rem;padding:1rem;background-color:#fefbeb;border:1px solid #d4a574}.feel-it-section h2{font-size:1.5rem;color:#8b4513;margin-bottom:.5rem;text-decoration:underline;text-align:left}.image-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.image-item{background-color:#fefbeb;border:1px solid #d4a574;padding:.5rem;transition:transform .2s ease,box-shadow .2s ease}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.gallery-image{width:100%;height:auto;max-height:300px;object-fit:cover;object-position:center;border:1px solid #d4a574;transition:opacity .2s ease}.gallery-image:hover{opacity:.9}@media (max-width: 768px){.image-gallery{grid-template-columns:repeat(2,1fr);gap:.5rem}.gallery-image{max-height:200px}}@media (max-width: 480px){.image-gallery{grid-template-columns:1fr;gap:.5rem}.gallery-image{max-height:250px}.image-item{padding:.25rem}.feel-it-section h2{font-size:1.3rem;text-align:center}.image-item:hover{transform:none;box-shadow:0 2px 4px #0000001a}}.footer{margin-top:1rem;padding:1rem;background-color:#fefbeb;border:1px solid #d4a574;text-align:center}.footer p{margin:0;color:#8b4513;font-size:14px;font-style:italic}