.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background-secondary);padding:var(--space-6)}.login-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:var(--space-10)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header h1{font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:700}.login-header p{font-size:var(--text-sm);color:var(--color-text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.required{color:var(--color-error)}.form-group input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:6px;font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff67191a}.form-group input:disabled{background-color:var(--color-background-secondary);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--color-error)!important}.input-error:focus{box-shadow:0 0 0 3px #dc26261a!important}.error-message{font-size:var(--text-xs);color:var(--color-error)}.alert{padding:var(--space-3) var(--space-4);border-radius:6px;font-size:var(--text-sm);line-height:1.5}.alert-error{background-color:#fff5f5;color:var(--color-error);border:1px solid #feb2b2}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.help-text{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;line-height:1.6}@media(max-width:480px){.login-card{padding:var(--space-6)}.login-header h1{font-size:var(--text-2xl)}}.nav{position:sticky;top:0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:100;transition:all var(--transition-base)}.nav.scrolled{box-shadow:0 1px 3px #0000000d}.nav-admin{background:#fffffff7;border-bottom:1px solid var(--color-border)}.nav-container{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);text-decoration:none}.nav-logo:hover{color:var(--color-accent)}.nav-left{display:flex;align-items:center;gap:var(--space-4)}.admin-badge{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:var(--color-text-primary);color:#fff;border-radius:20px;font-size:var(--text-xs);font-weight:600;letter-spacing:.3px}.admin-icon{font-size:var(--text-sm);line-height:1}.admin-text{letter-spacing:.5px;text-transform:uppercase}.nav-links{display:flex;gap:var(--space-8);align-items:center}.nav-link{font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);text-decoration:none;font-weight:400;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text-primary)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-text-primary);transition:width .2s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.user-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-background-secondary);border-radius:8px;border:1px solid var(--color-border)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.user-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}@media(max-width:768px){.nav-container{padding:var(--space-3) var(--space-4)}.nav-links{gap:var(--space-4)}.nav-link{font-size:var(--text-xs)}.admin-badge{display:none}.user-indicator{padding:var(--space-1) var(--space-2)}.user-name{display:none}.user-avatar{width:28px;height:28px}}.dashboard-container{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-12) var(--space-6);min-height:calc(100vh - 200px)}.dashboard-header{margin-bottom:var(--space-12);text-align:center}.dashboard-header h1{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-3)}.dashboard-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.dashboard-card{background:var(--color-background);border:1px solid var(--color-border);padding:var(--space-6);border-radius:6px;text-align:center;transition:all var(--transition-fast)}.dashboard-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.card-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.dashboard-card h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.card-number{font-size:var(--text-4xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.card-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.dashboard-section{margin-bottom:var(--space-12)}.section-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.quick-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.action-btn{flex:1;min-width:200px}.loading-state,.error-state{text-align:center;padding:var(--space-12);min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner-large{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.posts-section{margin-top:var(--space-16);padding-top:var(--space-12);border-top:2px solid var(--color-border)}.posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.posts-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:500}.empty-posts{text-align:center;padding:var(--space-12);background:var(--color-background-secondary);border-radius:8px;border:2px dashed var(--color-border)}.empty-posts p{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.posts-table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background)}.posts-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.posts-table thead{background:var(--color-background-secondary);border-bottom:2px solid var(--color-border)}.posts-table th{padding:var(--space-4) var(--space-3);text-align:left;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.posts-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.posts-table tbody tr:hover{background:var(--color-background-secondary)}.posts-table tbody tr:last-child{border-bottom:none}.posts-table td{padding:var(--space-4) var(--space-3);vertical-align:middle}.id-cell{font-weight:600;color:var(--color-text-secondary);font-family:Monaco,Courier New,monospace;font-size:var(--text-sm)}.post-id{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--color-background-secondary);border-radius:4px}.post-title-cell{max-width:400px}.post-title-content{display:flex;flex-direction:column;gap:var(--space-2)}.post-title-link{font-weight:500;color:var(--color-text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;transition:color var(--transition-fast);cursor:pointer}.post-title-link:hover{color:#3b82f6;text-decoration:underline}.post-title-link:visited{color:var(--color-text-secondary)}.post-tags-mini{display:flex;gap:var(--space-1);flex-wrap:wrap}.tag-mini{padding:2px var(--space-2);background:var(--color-background-secondary);border-radius:4px;font-size:var(--text-xs);color:var(--color-text-secondary)}.tag-mini-more{padding:2px var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:16px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast);box-shadow:0 1px 3px #0000001a}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block}.status-published{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.status-published:before{background:#ffffffe6;box-shadow:0 0 4px #fff9;animation:pulse-published 2s ease-in-out infinite}@keyframes pulse-published{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.status-draft{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.status-draft:before{background:#fffc}.date-cell{color:var(--color-text-secondary);white-space:nowrap}.stat-cell{text-align:center;font-weight:500;color:var(--color-text-primary)}.actions-cell{white-space:nowrap}.action-buttons{display:flex;gap:var(--space-2);justify-content:center}.btn-icon{background:transparent;border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:6px;cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-base)}.btn-icon:hover{border-color:var(--color-border-hover);transform:scale(1.1)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-edit:hover{background:#3b82f615;border-color:#3b82f6}.btn-delete:hover:not(:disabled){background:#ef444415;border-color:#ef4444}@media(max-width:768px){.dashboard-container{padding:var(--space-8) var(--space-4)}.dashboard-header h1{font-size:var(--text-3xl)}.dashboard-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.action-btn{min-width:100%}.posts-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.posts-table{min-width:800px}.post-title-cell{max-width:250px}.id-cell{font-size:var(--text-xs)}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.editor-container{max-width:var(--max-width-reading);margin:0 auto;padding:var(--space-8) var(--space-6);min-height:calc(100vh - 200px)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8);position:sticky;top:60px;background:var(--color-background);z-index:10}.toolbar-left{display:flex;align-items:center}.toolbar-actions{display:flex;gap:var(--space-2)}.editor-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.editor-btn:hover:not(:disabled){background:var(--color-background-secondary);color:var(--color-text-primary)}.editor-btn:disabled{opacity:.5;cursor:not-allowed}.saving-indicator{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.editor-title{width:100%;font-size:var(--text-5xl);font-weight:700;border:none;outline:none;margin-bottom:var(--space-4);padding:var(--space-2) 0;font-family:var(--font-sans);letter-spacing:-.03em;resize:none;overflow:hidden}.editor-title::placeholder{color:var(--color-text-tertiary)}.editor-tags{width:100%;font-size:var(--text-base);border:none;outline:none;margin-bottom:var(--space-6);padding:var(--space-2) 0;font-family:var(--font-sans);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.editor-tags::placeholder{color:var(--color-text-tertiary)}.editor-content{min-height:400px}.editor-content .ql-toolbar{border:none;border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;background:transparent}.editor-content .ql-container{border:none;font-family:var(--font-serif);font-size:var(--text-xl);line-height:1.7}.editor-content .ql-editor{padding:var(--space-4) 0;min-height:400px}.editor-content .ql-editor::placeholder{color:var(--color-text-tertiary);font-style:italic}.error-message{background:var(--color-error);color:#fff;padding:var(--space-3) var(--space-4);border-radius:6px;margin-bottom:var(--space-4);font-size:var(--text-sm)}.success-message{background:var(--color-success);color:#fff;padding:var(--space-3) var(--space-4);border-radius:6px;margin-bottom:var(--space-4);font-size:var(--text-sm)}.post-preview-container{min-height:100vh}.preview-header{max-width:var(--max-width-reading);margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.preview-header h1{font-size:var(--text-2xl);font-weight:600}.preview-content{max-width:var(--max-width-reading);margin:0 auto;padding:var(--space-8) var(--space-6)}.preview-title{font-size:var(--text-5xl);font-weight:700;margin-bottom:var(--space-6);letter-spacing:-.03em}.preview-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.tag{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-background-secondary);border-radius:4px}.preview-body{font-family:var(--font-serif);font-size:var(--text-xl);line-height:1.7;color:var(--color-text-primary)}.preview-body h1,.preview-body h2,.preview-body h3,.preview-body h4{font-family:var(--font-sans);margin-top:var(--space-10);margin-bottom:var(--space-5)}.preview-body pre{background:var(--color-background-secondary);padding:var(--space-4);border-radius:6px;overflow-x:auto}.preview-body img{max-width:100%;height:auto;border-radius:6px;margin:var(--space-6) 0}.post-editor-container{min-height:50vh;display:flex;align-items:center;justify-content:center}.loading-state{text-align:center;padding:var(--space-12)}@media(max-width:768px){.editor-container{padding:var(--space-4)}.editor-title{font-size:var(--text-4xl)}.toolbar-actions{gap:var(--space-1)}.editor-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.preview-content{padding:var(--space-4)}.preview-title{font-size:var(--text-4xl)}}.app-footer{background:var(--color-background);color:var(--color-text-secondary);padding:3rem 2rem;margin-top:auto;border-top:1px solid var(--color-border)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-left{display:flex;align-items:center}.footer-copyright{margin:0;font-size:.875rem;color:var(--color-text-tertiary)}.footer-right{display:flex;align-items:center}.footer-version{background:var(--color-background-secondary);padding:.4rem .8rem;border-radius:16px;font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);border:1px solid var(--color-border);transition:all .2s ease}.footer-version:hover{border-color:var(--color-text-primary);color:var(--color-text-secondary)}@media(max-width:768px){.app-footer{padding:1rem}.footer-content{flex-direction:column;text-align:center;gap:.5rem}.footer-copyright{font-size:.85rem}.footer-version{font-size:.8rem;padding:.3rem .6rem}}.article-header{max-width:680px;margin:0 auto;padding:var(--space-20) var(--space-6) var(--space-10)}.article-header .article-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-8);letter-spacing:-.03em;font-weight:700;line-height:1.1;color:var(--color-text-primary)}.article-header .article-meta{margin-bottom:var(--space-10);display:flex;align-items:center;gap:var(--space-3)}.article-header .author-avatar{width:48px;height:48px;font-size:var(--text-base)}.article-body{max-width:680px;margin:0 auto;padding:0 var(--space-6) var(--space-20)}.article-actions{max-width:var(--max-width-reading);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-8);display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.comment-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:24px;cursor:pointer;transition:all .2s ease}.comment-btn:hover{border-color:var(--color-text-primary);background:var(--color-background-secondary)}.comment-btn:active{transform:scale(.98)}.article-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .25s ease-out}.comment-modal-content{background:var(--color-background);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.comment-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-8);background:var(--color-background);border-bottom:1px solid var(--color-border);border-radius:20px 20px 0 0}.modal-header-content{display:flex;gap:var(--space-4);align-items:center}.modal-icon{width:48px;height:48px;background:var(--color-background-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon svg{color:var(--color-text-primary)}.comment-modal-header h3{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.modal-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.modal-close{background:var(--color-background-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:var(--color-border)}.comment-modal-form{padding:var(--space-8)}.form-row-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:600;color:var(--color-text-primary);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.form-group label svg{color:var(--color-text-secondary)}.form-input,.form-textarea{padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:10px;font-size:var(--text-base);font-family:inherit;transition:all .2s;background:var(--color-background-secondary)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-text-primary);background:var(--color-background);box-shadow:0 0 0 3px #0000000d}.form-textarea{resize:vertical;min-height:140px}.textarea-footer{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.char-count{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);margin-top:var(--space-6);border-top:2px solid var(--color-border)}.btn-cancel{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--color-border);color:var(--color-text-primary)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2)}.btn-submit:hover:not(:disabled){background:var(--color-accent-hover)}.btn-submit:active:not(:disabled){transform:scale(.98)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comment-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:var(--space-4) var(--space-5);border-radius:12px;margin-bottom:var(--space-6);font-size:var(--text-base);font-weight:500;display:flex;align-items:center;gap:var(--space-3);animation:slideDown .3s ease-out}.comment-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:var(--space-4) var(--space-5);border-radius:12px;margin-bottom:var(--space-6);font-size:var(--text-base);font-weight:500;display:flex;align-items:center;gap:var(--space-3);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.post-detail-container{min-height:50vh;display:flex;align-items:center;justify-content:center}.comments-section{max-width:var(--max-width-reading);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16);border-top:2px solid var(--color-border)}.comments-header{margin-bottom:var(--space-8)}.comments-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin:0}.comments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary);gap:var(--space-3)}.comments-loading .spinner{border:3px solid var(--color-border);border-top-color:var(--color-text-primary);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}.comments-empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-secondary)}.comments-empty svg{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.comments-empty p{font-size:var(--text-xl);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.comments-empty-subtitle{font-size:var(--text-base);color:var(--color-text-tertiary);margin:0}.comments-list{display:flex;flex-direction:column;gap:var(--space-6)}.comment-item{padding:var(--space-6);background:var(--color-background-secondary);border-radius:16px;border:2px solid var(--color-border);transition:all .2s;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comment-item:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.comment-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.comment-avatar{width:48px;height:48px;background:var(--color-text-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700;flex-shrink:0}.comment-meta{display:flex;flex-direction:column;gap:var(--space-1)}.comment-author{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary)}.comment-date{font-size:var(--text-sm);color:var(--color-text-tertiary)}.comment-body{padding-left:64px}.comment-body p{font-size:var(--text-base);line-height:1.7;color:var(--color-text-secondary);margin:0;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.article-header,.article-body,.article-actions,.comments-section{padding-left:var(--space-4);padding-right:var(--space-4)}.article-header .article-title{font-size:var(--text-4xl)}.article-actions{gap:var(--space-2)}.form-row-group{grid-template-columns:1fr}.comment-modal-header{padding:var(--space-6)}.modal-header-content{flex-direction:column;align-items:flex-start}.comment-modal-header h3{font-size:var(--text-xl)}.comment-modal-form{padding:var(--space-6)}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}.comment-body{padding-left:0;margin-top:var(--space-3)}.comment-header{flex-direction:row}}.hero{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-24) var(--space-6) var(--space-16);text-align:center;border-bottom:1px solid var(--color-border)}.hero-animation{max-width:500px;margin:0 auto var(--space-12);opacity:0;animation:fadeInUp .8s ease-out forwards}.hero-svg{width:100%;height:auto;opacity:.7}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.04em;margin-bottom:var(--space-6);line-height:1.1;color:var(--color-text-primary);opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:1.6;opacity:0;animation:fadeInUp .8s ease-out .4s forwards}.feed-container{max-width:1280px;margin:0 auto;padding:var(--space-16) var(--space-6)}.feed-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.feed-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}.feed-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:400}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-8)}.article-card{position:relative;background:var(--color-background);border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border);display:flex;flex-direction:column}.article-card:hover{border-color:var(--color-text-primary)}.article-card:hover .card-hover-overlay{opacity:0}.card-image{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;border-bottom:1px solid var(--color-border)}.card-content{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.article-meta{margin-bottom:var(--space-3)}.article-date{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500}.article-title{font-size:var(--text-xl);font-weight:700;line-height:1.4;margin-bottom:var(--space-3);letter-spacing:-.02em;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-excerpt{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-footer{margin-top:auto}.article-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{padding:4px 12px;font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-background-secondary);border-radius:16px;font-weight:500;transition:all var(--transition-fast);border:1px solid var(--color-border)}.card-hover-overlay,.read-more{display:none}.home-container{min-height:50vh;display:flex;align-items:center;justify-content:center}.loading-state,.error-state{text-align:center;padding:var(--space-12)}.spinner-large{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.particle{animation:float 3s ease-in-out infinite}.particle-1{animation-delay:0s}.particle-2{animation-delay:.5s}.particle-3{animation-delay:1s}.particle-4{animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-20px);opacity:1}}.code-line{animation:typingEffect 2s ease-in-out infinite}.code-line-1{animation-delay:0s}.code-line-2{animation-delay:.3s}.code-line-3{animation-delay:.6s}.code-line-4{animation-delay:.9s}.code-line-5{animation-delay:1.2s}@keyframes typingEffect{0%,to{opacity:.4}50%{opacity:1}}.monitor-screen{animation:screenGlow 4s ease-in-out infinite}@keyframes screenGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.icon-group{animation:iconPulse 2s ease-in-out infinite}.icon-kanban{animation-delay:0s}.icon-chart{animation-delay:.5s}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.chart-line{stroke-dasharray:60;stroke-dashoffset:60;animation:drawLine 3s ease-in-out infinite}@keyframes drawLine{0%{stroke-dashoffset:60}50%,to{stroke-dashoffset:0}}.gear{transform-origin:center;animation:rotateGear 8s linear infinite}.gear-1{animation-direction:normal}.gear-2{animation-direction:reverse;animation-duration:6s}@keyframes rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-flow{stroke-dasharray:10;animation:flowData 3s linear infinite}.data-flow-1{animation-delay:0s}.data-flow-2{animation-delay:1.5s}@keyframes flowData{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}}@media(max-width:768px){.hero{padding:var(--space-12) var(--space-4) var(--space-8)}.hero-animation{max-width:100%;margin-bottom:var(--space-6)}.hero-title{font-size:var(--text-4xl)}.feed-container{padding:var(--space-12) var(--space-4)}.feed-header{flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-8)}.feed-title{font-size:var(--text-2xl)}.articles-grid{grid-template-columns:1fr;gap:var(--space-6)}.card-image{height:180px}.article-title{font-size:var(--text-lg)}.article-excerpt{font-size:var(--text-sm)}}.about-container{max-width:100%;margin:0 auto}.about-hero{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:var(--space-20) var(--space-6) var(--space-16);text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');animation:backgroundFloat 20s linear infinite}@keyframes backgroundFloat{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.about-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.about-title{font-size:var(--text-6xl);font-weight:800;margin-bottom:var(--space-3);letter-spacing:-.02em;animation:fadeInUp .8s ease-out .2s backwards}.about-subtitle{font-size:var(--text-2xl);font-weight:300;margin-bottom:var(--space-6);opacity:.95;animation:fadeInUp .8s ease-out .3s backwards}.about-intro{font-size:var(--text-lg);line-height:1.8;margin-bottom:var(--space-8);opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .4s backwards}.about-contact{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .5s backwards}.contact-link{padding:var(--space-3) var(--space-6);background:#fff3;border-radius:8px;color:#fff;text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-link:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.highlights-section{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-16) var(--space-6)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.highlight-card{text-align:center;padding:var(--space-8);border-radius:12px;background:var(--color-background);border:1px solid var(--color-border);transition:all var(--transition-base);animation:fadeInUp .6s ease-out backwards}.highlight-card:nth-child(1){animation-delay:.1s}.highlight-card:nth-child(2){animation-delay:.2s}.highlight-card:nth-child(3){animation-delay:.3s}.highlight-card:nth-child(4){animation-delay:.4s}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff6b6b26;border-color:#ff6b6b}.highlight-icon{font-size:3rem;margin-bottom:var(--space-4)}.highlight-card h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.highlight-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.experience-section{background:var(--color-background-secondary);padding:var(--space-16) var(--space-6)}.section-title{text-align:center;font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-12);position:relative;padding-bottom:var(--space-4)}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#ff6b6b,#ee5a6f);border-radius:2px}.timeline{max-width:900px;margin:0 auto;position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:var(--space-12);animation:fadeInLeft .6s ease-out backwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.timeline-marker{position:absolute;left:-37px;top:8px;width:16px;height:16px;border-radius:50%;background:#ff6b6b;border:3px solid var(--color-background);box-shadow:0 0 0 3px var(--color-border)}.timeline-content{background:var(--color-background);padding:var(--space-6);border-radius:12px;border:1px solid var(--color-border);transition:all var(--transition-base)}.timeline-content:hover{transform:translate(8px);box-shadow:0 4px 16px #0000001a;border-color:#ff6b6b}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-4);flex-wrap:wrap}.timeline-header h3{font-size:var(--text-xl);font-weight:600;flex:1;min-width:250px}.timeline-date{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-background-secondary);padding:var(--space-2) var(--space-3);border-radius:6px;white-space:nowrap}.company{font-size:var(--text-base);color:#ff6b6b;margin-bottom:var(--space-4);font-weight:500}.achievement-list{list-style:none;padding:0;margin-bottom:var(--space-4)}.achievement-list li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-3);line-height:1.7;color:var(--color-text-secondary)}.achievement-list li:before{content:"✓";position:absolute;left:0;color:#ff6b6b;font-weight:700}.tech-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tech-tag{padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,#ff6b6b15,#ee5a6f15);color:#ff6b6b;border-radius:6px;font-size:var(--text-xs);font-weight:500;border:1px solid #ff6b6b;transition:all var(--transition-fast)}.tech-tag:hover{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;transform:scale(1.05)}.skills-section{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-16) var(--space-6)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}.skill-category{animation:fadeInUp .6s ease-out backwards}.skill-category:nth-child(1){animation-delay:.1s}.skill-category:nth-child(2){animation-delay:.2s}.skill-category:nth-child(3){animation-delay:.3s}.skill-category:nth-child(4){animation-delay:.4s}.skill-category h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);color:#ff6b6b}.skill-list{display:flex;flex-direction:column;gap:var(--space-2)}.skill-item{padding:var(--space-3) var(--space-4);background:var(--color-background-secondary);border-radius:8px;font-size:var(--text-sm);border-left:3px solid #ff6b6b;transition:all var(--transition-base)}.skill-item:hover{background:var(--color-background);transform:translate(4px);border-left-color:#ee5a6f}.education-section{background:var(--color-background-secondary);padding:var(--space-16) var(--space-6)}.education-grid{max-width:var(--max-width-content);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.education-card,.certifications-card{background:var(--color-background);padding:var(--space-8);border-radius:12px;border:1px solid var(--color-border);animation:fadeInUp .6s ease-out backwards}.education-card{animation-delay:.1s}.certifications-card{animation-delay:.2s}.education-card .section-title,.certifications-card .section-title{text-align:left;font-size:var(--text-2xl);margin-bottom:var(--space-6);padding-bottom:var(--space-3)}.education-card .section-title:after,.certifications-card .section-title:after{left:0;transform:none;width:60px}.education-item h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.institution{font-size:var(--text-base);color:#ff6b6b;margin-bottom:var(--space-2)}.education-detail{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.education-date{font-size:var(--text-sm);color:var(--color-text-tertiary)}.cert-list{display:flex;flex-direction:column;gap:var(--space-4)}.cert-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-background-secondary);border-radius:8px;transition:all var(--transition-base)}.cert-item:hover{transform:translate(4px);background:var(--color-background)}.cert-icon{width:24px;height:24px;background:#ff6b6b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xs);flex-shrink:0}.cert-item h4{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.cert-item p{font-size:var(--text-sm);color:var(--color-text-secondary)}.cta-section{text-align:center;padding:var(--space-20) var(--space-6);background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.cta-section h2{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.cta-section p{font-size:var(--text-lg);margin-bottom:var(--space-8);opacity:.95}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta-buttons .btn{padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;border-radius:8px;text-decoration:none;transition:all var(--transition-base)}.cta-buttons .btn-primary{background:#fff;color:#ff6b6b}.cta-buttons .btn-primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.cta-buttons .btn-secondary{background:#fff3;color:#fff;border:2px solid white}.cta-buttons .btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}@media(max-width:768px){.about-title{font-size:var(--text-4xl)}.about-subtitle{font-size:var(--text-xl)}.timeline{padding-left:var(--space-6)}.timeline-marker{left:-29px}.timeline-header{flex-direction:column}.timeline-date{align-self:flex-start}.education-grid,.skills-grid,.highlights-grid{grid-template-columns:1fr}}:root{--color-text-primary: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-tertiary: #999999;--color-background: #ffffff;--color-background-secondary: #f9f9f9;--color-border: #e6e6e6;--color-border-hover: #cccccc;--color-accent: #1a8917;--color-accent-hover: #156d13;--color-success: #16a34a;--color-error: #dc2626;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;--font-serif: "Charter", "Georgia", "Cambria", "Times New Roman", Times, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width-reading: 680px;--max-width-content: 1200px;--max-width-narrow: 600px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin-bottom:var(--space-4)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.reading-content{font-family:var(--font-serif);font-size:1.25rem;line-height:1.8;color:var(--color-text-primary);letter-spacing:-.003em}.reading-content p{margin-bottom:var(--space-8)}.reading-content h1,.reading-content h2,.reading-content h3{font-family:var(--font-sans);margin-top:var(--space-12);margin-bottom:var(--space-6);font-weight:700;letter-spacing:-.02em}.reading-content h1{font-size:2.5rem;line-height:1.2}.reading-content h2{font-size:2rem;line-height:1.3}.reading-content h3{font-size:1.5rem;line-height:1.4}.reading-content a{color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:3px;transition:all .2s ease}.reading-content a:hover{color:var(--color-accent)}.reading-content blockquote{border-left:3px solid var(--color-text-primary);padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:var(--color-text-secondary)}.reading-content code{background:var(--color-background-secondary);padding:2px 6px;border-radius:3px;font-size:.9em;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.reading-content pre{background:var(--color-background-secondary);padding:var(--space-4);border-radius:6px;overflow-x:auto;margin:var(--space-6) 0}.reading-content pre code{background:none;padding:0}.reading-content img{max-width:100%;height:auto;margin:var(--space-8) 0;border-radius:4px}.reading-content ul,.reading-content ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}.reading-content li{margin-bottom:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-family:var(--font-sans)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-logout{background:#ef4444;color:#fff}.btn-logout:hover{background:#dc2626}.skeleton{background:linear-gradient(90deg,var(--color-background-secondary) 25%,var(--color-border) 50%,var(--color-background-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-title{height:2em;width:70%;margin-bottom:var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:var(--space-4);top:var(--space-4);width:auto;height:auto;background:var(--color-background);color:var(--color-text-primary);border:2px solid var(--color-accent);border-radius:6px;padding:var(--space-2) var(--space-3);z-index:10000}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem}}