:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111;background-color:#f9f9f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh;background-color:#f9f9f9;color:#111}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0px;height:0px;background:transparent}body{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#4a90e2;text-decoration:none}a:hover{color:#357abd}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#152c57;color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s}button:hover{background-color:#204079;border-color:#204079}button:focus,button:focus-visible{outline:1px auto #152c57}input,textarea{width:100%;padding:.6em .8em;margin:.5em 0;border-radius:6px;border:1px solid #ccc;font-size:1em;font-family:inherit;color:#111;background-color:#fff;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:#204079;box-shadow:0 0 0 2px #4a90e233}.page{display:flex;justify-content:center;width:100%}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center;z-index:200}.header{position:sticky;top:0;z-index:100;width:100vw;height:60px;background-color:#121b2c;border-bottom:1px solid #121b2c;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.header-actions{display:flex}.header-inner{width:100%;max-width:680px;display:flex;justify-content:center;align-items:center;padding:0 1rem}.logo{height:40px;cursor:pointer}.back-button{padding:0rem;background:transparent;border:none;color:#4a90e2;cursor:pointer;font-size:.9rem}.back-button:hover{background:none;border:none;color:#152c57;transition:color .2s}.feed-container{max-width:680px;margin:0 auto;padding:1rem}.feed-container::-webkit-scrollbar{width:0px;height:0px;background:transparent}.feed-container{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.blog-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:1em;margin:1em 0;box-shadow:0 2px 4px #0000000d}.blog-card:hover{background-color:#eee;box-shadow:0 4px 8px #0000001a;transition-duration:.05s;cursor:pointer}.blog-card h3{margin-top:0;color:#121b2c}.blog-card p{margin-top:0;color:#111}.blog-image-wrapper{width:100%;min-height:180px;max-height:480px;overflow:hidden;border-radius:8px;margin-top:1rem}.blog-image-wrapper:hover{cursor:pointer}.blog-image{width:100%;height:480px;object-fit:cover;object-position:center center}.blog-actions{margin-left:2px;margin-right:8px;font-size:.9rem}.blog-actions:hover{cursor:pointer;color:#152c57;transition:color .15s}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.post-title{width:100%;border:1px solid #ddd;border-radius:10px;resize:none;outline:none;padding:12px;font-size:1.2rem;font-weight:600;margin-top:12px}.post-title:focus{box-shadow:none;border:1px solid #ddd}.post-content-wrapper{border:1px solid #ddd;border-radius:10px;padding:12px;margin:4px 0 24px;background:#fff}.post-content-wrapper textarea{width:100%;border:none;resize:none;outline:none;font-size:.95rem}.post-content-wrapper textarea:focus{box-shadow:none}.comment-input-wrapper{border:1px solid #ddd;border-radius:10px;padding:12px;margin:24px 0;background:#fff}.comment-input-wrapper textarea{width:100%;border:none;resize:none;outline:none;font-size:.95rem}.comment-input-wrapper textarea:focus{box-shadow:none}.comment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.comment-actions button{background:#4a90e2;color:#fff;border:none;padding:6px 14px;border-radius:20px;cursor:pointer}.comment-actions button:disabled{opacity:.5;cursor:not-allowed}.comments-section{display:flex;flex-direction:column;gap:16px;min-height:100vh;overflow-y:auto}.comment-card{padding:10px 0;border-bottom:1px solid #eee}.comment-image{max-width:220px;border-radius:6px;margin-top:8px;cursor:pointer}.comment-time{font-size:.75rem;color:#777}.selected-image{font-size:.75rem;color:#666;margin-left:8px}.comment-image-preview{position:relative;display:inline-block;margin-bottom:8px}.comment-image-preview img{max-width:120px;max-height:120px;border-radius:8px;object-fit:cover;cursor:pointer}.remove-image-button{position:absolute;top:-20px;right:-20px;background:#f9f9f9;border:1px solid #ccc;color:#000;border-radius:100%;width:50px;height:50px;font-size:16px;cursor:pointer;scale:.5}.remove-image-button:hover{background:#ddd;border:1px solid #bbb}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:200}.lightbox-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 4px 10px #0000004d;cursor:pointer}.pagination{display:flex;justify-content:center;gap:12px;margin:24px 0}