*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #F4F2EF;--bg-mid: #F8F6F3;--bg-end: #F0EDE8;--sidebar-bg: #E8D9CD;--sidebar-bg-light: #F2E6DA;--text-primary: #3b342d;--text-accent: #5a4c3e;--text-light: #8b7355;--link-color: #0066ff;--font-primary: "Kreon", serif;--font-header: "Mogra", system-ui;--font-code: "Courier New", monospace;--border-light: rgba(232, 217, 205, .3)}body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-mid) 50%,var(--bg-end) 100%);background-attachment:fixed;font-family:var(--font-primary);line-height:1.6;min-height:100vh;color:var(--text-primary)}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e8d9cd33;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--sidebar-bg);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.header-container{display:flex;justify-content:center;align-items:center;margin-bottom:30px;padding:16px 0}.page-title{font-family:var(--font-header);color:var(--text-primary);text-align:center;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.page-title .minis{font-size:82px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 4px;margin:0;font-weight:700;text-decoration:none}.page-title .minis:hover{text-decoration:none}.page-title .by{font-size:36px;color:#0d1a33;font-weight:700;font-style:italic;transform:rotate(-5deg);margin:0 4px;position:relative;top:0;background:linear-gradient(45deg,#0d1a33,#1a2d4a,#06f 60%,#1a2d4a,#0d1a33);background-clip:text}.page-title .brand{font-size:44px;color:#0d1a33;font-weight:600;font-style:italic;margin:0 4px;position:relative;transform:rotate(1deg) skew(-3deg);letter-spacing:-.5px;background:linear-gradient(45deg,#0d1a33,#1a2d4a,#06f 60%,#1a2d4a,#0d1a33);background-clip:text}.page-title .brand a{text-decoration:none;color:inherit}.main-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:10px;align-items:start;padding:0 20px}.about-mobile{display:none}.left-sidebar{position:sticky;top:20px}.about-section{background:linear-gradient(135deg,var(--sidebar-bg) 0%,var(--sidebar-bg-light) 50%,var(--sidebar-bg) 100%);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.3)}.about-section h2{color:var(--text-primary);font-size:24px;margin-bottom:12px;font-weight:600;text-align:center}.about-section p{color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.6}.right-sidebar{position:sticky;top:20px}.search-section{margin-bottom:24px}.search-input{width:100%;padding:12px 16px;border:2px solid rgba(90,76,62,.25);border-radius:10px;font-family:var(--font-primary);font-size:17px;font-weight:500;background:#ffffffe6;color:var(--text-primary);outline:none}.search-input:focus{border-color:var(--text-accent)}.search-input::placeholder{color:var(--text-light);font-weight:400}.view-controls{margin-bottom:20px}.collapse-toggle-btn{display:inline-flex;align-items:center;gap:7px;width:100%;justify-content:center;background:linear-gradient(135deg,var(--sidebar-bg) 0%,var(--sidebar-bg-light) 100%);color:var(--text-primary);font-family:var(--font-primary);font-size:16px;font-weight:600;padding:9px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.4);cursor:pointer}.collapse-toggle-btn:hover{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);color:var(--bg-primary)}.tag-cloud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tag-cloud-section h3{font-size:18px;color:var(--text-primary);margin-bottom:0;font-weight:600}.tag-clear-btn{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);color:var(--bg-primary);border:none;padding:4px 10px;border-radius:12px;font-family:var(--font-primary);font-size:16px;font-weight:600;cursor:pointer}.tag-clear-btn:hover{background:linear-gradient(135deg,var(--text-accent) 0%,#6b5d50 100%)}.read-more-btn{display:block;margin-left:auto;align-items:center;gap:6px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);color:var(--bg-primary);font-family:var(--font-primary);font-size:14px;font-weight:600;padding:7px 18px;border-radius:20px;border:none;cursor:pointer;text-decoration:none;margin-top:10px}.read-more-btn:hover{background:linear-gradient(135deg,var(--text-accent) 0%,#6b5d50 100%);color:var(--bg-primary)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud-item{display:inline-block;background:linear-gradient(135deg,var(--sidebar-bg) 0%,var(--sidebar-bg-light) 100%);color:var(--text-primary);padding:6px 14px;border-radius:15px;font-size:17px;font-family:var(--font-primary);border:1px solid rgba(255,255,255,.3);cursor:pointer}.tag-cloud-item:hover,.tag-cloud-item.active{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);color:var(--bg-primary)}.tag-count{font-size:12px;opacity:.7}.tag-toggle{display:none;background:none;border:none;color:var(--text-accent);font-family:var(--font-primary);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;margin-top:10px;padding:0}.featured-categories-section{margin-top:24px}.featured-categories-section h3{font-size:18px;color:var(--text-primary);margin-bottom:12px;font-weight:600}.featured-list{display:flex;flex-direction:column;gap:8px}.featured-category-item{display:block;background:linear-gradient(135deg,var(--sidebar-bg) 0%,var(--sidebar-bg-light) 100%);color:var(--text-primary);padding:10px 16px;border-radius:10px;font-size:17px;font-weight:500;font-family:var(--font-primary);border:1px solid rgba(255,255,255,.3);text-decoration:none;cursor:pointer}.featured-category-item:hover{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);color:var(--bg-primary);text-decoration:none}.featured-category-item:nth-child(1){background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#3b342d}.featured-category-item:nth-child(2){background:linear-gradient(135deg,#9d96dd,#b8b3e4);color:#3b342d}.featured-category-item:nth-child(3){background:linear-gradient(135deg,#a2da75,#daeb9d);color:#3b342d}.content-section{width:100%;min-height:60vh}.mini-post-container{position:relative;margin-bottom:15px}.date-tab{background:linear-gradient(135deg,var(--sidebar-bg) 0%,var(--sidebar-bg-light) 50%,var(--sidebar-bg) 100%);color:var(--text-primary);padding:8px 16px;border-radius:12px 12px 0 0;font-size:16px;font-weight:600;position:absolute;top:-30px;right:20px;z-index:10;border:1px solid rgba(255,255,255,.3)}.mini-post{background-color:#ffffffe6;border-radius:14px;padding:28px;border:1px solid var(--border-light)}.mini-post-title{color:var(--text-primary);font-size:22px;margin-bottom:16px;font-weight:600}.mini-post-title a,.mini-post-title a:visited,.mini-post-title a:active{color:inherit;text-decoration:none}.mini-post-title a:hover{text-decoration:underline;color:inherit}.mini-post-content{color:var(--text-primary);font-size:17px;line-height:1.7;margin-bottom:16px}.mini-post-content h1,.mini-post-content h2,.mini-post-content h3{color:var(--text-primary);margin:15px 0 10px;font-size:20px;font-weight:600}.mini-post-content p{margin-bottom:15px;font-size:17px;line-height:1.7}.mini-post-content ul,.mini-post-content ol{margin:15px 0;padding-left:25px}.mini-post-content blockquote{border-left:4px solid var(--sidebar-bg);padding:15px 20px;margin:20px 0;font-style:italic;color:var(--text-accent);background:#e8d9cd1a;border-radius:0 8px 8px 0}.mini-post-content code{background-color:#e8d9cd66;padding:2px 6px;border-radius:4px;font-family:var(--font-code);font-size:15px}.mini-post-content pre{background-color:#e8d9cd66;padding:15px;border-radius:8px;overflow-x:auto;margin:15px 0}.mini-post-content img{max-width:100%;height:auto;border-radius:8px;margin:15px 0;display:block}.mini-post-content a{color:var(--link-color)}.mini-post-content hr{border:none;border-top:1px solid rgba(232,217,205,.375);margin:20px 0}.mini-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.time-tag{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);color:var(--bg-primary);padding:4px 12px;border-radius:15px;font-size:16px;font-weight:500}.tag{background:linear-gradient(135deg,var(--sidebar-bg) 0%,var(--sidebar-bg-light) 100%);color:var(--text-primary);padding:4px 12px;border-radius:15px;font-size:16px;font-weight:500;border:1px solid rgba(255,255,255,.3);text-decoration:none;cursor:pointer}.tag:hover{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);color:var(--bg-primary);text-decoration:none}.post-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(90,76,62,.35) 25%,rgba(90,76,62,.52) 50%,rgba(90,76,62,.35) 75%,transparent 100%);margin:12px 0 55px;position:relative}.post-divider:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f4f2ef;padding:0 10px;color:#5a4c3e61;font-size:11px;letter-spacing:5px;line-height:1}.loading-container{text-align:center;padding:40px;margin:20px 0}.loading-spinner{border:3px solid rgba(232,217,205,.3);border-top:3px solid var(--text-primary);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-btn{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-accent) 100%);color:var(--bg-primary);border:none;padding:12px 28px;border-radius:20px;cursor:pointer;font-family:var(--font-primary);font-weight:600;font-size:16px;display:block;margin:0 auto}.load-more-btn:hover{background:linear-gradient(135deg,var(--text-accent) 0%,#6b5d50 100%)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.no-results{text-align:center;padding:60px 20px;color:var(--text-light)}.no-results h3{color:var(--text-primary);margin-bottom:10px;font-size:22px}.active-filter{background:linear-gradient(135deg,var(--sidebar-bg) 0%,var(--sidebar-bg-light) 100%);padding:8px 16px;border-radius:10px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.active-filter .clear-filter{background:none;border:none;color:var(--text-accent);cursor:pointer;font-family:var(--font-primary);font-weight:600;font-size:14px;text-decoration:underline}.footer{display:flex;justify-content:center;text-align:center;margin-top:60px;padding:20px;color:var(--text-light);font-size:14px}.post-page{max-width:800px;margin:0 auto;padding:0 20px 60px}.post-header{margin-bottom:30px}.post-header .post-date{font-size:15px;color:var(--text-light);margin-bottom:8px}.post-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.post-header .post-tags{display:flex;flex-wrap:wrap;gap:8px}.post-content{color:var(--text-primary);font-size:18px;line-height:1.7}.post-content h2{font-size:24px;margin:1.5em 0 .5em;font-weight:600}.post-content h3{font-size:20px;margin:1.3em 0 .5em;font-weight:600}.post-content p{margin-bottom:1em}.post-content a{color:var(--link-color)}.post-content ul,.post-content ol{margin:1em 0;padding-left:25px}.post-content blockquote{border-left:4px solid var(--sidebar-bg);padding:15px 20px;margin:20px 0;font-style:italic;color:var(--text-accent)}.post-content code{font-family:var(--font-code);background:#e8d9cd66;padding:2px 6px;border-radius:4px}.post-content pre{background:#e8d9cd66;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;display:block}.post-content hr{border:none;border-top:1px solid rgba(232,217,205,.375);margin:30px 0}.back-link{display:inline-block;margin-top:40px;color:var(--text-accent);font-weight:600;font-size:15px}.content-loading-placeholder{min-height:60px}.placeholder-line{height:14px;background:#e8d9cd4d;border-radius:7px;margin-bottom:10px}.placeholder-line.short{width:70%}@media(max-width:968px){.main-container{grid-template-columns:1fr;gap:16px;max-width:92%;padding:0 8px}.right-sidebar{position:relative;order:-1;display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:stretch}.search-section{grid-column:1;margin-bottom:0;display:flex;align-items:stretch}.search-input{flex:1}.view-controls{grid-column:2;margin-bottom:0;display:flex;align-items:stretch}.tag-cloud-section,.featured-categories-section,.right-sidebar .about-section{grid-column:1 / -1}.collapse-toggle-btn{width:auto;padding:0 12px;white-space:nowrap;flex:1}.right-sidebar .about-section{display:none}.content-section{max-width:100%}.page-title{flex-wrap:wrap;justify-content:center;gap:6px}.tag-cloud-item.tag-overflow{display:none}.tag-cloud.expanded .tag-cloud-item.tag-overflow,.tag-toggle{display:inline-block}.featured-categories-section{display:none!important}}@media(max-width:768px){body{padding:10px}.header-container{margin-bottom:-24px}.main-container{max-width:100%;padding:0 6px}.page-title .minis{font-size:48px}.page-title .by{font-size:20px}.page-title .brand{font-size:26px}.about-section{padding:18px}.about-section h2{font-size:20px}.about-section p{font-size:15px}.mini-post{padding:20px}.mini-post-title{font-size:20px}.mini-post-content,.mini-post-content p{font-size:16px}.date-tab{font-size:14px;padding:6px 12px;top:-25px;left:20px;right:auto}.post-header h1{font-size:26px}.post-content{font-size:16px}.tag-cloud-section{margin-bottom:50px}}@media(max-width:480px){body{padding:6px}.main-container{padding:0 4px;gap:12px}.page-title{flex-wrap:wrap;justify-content:center;line-height:1.2;gap:4px}.page-title .minis{font-size:44px}.page-title .by{font-size:18px;transform:rotate(-4deg);top:0}.page-title .brand{font-size:22px;transform:rotate(1deg) skew(-2deg)}.mini-post{padding:16px;border-radius:10px}.mini-post-container{margin-bottom:30px}.time-tag,.tag{font-size:13px;padding:3px 10px}.tag-cloud-section{margin-bottom:50px}.search-input{font-size:16px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}