:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primary: #2f2d32;--color-secondary: #484050;--color-shadow: hwb(0 12% 86%);--color-glow: #f0ae8d;--color-text: #d3873b;--color-text-dull: #c07e3c}.App{padding:5vw;width:90vw}.Content{padding:1vw}.blog_entry{background-color:var(--color-secondary);box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;border-radius:25px;margin:2vw 0;padding:2vw;border-color:#000;border-width:2px;border-style:solid;transition:box-shadow .3s ease}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90vw}.displayContentContainer{display:grid;grid-template-columns:auto auto auto auto}.contentBox{background-color:var(--color-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:8em;height:8em;border-color:#000;border-width:2px;border-style:solid;border-radius:25px;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;color:#000;font-size:1em;font-weight:700;font-family:monospace}.contentBox:hover{background-color:var(--color-glow);border-color:#000;border-width:2px;border-style:solid;border-radius:25px;box-shadow:#00000040 0 24px 28px,#00000038 0 10px 20px}.contentBox{font-size:1em;font-weight:700;font-family:monospace;color:#000}.buttonBox{background-color:var(--color-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1vw;margin-bottom:1vw;padding:20px;width:8em;height:1em;border-color:#000;border-width:2px;border-style:solid;border-radius:100px;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;color:#000;font-size:1em;font-weight:700;font-family:monospace}.buttonBox:hover{background-color:var(--color-glow);border-color:#000;border-width:2px;border-style:solid;border-radius:100px;box-shadow:#00000040 0 24px 28px,#00000038 0 10px 20px}table{width:100%;border-collapse:collapse;margin:0 auto}tr:hover{background-color:var(--color-secondary)}.asic-blog{max-width:1400px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.blog-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a}.blog-header h1{font-size:3rem;margin-bottom:10px;font-weight:700}.subtitle{font-size:1.2rem;opacity:.9;margin-bottom:30px}.project-stats{display:flex;justify-content:center;gap:40px;margin-top:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2.5rem;font-weight:700;color:#fff}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:1px}.blog-content{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}.sidebar{position:sticky;top:20px}.flow-progress,.tags-cloud{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 5px 20px #00000014;border:1px solid #e0e0e0}.flow-progress h3,.tags-cloud h3{margin-bottom:20px;color:#333;font-size:1.2rem;font-weight:600}.flow-phases{display:flex;flex-direction:column;gap:15px}.phase-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:all .3s ease}.phase-item:hover{background-color:#f8f9fa}.phase-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.phase-info{flex:1;min-width:0}.phase-name{display:block;font-weight:500;margin-bottom:5px;font-size:.85rem}.progress-bar{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:3px}.progress-fill{height:100%;transition:width .5s ease;border-radius:3px}.progress-text{font-size:.75rem;color:#666}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:15px;font-size:.75rem;font-weight:500;border:1px solid #bbdefb}.main-content{min-height:600px}.posts-list{display:flex;flex-direction:column;gap:25px}.post-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 20px #00000014;border:1px solid #e0e0e0;transition:all .3s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.post-card-header{margin-bottom:15px}.post-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:10px;cursor:pointer;transition:color .3s ease}.post-title:hover{color:#667eea}.post-meta{display:flex;align-items:center;gap:15px;font-size:.9rem;color:#666;margin-bottom:10px}.date{color:#888}.phase{background-color:#f0f7ff;color:#1976d2;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.post-excerpt{color:#555;margin-bottom:20px;line-height:1.6}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:15px;border-top:1px solid #f0f0f0}.progress-indicator{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#666}.mini-progress-bar{width:60px;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.mini-progress-fill{height:100%;background-color:#4caf50;transition:width .5s ease}.read-more{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s ease}.read-more:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.full-post{background:#fff;border-radius:12px;padding:40px;box-shadow:0 5px 20px #00000014;border:1px solid #e0e0e0}.back-button{background:#f5f5f5;color:#333;border:1px solid #ddd;padding:8px 16px;border-radius:20px;cursor:pointer;margin-bottom:30px;transition:all .3s ease}.back-button:hover{background:#eee}.post-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.post-header h2{font-size:2.2rem;color:#333;margin-bottom:15px;font-weight:600}.post-content{font-size:1.1rem;line-height:1.8}.post-content h3{color:#333;margin:25px 0 15px;font-size:1.3rem;font-weight:600}.post-content p{margin-bottom:15px;color:#555}.post-content li{margin-bottom:8px;color:#555;list-style-position:inside}.status-item{background-color:#f8f9fa;padding:10px 15px;border-radius:8px;border-left:4px solid #4caf50;margin:10px 0;font-weight:500}.post-content code{background-color:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#d63384}.add-post-placeholder{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:40px;text-align:center;border:2px dashed #dee2e6}.add-post-placeholder h3{color:#6c757d;margin-bottom:15px;font-size:1.5rem}.add-post-placeholder p{color:#6c757d;margin-bottom:25px;font-size:1.1rem}.update-instructions{background:#fff;border-radius:8px;padding:20px;text-align:left;margin-top:20px;box-shadow:0 2px 10px #0000000d}.update-instructions h4{color:#333;margin-bottom:10px}.update-instructions ol{color:#555;padding-left:20px}.update-instructions li{margin-bottom:5px}@media (max-width: 1024px){.blog-content{grid-template-columns:1fr;gap:30px}.sidebar{position:static;order:2}.main-content{order:1}}@media (max-width: 768px){.asic-blog{padding:15px}.blog-header{padding:30px 15px}.blog-header h1{font-size:2rem}.project-stats{flex-direction:column;gap:20px}.post-card,.full-post{padding:20px}.post-footer{flex-direction:column;gap:15px;align-items:flex-start}}