#visualization.css
.visualization-container{margin:0 auto;max-width:1000px;padding:40px 20px;text-align:center}.visualization-title{font-size:32px;font-weight:700;margin-bottom:45px;padding:15px}.custom-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:20px;box-shadow:4px 8px 20px #0000001a;cursor:pointer;padding:24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:260px}.custom-card:hover{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000026,0 0 10px #6495ed4d;transform:translateY(-6px) scale(1.05) rotateX(2deg);transition:transform .3s ease,box-shadow .3s ease,-webkit-backdrop-filter .3s ease;transition:transform .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;transition:transform .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.custom-card:hover .card-icon{transform:scale(1.15) rotate(-3deg);transition:transform .3s ease}.card-icon{transition:transform .3s ease}.card-icon svg{height:36px;margin-bottom:12px;width:36px}.card-title{font-size:20px;font-weight:700;margin-bottom:10px}.card-text{color:#444;font-size:14px}.visualization-bubble{animation:float 10s ease-in-out infinite alternate;background:radial-gradient(circle,#3b82f64d,#0000 70%);filter:blur(100px);height:600px;left:50%;position:absolute;top:-100px;transform:translateX(-50%);width:600px;z-index:-1}@keyframes float{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(30px)}}.fade-up{animation:fadeUp .8s ease forwards;opacity:0;transform:translateY(30px)}#Histogram.css
.histogram-container{margin:0 auto;max-width:800px;padding:100px 40px 40px}.histogram-title{font-size:32px;font-weight:700;margin-bottom:20px;text-align:center}.histogram-description{font-size:16px;line-height:1.6}.histogram-description,.histogram-example{margin-bottom:30px;text-align:center}.histogram-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:30%}.histogram-caption{color:#555;font-size:14px;margin-top:8px}.histogram-key-points h2{font-size:20px;font-weight:600;margin-bottom:10px}.histogram-key-points ul{line-height:1.8;list-style-type:disc;padding-left:20px}.histogram-chart-section{margin:40px auto;max-width:600px;text-align:center}.histogram-bar-chart{background:#fff;border-radius:12px;padding:12px}.histogram-user-input{margin:30px auto;max-width:600px;text-align:center}.histogram-user-input textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;margin:10px 0;padding:12px;resize:none;width:100%}.histogram-user-input button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}.histogram-user-input button:hover{background-color:#2563eb}.histogram-navigation{display:flex;gap:20px;justify-content:center;margin-top:40px}.visualize-button{background-color:#f97316}.histogram-user-input .visualize-button{background-color:#f97316!important;color:#fff}#boxplot.css
.boxplot-container{margin:0 auto;max-width:900px;padding:40px;text-align:center}.boxplot-title{font-size:28px;font-weight:700;margin-bottom:10px}.boxplot-description{font-size:16px;line-height:1.6;margin-bottom:30px}.plot-wrapper{margin-bottom:30px}.boxplot-key-points ul{display:inline-block;line-height:2;padding-left:20px;text-align:left}.boxplot-navigation{margin-top:40px}.nav-button{background-color:#4f46e5;font-weight:700;margin:10px;padding:10px 20px;transition:.2s ease}.nav-button:hover{background-color:#4338ca}.boxplot-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:30%}.heatmap-container{margin:0 auto;max-width:900px;padding:60px 40px 40px;text-align:center}.heatmap-title{font-size:28px;font-weight:700;margin-bottom:20px}.heatmap-description{font-size:16px;line-height:1.6;margin-bottom:30px}.heatmap-example{margin-bottom:30px;text-align:center}.heatmap-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:50%}.heatmap-caption{color:#555;font-size:14px;margin-top:8px}.input-area{margin:0 auto 20px}.heatmap-key-points ul{display:inline-block;line-height:2;padding-left:20px;text-align:left}.heatmap-navigation{display:flex;gap:20px;justify-content:center;margin-top:40px}.heatmap-plot-section{margin:40px auto;max-width:700px;text-align:center}.heatmap-input-section h3{color:#374151;margin-bottom:8px}.example-button{background-color:#facc15!important}.example-button:hover{background-color:#eab308!important}.heatmap-summary{background-color:#fef3c7;border-left:6px solid #f59e0b;border-radius:8px;margin-left:auto;margin-right:auto;margin-top:10px;max-width:600px;padding:16px;text-align:left}.heatmap-summary h3{color:#92400e;font-size:18px;margin-bottom:8px}.heatmap-summary p{margin:4px 0}.heatmap-warning{background-color:#fee2e2;border-left:5px solid #dc2626;border-radius:6px;color:#b91c1c;margin-top:12px;padding:10px 16px}.heatmap-warning ul{margin:8px 0 0;padding-left:18px;text-align:left}.heatmap-guide{background-color:#f9fafb;border:1px solid #e5e7eb;box-shadow:0 2px 6px #0000000d;color:#111827;margin-left:auto;margin-right:auto;margin-top:30px;padding:15px}.heatmap-guide-wrapper{margin-top:30px;text-align:center}.accordion-toggle{margin-bottom:12px}.heatmap-guide{background-color:#fef9c3;border-radius:10px;font-size:15px;margin:0 auto;max-width:700px;padding:20px;text-align:left}.clock-container{margin:0 auto;max-width:900px;padding:50px 40px 40px;text-align:center}.clock-title{font-size:28px;font-weight:700;margin-bottom:20px}.clock-description{font-size:16px;line-height:1.6;margin-bottom:30px}.clock-example{margin-bottom:30px}.clock-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:50%}.clock-caption{color:#555;font-size:14px;margin-top:8px}.clock-input-section{margin-bottom:30px}.input-area{margin:0 auto}.visualize-button:hover{background-color:#ea580c}.clock-plot-section{margin:40px auto;max-width:700px;text-align:center}.clock-summary{background-color:#f3f4f6;border-radius:10px;font-size:15px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:600px;padding:20px;text-align:left}.clock-summary h3{font-weight:600;margin-bottom:12px}.clock-summary p{margin:4px 0}.clock-summary .alert{color:#dc2626;font-weight:700;margin-top:12px}.clock-key-points ul{display:inline-block;line-height:2;padding-left:20px;text-align:left}.clock-navigation{display:flex;gap:20px;justify-content:center;margin-top:40px}.clock-guide-wrapper{margin:40px auto;text-align:center}.clock-guide{background-color:#fef9c3;border-left:6px solid #facc15;border-radius:12px;font-size:15px;line-height:1.7;margin-left:auto;margin-right:auto;margin-top:20px;max-width:700px;padding:20px 24px;text-align:left}.clock-guide h2{color:#92400e;font-size:18px;margin-bottom:12px}.clock-guide ul{list-style-type:disc;padding-left:20px}.clock-guide li{margin-bottom:8px}.scatter-container{margin:0 auto;max-width:900px;padding:50px 40px 40px;text-align:center}.scatter-title{font-size:28px;font-weight:700;margin-bottom:20px}.scatter-description{font-size:16px;line-height:1.6;margin-bottom:30px}.scatter-example{margin-bottom:30px}.scatter-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:50%}.scatter-caption{color:#555;font-size:14px;margin-top:8px}.scatter-input-section{margin-bottom:30px}.input-area{border:1px solid #ccc;border-radius:8px;display:block;font-size:14px;margin:10px auto;max-width:600px;padding:12px;resize:vertical;width:100%}.visualize-button{background-color:#f97316!important;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .2s ease}.visualize-button:hover{background-color:#2563eb}.example-button{padding:10px 20px;transition:background-color .2s}.scatter-plot-section{max-width:700px}.scatter-guide-wrapper,.scatter-plot-section{margin:40px auto;text-align:center}.accordion-toggle{padding:10px 20px}.scatter-guide{background-color:#e0f2fe;border-left:6px solid #38bdf8;border-radius:12px;font-size:15px;line-height:1.7;margin-left:auto;margin-right:auto;margin-top:20px;max-width:700px;padding:20px 24px;text-align:left}.scatter-guide h2{color:#0369a1;font-size:18px;margin-bottom:12px}.scatter-guide ul{list-style-type:disc;padding-left:20px}.scatter-guide li{margin-bottom:8px}.scatter-navigation{display:flex;gap:20px;justify-content:center;margin-top:40px}.plotly .legend .traces .legendtext{color:#1e3a8a;font-weight:600}.scatter-plot-section{transition:box-shadow .3s ease}.scatter-plot-section:hover{box-shadow:0 0 12px #3b82f64d}.scatter-guide li strong{color:#1d4ed8}.App,body,html{background-color:#f8fafc;font-family:Segoe UI,sans-serif;margin:0;padding:0;text-align:center}.title{font-size:32px;font-weight:700;margin:24px 0 12px}.navbar{background-color:#111827;padding:12px 0;position:fixed;text-align:center;top:75px;width:100%;z-index:999}.menu a{color:#fff;font-size:20px;font-weight:500;margin:0 22px;text-decoration:none;transition:color .3s ease}.menu a:hover{color:#60a5fa}main{margin:0 auto;max-width:800px;padding:0}section{margin-bottom:40px}img{border-radius:10px;margin-top:16px;max-width:100%}table{border-collapse:collapse;margin:0 auto;width:80%}td,th{border:1px solid #ccc;padding:8px 12px}th{background-color:#f0f0f0}.logo-link{text-decoration:none}.logo-title{color:#111827;font-size:25px;font-weight:700;transition:color .3s ease}.logo-title:hover{color:#6366f1;cursor:pointer}.app-title-wrapper{background-color:#fff;box-shadow:0 2px 6px #0000000d;padding:5px 0;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.app-subtitle{color:#555;font-size:18px;margin:2px 0 0}.App{padding-top:130px}.factory-section,.news-section{margin:50px auto;max-width:800px;padding:15px;text-align:left}.factory-image{border-radius:12px;box-shadow:0 4px 16px #0000001a;height:400px;margin-top:8px;max-width:700px;object-fit:cover;transition:all .5s ease-in-out;width:100%}.factory-caption{color:#555;font-size:14px;margin-top:8px;text-align:center}.news-section{position:relative}.news-card{background:#fff;border-left:6px solid #3b82f6;border-radius:14px;box-shadow:0 4px 20px #0000000f;margin-top:20px;min-height:180px;padding:24px 28px;transition:all .4s ease}.news-card h4{color:#1f2937;font-size:17px;margin-bottom:10px}.news-card p{color:#374151;font-size:15px;line-height:1.6}.news-link{color:#3b82f6;display:inline-block;font-weight:500;margin-top:10px;text-decoration:none}.news-link:hover{text-decoration:underline}.news-controls{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.news-nav-button{background-color:#e0e7ff;border:none;border-radius:6px;color:#1e3a8a;cursor:pointer;font-weight:700;padding:8px 14px;transition:all .3s ease}.news-nav-button:hover{background-color:#c7d2fe;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.news-list-wrapper{margin-top:40px}.news-header{text-align:center}.factory-slideshow-wrapper{align-items:center;display:flex;gap:16px;justify-content:center;position:relative}.factory-nav-button{background-color:#e0e7ff;border:none;border-radius:8px;color:#1e3a8a;cursor:pointer;font-size:18px;font-weight:700;padding:6px 12px;transition:all .3s ease}.factory-nav-button:hover{background-color:#c7d2fe;box-shadow:0 2px 8px #00000026}.factory-pause-wrapper{display:flex;justify-content:center;margin-top:14px}.section-title{font-size:22px;margin-bottom:12px;text-align:center}.intro-tags{display:flex;gap:10px;justify-content:center;margin-bottom:60px;margin-top:20px}.chart-preview{margin:50px auto;text-align:center}.chart-title{font-size:20px;margin-bottom:16px}.chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.chart-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#1f2937;padding:10px;text-decoration:none;transition:transform .2s ease}.chart-card:hover{transform:translateY(-4px)}.chart-img{border-radius:6px;height:100px;object-fit:cover;width:100%}.anomaly-art-section{margin:40px auto;max-width:700px;text-align:center}.anomaly-art-section input{margin:10px 0;width:60%}.anomaly-art-section button{background-color:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.anomaly-art-section button:hover{background-color:#4f46e5}.intro-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:60px auto;max-width:800px;padding:20px}.intro-hero h2{color:#1f2937;font-size:26px;margin-bottom:10px}.intro-hero p{color:#4b5563;font-size:16px;line-height:1.6}.intro-content h3,.intro-highlight h3{color:#111827;font-size:20px;margin-bottom:12px;margin-top:32px}.intro-content ul{padding-left:20px}.intro-content ul,.intro-highlight p{color:#374151;font-size:15px;line-height:1.7}strong{color:#1e40af}@media (max-width:600px){.intro-wrapper{padding:16px}.intro-hero h2{font-size:22px}.intro-content ul,.intro-highlight p{font-size:14px}}.intro-flowchart{margin-top:48px;text-align:center}.flowchart-container{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;margin-top:16px;overflow-x:auto}.flow-item{align-items:center;background-color:#f9fafb;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;padding:16px 12px;width:100px}.flow-item span{font-size:32px}.flow-item p{color:#374151;font-size:14px;margin-top:8px}.flow-arrow{color:#9ca3af;font-size:22px}@media (max-width:600px){.flowchart-container{flex-direction:column;gap:8px}.flow-arrow{transform:rotate(90deg)}}.intro-simulate{margin-top:50px;text-align:center}.simulate-box{border-radius:8px;color:#fff;font-size:16px;margin:20px auto;padding:14px;width:260px}.simulate-box.normal{background-color:#10b981}.simulate-box.anomaly{background-color:#ef4444}.intro-simulate button{background-color:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.intro-simulate button:hover{background-color:#4338ca}.sensor-toggle-btn{background-color:#4f46e5;border-radius:6px;font-size:15px;font-weight:700;margin-top:12px;transition:background-color .2s ease}.sensor-toggle-btn:hover{background-color:#4338ca}.analyst-wrapper{background:#f8f9fa;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;padding:2rem;text-align:center}.analyst-title{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.current-time{color:#555;font-family:Courier New,Courier,monospace;font-size:1.1rem;margin-bottom:.5rem}.normal-range{background-color:#e6fffa;border:1px solid #b2f5ea;border-radius:8px;color:#2c7a7b;display:inline-block;font-size:1rem;margin-bottom:1rem;padding:.5rem 1rem}.sensor-toggle-container{margin-bottom:1rem;text-align:center}.sensor-toggle-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px;transition:background-color .3s ease}.sensor-toggle-btn:hover{background-color:#2563eb}.analyst-panel{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;margin-top:1rem}.analyst-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-width:180px;padding:1.5rem;transition:transform .3s ease}.analyst-card:hover{transform:scale(1.05)}.analyst-card h4{color:#07c;font-size:1.2rem;margin-bottom:.5rem}.analyst-card p{color:#222;font-size:2rem;font-weight:700}.alert{animation:shake .2s ease-in-out 2;background-color:#ffe6e6;border:2px solid red}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.button-group{flex-wrap:wrap;gap:10px;margin-top:10px}.right-buttons{justify-content:flex-end}.clear-log-button,.clear-report-button,.export-log-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .3s ease}.clear-log-button{background-color:#f56565;color:#fff}.clear-log-button:hover{background-color:#e53e3e}.clear-report-button{background-color:#f97316;color:#fff}.clear-report-button:hover{background-color:#ea580c}.export-log-button{background-color:#10b981;color:#fff}.export-log-button:hover{background-color:#059669}.log-section{background:#fff;border-radius:12px;box-shadow:0 1px 5px #0000001a;margin-top:2rem;padding:1rem;text-align:center}.log-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}.log-title{color:#333;flex:1 1;font-size:1.5rem;font-weight:700;text-align:center;transform:translateX(20%)}.log-tools{align-items:center;display:flex;gap:10px;justify-content:flex-end}.conclusion-button-group{margin-top:1.5rem;text-align:center}.log-button-group{display:flex;gap:12px;justify-content:center;margin-top:1rem}.log-list{list-style:none;padding-left:1rem;text-align:center}.log-list li{color:#b30000;font-size:.95rem;font-weight:500;margin-bottom:.4rem}.report-section{margin-top:30px;text-align:center}.log-guide{background-color:#fff9db;border-left:6px solid #facc15;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#555;margin:20px auto;max-width:600px;padding:20px;text-align:left;white-space:pre-line}.log-guide h3{color:#b45309;font-size:1.2rem;margin-bottom:10px}.accordion-toggle{background-color:#facc15!important;margin-top:20px;transition:background-color .2s ease}.accordion-toggle:hover{background-color:#eab308!important}.lstm-container{margin:0 auto;max-width:900px;padding:60px 40px 40px;text-align:center}.lstm-title{font-size:28px;font-weight:700;margin-bottom:20px}.lstm-description{font-size:16px;line-height:1.6;margin-bottom:30px}.lstm-example{margin-bottom:30px;text-align:center}.lstm-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:70%;transition:transform .4s ease-in-out}.lstm-img:hover{transform:scale(1.03)}.lstm-caption{color:#374151;font-size:15px;line-height:1.5;margin-top:12px}.lstm-key-points ul{display:inline-block;line-height:2;padding-left:20px;text-align:left}.lstm-key-points h2{margin-bottom:10px}.lstm-navigation{display:flex;gap:20px;justify-content:center;margin-top:40px}.lstm-simulator{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-left:auto;margin-right:auto;margin-top:50px;max-width:750px;padding:20px}.sim-result{color:#0f172a;font-size:16px;margin-top:16px}.sim-guide{color:#64748b;font-size:13px;line-height:1.6;margin-top:10px}.sim-chart{background-color:#fff;border-radius:10px;box-shadow:0 6px 14px #0000000f;margin:20px auto;max-width:600px;padding:12px;text-align:center}.sim-guide-toggle{margin-top:20px}.sim-guide-box{background-color:#fef9c3;border-radius:8px;color:#444;font-size:14px;line-height:1.6;margin-top:14px;padding:16px}.sim-guide-box li strong{color:#1e3a8a}.sim-analysis{background-color:#fefce8;border-left:5px solid #facc15;border-radius:8px;font-size:16px;margin-bottom:12px;margin-top:10px;padding:10px 14px}.sim-guide-box{background:linear-gradient(135deg,#e0f7fa,#f0fdf4);border-radius:14px;box-shadow:0 4px 12px #0000000d;color:#1e293b;font-size:15px;line-height:1.8;margin-left:auto;margin-right:auto;margin-top:20px;padding:20px 24px;text-align:left;transition:all .3s ease-in-out;width:92%}.sim-guide-box h3{align-items:center;color:#0369a1;display:flex;font-size:17px;gap:8px;margin-bottom:14px}.sim-guide-box h3:before{content:"📘";font-size:20px}.sim-guide-box ul{list-style-type:disc;padding-left:20px}.sim-guide-box li{margin-bottom:10px;padding-left:4px;position:relative}.sim-guide-box li::marker{color:#0ea5e9}.sim-guide-box li strong{background-color:#fefce8;border-radius:4px;color:#0f172a;padding:1px 4px}.lstm-application{background-color:#f0fdf4;border-left:5px solid #34d399;border-radius:10px;box-shadow:0 4px 12px #0000000a;margin-left:auto;margin-right:auto;margin-top:60px;max-width:650px;padding:12px;text-align:center}.lstm-application h2{align-items:center;color:#065f46;display:flex;font-size:25px;gap:8px;justify-content:center;margin-bottom:10px;text-align:center}.lstm-application h2:before{content:"✅";font-size:20px;text-align:center}.lstm-application ul{color:#1e293b;display:inline-block;font-size:16px;line-height:1.8;padding-left:20px;text-align:center}.lstm-application li{list-style-type:"📌 ";margin-bottom:8px}.model-container{margin:0 auto;max-width:1000px;padding:20px;position:relative;text-align:center}.model-page-title{align-items:center;font-size:32px;font-weight:700;gap:12px}.card-grid,.model-page-title{display:flex;justify-content:center;margin-bottom:40px}.card-grid{flex-wrap:wrap;gap:24px}.card-grid.bottom{justify-content:center}.model-card{animation:fadeUp .8s ease forwards;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff;border-radius:20px;box-shadow:4px 8px 20px #0000001a;cursor:pointer;opacity:0;padding:24px;text-align:center;transform:translateY(30px);transition:transform .3s ease,box-shadow .3s ease;width:260px}.model-card:hover{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000026,0 0 10px #6495ed4d;transform:translateY(-6px) scale(1.05)}.model-card:hover .model-icon{transform:scale(1.15) rotate(-3deg);transition:transform .3s ease}.model-icon{font-size:32px;margin-bottom:12px;transition:transform .3s ease}.model-icon svg{height:36px;width:36px}.model-title{color:#6d28d9;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.model-description{color:#444;font-size:14px}.model-footer{background-color:#f9fafb;border-radius:8px;color:#374151;font-family:Noto Sans KR,Roboto,sans-serif;font-size:16px;letter-spacing:.2px;line-height:1.6;margin-top:20px;padding:10px 20px}.model-navigation{display:flex;gap:20px;justify-content:center;margin-top:30px}.nav-button{transition:background-color .2s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.autoencoder-container{margin:0 auto;max-width:900px;padding:60px 40px 40px;text-align:center}.autoencoder-title{font-size:28px;font-weight:700;margin-bottom:20px}.autoencoder-description{font-size:16px;line-height:1.6;margin-bottom:30px}.autoencoder-example{margin-bottom:30px;text-align:center}.autoencoder-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:70%;transition:transform .4s ease-in-out}.autoencoder-img:hover{transform:scale(1.03)}.autoencoder-caption{color:#374151;font-size:15px;line-height:1.5;margin-top:12px}.ae-simulator{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-left:auto;margin-right:auto;margin-top:50px;max-width:750px;padding:20px}.ae-input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-top:12px;padding:10px;width:80%}.ae-button{background-color:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:12px;padding:10px 16px;transition:background-color .2s ease}.ae-button:hover{background-color:#2563eb}.ae-result{background-color:#fefce8;border-left:5px solid #facc15;border-radius:8px;color:#0f172a;font-size:15px;padding:12px}.ae-guide-toggle,.ae-result{margin-top:20px}.accordion-toggle{padding:8px 16px}.ae-guide-box{background:linear-gradient(135deg,#e0f7fa,#f0fdf4);border-left:5px solid #22d3ee;border-radius:14px;box-shadow:0 4px 14px #0000000f;color:#1e293b;font-size:16px;line-height:1.9;margin-left:auto;margin-right:auto;margin-top:24px;padding:24px 28px;text-align:left;transition:all .3s ease-in-out;width:80%}.ae-guide-box h3{align-items:center;color:#0369a1;display:flex;font-size:20px;gap:8px;margin-bottom:18px}.ae-guide-box h3:before{content:"📘";font-size:22px}.ae-guide-box ul{list-style-type:disc;padding-left:20px}.ae-guide-box li{margin-bottom:10px}.ae-guide-box li::marker{color:#0ea5e9}.ae-guide-box li strong{background-color:#fefce8;border-radius:4px;color:#0f172a;padding:2px 5px}.ae-navigation{display:flex;gap:20px;justify-content:center;margin-top:40px}.ae-chart{background-color:#fff;border-radius:12px;box-shadow:0 6px 14px #0000000d;margin-left:auto;margin-right:auto;margin-top:30px;max-width:700px;padding:20px}.sim-analysis p{font-size:18px;margin:6px 0}.ae-application{animation:fadeIn .6s ease-in-out;background:#f0fdf4;border-left:5px solid #34d399;border-radius:12px;box-shadow:0 4px 14px #0000000d;margin-left:auto;margin-right:auto;margin-top:60px;max-width:650px;padding:15px;text-align:center}.ae-application h2{align-items:center;color:#065f46;display:flex;font-size:22px;gap:8px;justify-content:center;margin-bottom:16px}.ae-application h2:before{content:"✅";font-size:20px}.ae-application ul{color:#1e293b;display:inline-block;font-size:16px;line-height:1.7;padding-left:20px;text-align:left}.ae-application li{list-style-type:"📌 ";margin-bottom:10px}.forest-container{margin:0 auto;max-width:900px;padding:60px 40px 40px;text-align:center}.forest-title{font-size:28px;font-weight:700;margin-bottom:20px}.forest-description{font-size:16px;line-height:1.6;margin-bottom:30px}.forest-example{margin-bottom:30px;text-align:center}.forest-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:70%;transition:transform .4s ease-in-out}.forest-img:hover{transform:scale(1.03)}.forest-caption{color:#374151;font-size:15px;line-height:1.5;margin-top:12px}.forest-chart{background-color:#fff;border-radius:12px;box-shadow:0 6px 14px #0000000d;margin-top:30px;max-width:700px;padding:20px}.forest-chart,.forest-guide-box{margin-left:auto;margin-right:auto}.forest-guide-box{background:linear-gradient(135deg,#e0f7fa,#f0fdf4);border-left:5px solid #22d3ee;border-radius:14px;box-shadow:0 4px 14px #0000000f;color:#1e293b;font-size:16px;line-height:1.9;margin-top:24px;padding:24px 28px;text-align:left;transition:all .3s ease-in-out;width:80%}.forest-guide-box h3{align-items:center;color:#0369a1;display:flex;font-size:20px;gap:8px;margin-bottom:18px}.forest-guide-box h3:before{content:"📘";font-size:22px}.forest-guide-box ul{list-style-type:disc;padding-left:20px}.forest-guide-box li::marker{color:#0ea5e9}.forest-guide-box li strong{background-color:#fefce8;border-radius:4px;color:#0f172a;padding:2px 5px}.forest-application{animation:fadeIn .6s ease-in-out;background:#f0fdf4;border-left:5px solid #34d399;border-radius:12px;box-shadow:0 4px 14px #0000000d;margin-left:auto;margin-right:auto;margin-top:60px;max-width:650px;padding:15px;text-align:center}.forest-application h2{align-items:center;color:#065f46;display:flex;font-size:22px;gap:8px;justify-content:center;margin-bottom:16px}.forest-application h2:before{content:"✅";font-size:20px}.forest-application ul{color:#1e293b;display:inline-block;font-size:16px;line-height:1.7;padding-left:20px;text-align:left}.forest-application li{list-style-type:"📌 ";margin-bottom:10px}.dbscan-container{margin:0 auto;max-width:900px;padding:60px 40px 40px;text-align:center}.dbscan-title{font-size:28px;font-weight:700;margin-bottom:20px}.dbscan-description{font-size:16px;line-height:1.6;margin-bottom:30px}.dbscan-example{margin-bottom:30px;text-align:center}.dbscan-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:50%;transition:transform .4s ease-in-out}.dbscan-img:hover{transform:scale(1.03)}.dbscan-caption{color:#374151;font-size:15px;line-height:1.5;margin-top:12px}.dbscan-chart{background-color:#fff;border-radius:12px;box-shadow:0 6px 14px #0000000d;margin-top:30px;max-width:700px;padding:20px}.dbscan-chart,.dbscan-guide-box{margin-left:auto;margin-right:auto}.dbscan-guide-box{background:linear-gradient(135deg,#e0f7fa,#f0fdf4);border-left:5px solid #22d3ee;border-radius:14px;box-shadow:0 4px 14px #0000000f;color:#1e293b;font-size:16px;line-height:1.9;margin-top:24px;padding:24px 28px;text-align:left;transition:all .3s ease-in-out;width:80%}.dbscan-guide-box h3{align-items:center;color:#0369a1;display:flex;font-size:20px;gap:8px;margin-bottom:18px}.dbscan-guide-box h3:before{content:"📘";font-size:22px}.dbscan-guide-box ul{list-style-type:disc;padding-left:20px}.dbscan-guide-box li::marker{color:#0ea5e9}.dbscan-guide-box li strong{background-color:#fefce8;border-radius:4px;color:#0f172a;padding:2px 5px}.dbscan-application{animation:fadeIn .6s ease-in-out;background:#f0fdf4;border-left:5px solid #34d399;border-radius:12px;box-shadow:0 4px 14px #0000000d;margin-left:auto;margin-right:auto;margin-top:60px;max-width:650px;padding:15px;text-align:center}.dbscan-application h2{align-items:center;color:#065f46;display:flex;font-size:22px;gap:8px;justify-content:center;margin-bottom:16px}.dbscan-application h2:before{content:"✅";font-size:20px}.dbscan-application ul{color:#1e293b;display:inline-block;font-size:16px;line-height:1.7;padding-left:20px;text-align:left}.dbscan-application li{list-style-type:"📌 ";margin-bottom:10px}.forest-navigation{display:flex;gap:20px;justify-content:center;margin-top:40px}.ganomaly-container{margin:0 auto;max-width:900px;padding:60px 40px 40px;text-align:center}.ganomaly-title{font-size:28px;font-weight:700;margin-bottom:20px}.ganomaly-description{font-size:16px;line-height:1.6;margin-bottom:30px}.ganomaly-example{margin-bottom:30px;text-align:center}.ganomaly-img{border-radius:12px;box-shadow:0 6px 16px #0000001a;max-width:50%;transition:transform .4s ease-in-out}.ganomaly-img:hover{transform:scale(1.03)}.ganomaly-caption{color:#374151;font-size:15px;line-height:1.5;margin-top:12px}.sim-input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-top:12px;padding:10px;width:80%}.sim-button{background-color:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:12px;padding:10px 16px;transition:background-color .2s ease}.sim-button:hover{background-color:#2563eb}.example-button{background-color:#facc15;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:700;margin-left:10px;padding:10px 16px;transition:background-color .2s ease}.example-button:hover{background-color:#eab308}.sim-analysis{background:linear-gradient(135deg,#fefce8,#fff7ed);border-left:6px solid #facc15;border-radius:12px;box-shadow:0 4px 12px #ffc10726;color:#1e293b;font-size:15px;line-height:1.8;margin-left:auto;margin-right:auto;margin-top:20px;padding:20px 24px;text-align:center;width:70%}.sim-analysis strong{color:#1e40af}.ganomaly-chart{background-color:#fff;border-radius:12px;box-shadow:0 6px 14px #0000000d;margin-left:auto;margin-right:auto;margin-top:30px;max-width:700px;padding:20px}.accordion-toggle{background-color:#facc15;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:700;margin-top:24px;padding:10px 16px;transition:background-color .2s}.accordion-toggle:hover{background-color:#eab308}.ganomaly-guide-box{background:linear-gradient(135deg,#e0f7fa,#f0fdf4);border-left:5px solid #22d3ee;border-radius:14px;box-shadow:0 4px 14px #0000000f;color:#1e293b;font-size:16px;line-height:1.9;margin-left:auto;margin-right:auto;margin-top:24px;padding:24px 28px;text-align:left;transition:all .3s ease-in-out;width:80%}.ganomaly-guide-box h3{align-items:center;color:#0369a1;display:flex;font-size:20px;gap:8px;margin-bottom:18px}.ganomaly-guide-box h3:before{content:"📘";font-size:22px}.ganomaly-guide-box ul{list-style-type:disc;padding-left:20px}.ganomaly-guide-box li::marker{color:#0ea5e9}.ganomaly-guide-box li strong{background-color:#fefce8;border-radius:4px;color:#0f172a;padding:2px 5px}.ganomaly-application{animation:fadeIn .6s ease-in-out;background:#f0fdf4;border-left:5px solid #34d399;border-radius:12px;box-shadow:0 4px 14px #0000000d;margin-left:auto;margin-right:auto;margin-top:60px;max-width:650px;padding:15px;text-align:center}.ganomaly-application h2{align-items:center;color:#065f46;display:flex;font-size:22px;gap:8px;justify-content:center;margin-bottom:16px}.ganomaly-application h2:before{content:"✅";font-size:20px}.ganomaly-application ul{color:#1e293b;display:inline-block;font-size:16px;line-height:1.7;padding-left:20px;text-align:left}.ganomaly-application li{list-style-type:"📌 ";margin-bottom:10px}.ganomaly-navigation{display:flex;gap:20px;justify-content:center;margin-top:40px}.nav-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 18px;text-decoration:none;transition:background-color .2s ease}.nav-button:hover{background-color:#2563eb}.conclusion-container{background-color:#f9fafb;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#333;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:700px;padding:40px;text-align:center}h2{color:#1d4ed8;font-size:1.8rem;margin-bottom:24px}.summary-btn{background-color:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:17px;font-weight:600;margin:16px 0;padding:12px 24px;transition:all .2s ease}.summary-btn:hover{background-color:#1e40af}.log-summary-list{display:flex;flex-direction:column;gap:20px;margin-top:30px}.log-entry{background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:16px 20px;text-align:left}.log-time{color:#555;font-family:monospace;font-size:14px;font-weight:700;margin-bottom:8px}.log-line{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;gap:10px}.log-type{color:#065f46;font-weight:700}.log-value{color:#333;font-style:italic}.log-severity{border-radius:6px;font-weight:700;padding:2px 6px}.severity-critical{background-color:#fee2e2;color:#b91c1c}.severity-warning{background-color:#fef3c7;color:#b45309}.severity-normal{background-color:#dcfce7;color:#15803d}.button-group{display:flex;gap:16px;justify-content:center;margin-top:12px}.download-btn{background-color:#f97316}.download-btn:hover{background-color:#ea580c}
/*# sourceMappingURL=main.99e28d76.css.map*/