body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#f5f7fa,#e4e9f2);display:flex;flex-direction:column;min-height:100vh}.App-header{background:#0000;padding:2rem 1rem;text-align:center}.header-content{margin:0 auto;max-width:800px;padding:2rem}.App-header h1{color:#1a237e;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1rem}.header-description{color:#455a64;font-size:1.25rem;line-height:1.6;margin:0}.App-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.App-footer{background:#fff;box-shadow:0 -4px 12px #0000000d;margin-top:3rem;padding:2rem 1rem}.footer-content{margin:0 auto;max-width:800px;text-align:center}.footer-links{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.footer-links a{color:#455a64;font-size:.95rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#1a237e}.footer-divider{color:#bdbdbd;font-size:.8rem}.copyright{color:#78909c;font-size:.9rem;margin:0}@media (max-width:768px){.App-header h1{font-size:2rem}.header-description{font-size:1.1rem}.footer-links{flex-direction:column;gap:.5rem}.footer-divider{display:none}}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}a,button{transition:all .2s ease-in-out}a:hover,button:hover{transform:translateY(-2px)}.blog-container{max-width:800px}.blog-post{line-height:1.6;margin-bottom:2rem}.blog-post h1{color:#333;margin-bottom:1.5rem}.blog-post h2{color:#444;margin:1.5rem 0 1rem}.blog-post ul{margin-bottom:1.5rem;margin-left:1.5rem}.blog-post li{margin-bottom:.5rem}.citation{border-top:1px solid #eee;color:#666;font-size:.9rem;padding-top:1rem}.blog-navigation,.citation{margin-top:2rem}.back-button{border:1px solid #ddd;border-radius:4px;color:#666;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-button:hover{background:#f5f5f5;color:#333}.logo-container{align-items:center;cursor:pointer;display:flex;gap:16px;padding:8px}.logo-small{font-size:14px}.logo-medium{font-size:20px}.logo-large{font-size:28px}.logo-icon{position:relative}.camera-frame,.logo-icon{align-items:center;display:flex;justify-content:center}.camera-frame{background:#fff;border:2px solid #2196f3;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:1.5em;width:1.5em}.camera-lens{background:linear-gradient(135deg,#2196f3,#64b5f6);border-radius:50%;box-shadow:0 0 0 2px #4caf50;height:.8em;width:.8em}.check-mark{background:#4caf50;border-radius:50%;bottom:-.3em;box-shadow:0 2px 4px #0003;color:#fff;font-size:.8em;height:1em;justify-content:center;position:absolute;right:-.3em;width:1em}.check-mark,.logo-text{align-items:center;display:flex;font-weight:700}.logo-text{gap:4px;letter-spacing:.5px}.zoom{color:#2196f3}.bg{background:#4caf501a;color:#4caf50}.bg,.checker{border-radius:4px;padding:2px 4px}.checker{background:#2196f31a;color:#333;font-weight:600}@media (prefers-color-scheme:dark){.camera-frame{background:#1a1a1a;border-color:#64b5f6}.checker{background:#2196f333;color:#fff}.bg{background:#4caf5033}}@media (max-width:768px){.logo-large{font-size:24px}.logo-medium{font-size:18px}.logo-small{font-size:12px}}.blog-container{margin:0 auto;max-width:1200px;padding:2rem}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;position:relative}.category-tag{background:#2196f3;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:1rem;padding:.3rem .8rem}.post-meta{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.post-date{color:#666;font-size:.9rem}.read-more{color:#2196f3;font-weight:500;text-decoration:none}.read-more:hover{text-decoration:underline}.blog-post-container{margin:0 auto;max-width:800px;padding:2rem}.back-to-blog{color:#666;display:inline-block;margin-bottom:2rem;text-decoration:none}.back-to-blog:hover{color:#2196f3}.post-header{margin-bottom:2rem;text-align:center}.post-content{font-size:1.1rem;line-height:1.8}.post-content h2,.post-content h3{margin:2rem 0 1rem}.post-footer{border-top:1px solid #eee;margin-top:3rem;padding-top:2rem}.share-buttons{display:flex;gap:1rem;justify-content:center}.share-buttons button{background:#fff;border:1px solid #2196f3;border-radius:20px;color:#2196f3;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.share-buttons button:hover{background:#2196f3;color:#fff}.main-nav{display:flex;gap:2rem;margin-left:auto}.main-nav a{border-radius:20px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.main-nav a:hover{background:#ffffff1a}.acknowledgments{border-top:1px solid #eee;margin-top:2rem;padding:1rem;text-align:center}.acknowledgments a{color:#3498db;font-weight:500;text-decoration:none}.acknowledgments a:hover{text-decoration:underline}