:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--accent: #7c3aed;--accent-hover: #6d28d9;--error: #ef4444;--success: #22c55e;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-hover: rgba(255, 255, 255, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50%;--transition-fast: .2s;--transition-medium: .3s;--z-base: 1;--z-dropdown: 1000;--z-modal: 2000;--z-toast: 3000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;line-height:1.6;font-size:16px}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.post-avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;border:2px solid var(--glass-border)}.post-avatar-placeholder{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0;background:var(--glass-bg);border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem}@media(max-width:640px){.post-avatar,.post-avatar-placeholder{width:40px;height:40px}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:transform var(--transition-fast),border-color var(--transition-fast)}.glass-card:hover{transform:translateY(-2px);border-color:var(--glass-hover)}.glass-card-no-hover{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.btn-primary{padding:.875rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{padding:.875rem 1.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-block}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:#7c3aed1a}.btn-danger{padding:.5rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-danger:hover{background:#ef444433;border-color:#ef444480}.btn-success{padding:.5rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;border-radius:var(--radius-sm);font-size:.85rem;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast);display:inline-block}.btn-success:hover{background:#22c55e33;border-color:#22c55e80}.message{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.message-error,.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.message-success,.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.message-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.message-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:700}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--glass-border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-primary{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.link-primary:hover{color:var(--accent-hover);text-decoration:underline}.link-secondary{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.link-secondary:hover{color:var(--text-primary)}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.container{max-width:680px;margin:0 auto;padding:2rem 1rem}.header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center}.header-nav{display:flex;gap:1rem}.write-link,.login-link{padding:.5rem 1.5rem;color:var(--text-primary);text-decoration:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:background var(--transition-fast),border-color var(--transition-fast)}.write-link:hover,.login-link:hover{background:#ffffff1a;border-color:var(--accent)}.title{font-size:2.5rem;font-weight:300;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.page-title{font-size:2.5rem;font-weight:300;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--text-primary)}.page-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.page-lang-links{margin-top:1rem;display:flex;gap:.75rem;justify-content:center;align-items:center;font-size:.9rem}.page-lang-links a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.page-lang-links a:hover{color:var(--accent-hover);text-decoration:underline}.page-lang-links .current-lang{color:var(--text-primary);font-weight:500}.feed{display:flex;flex-direction:column;gap:1.5rem}.post{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;transition:transform var(--transition-fast),border-color var(--transition-fast)}.post:hover{transform:translateY(-2px);border-color:var(--glass-hover)}.post-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.post-body{flex:1}.post-user-info{margin-bottom:.5rem}.post-user-name{font-weight:500;color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:.375rem}.post-user-name:hover{color:var(--accent)}.post-user-handle{color:var(--text-secondary);font-size:.9rem;margin-left:.5rem}.post-title{font-size:1.2rem;font-weight:400;margin-bottom:.5rem}.post-title a{color:var(--text-primary);text-decoration:none}.post-title a:hover{color:var(--accent)}.post-content-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.post-content-link:hover .post-content{color:var(--text-secondary)}.post-content{font-size:1rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;flex:1;transition:color var(--transition-fast)}.post-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);word-break:break-word;transition:color var(--transition-fast)}.post-content-link:hover .post-description{color:var(--text-primary)}.post-content p{margin-bottom:.75rem}.post-content a{color:var(--accent);text-decoration:none}.post-content a:hover{text-decoration:underline}.read-more{display:inline-block;margin-top:.5rem;color:var(--accent);text-decoration:none;font-size:.95rem}.read-more:hover{text-decoration:underline}.post-date{display:block;font-size:.875rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-left:64px}.empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-size:1.1rem}.content-page{max-width:760px;margin:0 auto;padding:2rem 1rem}.content-page .page-title{font-size:2rem;font-weight:300;letter-spacing:-.02em;margin-bottom:2rem;color:var(--text-primary);text-align:left}.content-section{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:2rem;margin-bottom:2rem;line-height:1.8}.content-section h2{font-size:1.5rem;font-weight:400;margin-bottom:1rem;color:var(--text-primary)}.content-section h3{font-size:1.2rem;font-weight:400;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.content-section p{margin-bottom:1rem;color:var(--text-secondary)}.content-section ul,.content-section ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--text-secondary)}.content-section li{margin-bottom:.5rem}.content-section a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.content-section a:hover{color:var(--accent-hover);text-decoration:underline}.content-section code{background:#ffffff0d;padding:.2em .4em;border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:.9em;color:var(--accent)}.content-section strong{font-weight:500;color:var(--text-primary)}.last-updated{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.email-link{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.email-link:hover{color:var(--accent-hover);text-decoration:underline}.contact-box{background:#7c3aed1a;border:1px solid var(--accent);border-radius:var(--radius-sm);padding:1.5rem;text-align:center}.contact-box .email{font-size:1.2rem;font-weight:500;margin-top:.5rem;color:var(--text-primary)}.content-section h2:first-child{margin-top:0}.content-section h2:not(:first-child){margin-top:2rem}.tags-input-container{margin:var(--spacing-md, 1rem) 0}.tags-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm, .5rem)}.tags-input{width:100%;padding:.75rem;font-size:1rem;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm, 8px);transition:all var(--transition-fast, .2s) ease}.tags-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1a}.tags-input:disabled{opacity:.6;cursor:not-allowed}.tags-input::placeholder{color:var(--text-secondary)}@media(max-width:640px){.title{font-size:2rem}.post{padding:1.25rem}.post-content{font-size:1rem}.post-date{margin-left:56px}}