@layer components{.toast-container-v2{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2-5);left:var(--space-5);overflow-y:auto;pointer-events:none;position:fixed;right:var(--space-5);top:var(--space-5);z-index:var(--z-toast)}.toast-v2{background-color:#333;border-radius:var(--radius-sm);color:var(--text-on-color);height:auto;opacity:0;overflow:hidden;padding:var(--space-4);pointer-events:auto;position:relative;transition:opacity var(--duration-slowest)}.toast-success-v2{background-color:var(--success)}.toast-error-v2{background-color:var(--error)}.toast-info-v2{background-color:var(--accent-info)}.toast-message-v2{display:block}.toast-progress-v2{background:hsla(0,0%,100%,.7);bottom:0;height:var(--space-1);left:0;position:absolute;transition:width linear;width:100%}}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body,"Onest",sans-serif);margin:0;min-height:100vh;overflow-x:hidden;padding:0}.blog-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:var(--space-10) var(--space-6) var(--space-20);width:100%}.blog-header{margin-bottom:var(--space-12);text-align:center}.blog-header h1{color:var(--text-primary);font-family:var(--font-heading,"Onest",sans-serif);font-size:var(--font-h1-desktop);font-weight:var(--font-weight-bold,700);margin:0 0 var(--space-3) 0}.blog-subtitle{color:var(--text-secondary);font-size:var(--font-body-desktop);line-height:var(--line-height-normal,1.5);margin:0}.blog-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-10)}.search-input{flex:1;min-width:200px}.category-filter{min-width:180px;width:auto}.articles-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:var(--space-10);width:100%}.article-card{transition:all var(--duration-slow) var(--ease-default)}.article-card:hover{box-shadow:0 8px 24px var(--accent-primary-bg-strong);transform:translateY(-4px)}.article-thumbnail{background:var(--bg-darker);height:200px;overflow:hidden;width:100%}.article-thumbnail img{height:100%;object-fit:cover;width:100%}.article-content{padding:var(--space-6)}.article-meta{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.category-badge{border-radius:var(--radius-xl);padding:var(--space-1) var(--space-3)}.category-badge.guides{background:rgba(59,130,246,.15);color:var(--accent-info)}.category-badge.tutorials{background:rgba(245,158,11,.15);color:var(--warning)}.read-time{color:var(--text-secondary);font-size:var(--font-xs-desktop)}.article-title{color:var(--text-primary);font-size:var(--font-h4-desktop);font-weight:var(--font-weight-semibold,600);line-height:var(--line-height-tight,1.2);margin-bottom:var(--space-3)}.article-excerpt{color:var(--text-secondary);display:-webkit-box;font-size:var(--font-small-desktop);-webkit-line-clamp:3;line-height:var(--line-height-relaxed,1.6);margin-bottom:var(--space-4);-webkit-box-orient:vertical;overflow:hidden}.article-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--space-4)}.read-more{color:var(--accent-primary);font-size:var(--font-small-desktop);font-weight:var(--font-weight-semibold,600);text-decoration:none;transition:color var(--duration-base) var(--ease-default)}.read-more:hover{color:var(--accent-primary-pressed)}.no-results{color:var(--text-secondary);padding:var(--space-15) var(--space-5);text-align:center}.no-results p{font-size:var(--font-body-desktop)}@media (max-width:768px){.blog-container{padding:var(--space-8) var(--space-4) var(--space-15)}.blog-header{margin-bottom:var(--space-8)}.blog-header h1{font-size:var(--font-h2-desktop);line-height:var(--line-height-tight)}.blog-subtitle{font-size:var(--font-body-desktop)}.blog-controls{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.search-input{min-width:100%}.category-filter{min-width:100%;width:100%}.articles-grid{gap:var(--space-4);grid-template-columns:1fr}.article-content{padding:var(--space-5)}.article-title{font-size:var(--font-lg-desktop)}}.dyor-minimal-header,.dyor-settings-header{background:var(--bg-dark,var(--bg-table));border-bottom:1px solid var(--border-color);position:sticky;top:0;width:100%;z-index:var(--z-fixed)}.dyor-minimal-header .header-content,.dyor-settings-header .header-content{margin:0 auto;padding:var(--space-4) 0;position:relative}.dyor-minimal-header .back-button-container,.dyor-settings-header .back-button-container{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-elevated)}.dyor-minimal-header .back-button,.dyor-settings-header .back-button{min-height:44px;min-width:44px;padding:var(--space-2-5) var(--space-3)}.dyor-minimal-header .header-actions,.dyor-settings-header .header-actions{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:var(--z-elevated)}.dyor-minimal-header .user-menu,.dyor-settings-header .user-menu{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4);transition:all var(--duration-slow) var(--ease-default)}@media (hover:hover) and (pointer:fine){.dyor-minimal-header .user-menu:hover,.dyor-settings-header .user-menu:hover{background:var(--highlight,var(--border-color));border-color:var(--accent-primary)}}.dyor-minimal-header .user-menu:focus-within,.dyor-settings-header .user-menu:focus-within{box-shadow:var(--shadow-focus-strong);outline:none}.dyor-minimal-header .user-icon,.dyor-settings-header .user-icon{align-items:center;background:var(--accent-primary);border-radius:var(--radius-circle);color:var(--bg-darker,var(--bg-dark));display:flex;flex-shrink:0;font-size:var(--font-small-desktop);height:28px;justify-content:center;width:28px}.dyor-minimal-header .username,.dyor-settings-header .username{color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-small-desktop);font-weight:var(--font-weight-medium);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dyor-minimal-header .login-button,.dyor-settings-header .login-button{text-decoration:none}.dyor-minimal-header .user-dropdown,.dyor-settings-header .user-dropdown{opacity:0;pointer-events:none;transform:translateY(-8px);transition:all var(--duration-slow) var(--ease-default)}.dyor-minimal-header .user-dropdown:not(.hidden),.dyor-settings-header .user-dropdown:not(.hidden){opacity:1;pointer-events:all;transform:translateY(0)}.dyor-minimal-header .user-dropdown ul,.dyor-settings-header .user-dropdown ul{list-style:none;margin:0;padding:var(--space-2) 0}.dyor-minimal-header .dropdown-item:active,.dyor-settings-header .dropdown-item:active{background:var(--secondary-bg-color,var(--bg-table))}.dyor-minimal-header .hidden,.dyor-settings-header .hidden{display:none!important}@media (max-width:768px){.dyor-minimal-header .header-content,.dyor-settings-header .header-content{gap:var(--space-2-5);min-height:64px;padding:var(--space-5) var(--space-3)}.dyor-minimal-header .back-button-container,.dyor-settings-header .back-button-container{left:8px}.dyor-minimal-header .back-button,.dyor-settings-header .back-button{min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding:var(--space-2) var(--space-2-5)}.dyor-minimal-header .back-button span,.dyor-settings-header .back-button span{display:none}.dyor-minimal-header .header-actions,.dyor-settings-header .header-actions{right:8px}.dyor-minimal-header .user-menu,.dyor-settings-header .user-menu{gap:var(--space-2);min-height:var(--tap-target-min);padding:var(--space-1-5) var(--space-3)}.dyor-minimal-header .user-icon,.dyor-settings-header .user-icon{font-size:var(--font-2xs-desktop);height:24px;width:24px}.dyor-minimal-header .username,.dyor-settings-header .username{font-size:var(--font-xs-desktop);max-width:80px}.dyor-minimal-header .user-dropdown,.dyor-settings-header .user-dropdown{max-width:calc(100vw - 32px);min-width:180px;right:-8px}}@media (max-width:480px){.dyor-minimal-header .header-content,.dyor-settings-header .header-content{gap:var(--space-2-5);min-height:56px;padding:var(--space-3)}.dyor-minimal-header .username,.dyor-settings-header .username{display:none}.dyor-minimal-header .user-menu,.dyor-settings-header .user-menu{gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5)}.dyor-minimal-header .user-dropdown,.dyor-settings-header .user-dropdown{left:auto;max-width:calc(100vw - 24px);right:0;transform-origin:top right;width:220px}.dyor-minimal-header .back-button,.dyor-settings-header .back-button{min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding:var(--space-2)}.dyor-minimal-header .back-button span,.dyor-settings-header .back-button span{display:none}}@media (prefers-contrast:high){.dyor-minimal-header .back-button,.dyor-minimal-header .user-menu,.dyor-settings-header .back-button,.dyor-settings-header .user-menu{border-width:2px}.dyor-minimal-header .user-dropdown,.dyor-settings-header .user-dropdown{border-width:2px;box-shadow:var(--shadow-lg-strong)}}.dyor-minimal-header .logo{align-items:center;display:flex;justify-content:center;pointer-events:none;position:relative}.dyor-minimal-header .logo img{align-self:center;flex:1;height:48px;pointer-events:none;width:auto}.dyor-minimal-header .page-title{align-items:center;display:flex;justify-content:center;position:relative}.dyor-minimal-header .page-title h1{color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-h3-desktop);font-weight:var(--font-weight-semibold);margin:0}@media (max-width:768px){.dyor-minimal-header .logo{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dyor-minimal-header .logo img{display:block;height:36px}.dyor-minimal-header .page-title h1{font-size:var(--font-lg-desktop)}}
/*# sourceMappingURL=blog.37fc2645.css.map*/