@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:var(--bg-toast);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-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)}}.server-modal-overlay{background:rgba(0,0,0,.7);padding:0;z-index:var(--z-system-overlay)}.server-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;width:90%}.server-modal-header{padding:var(--space-5) var(--space-6)}.server-modal-header h3{font-size:var(--font-lg-desktop)}.server-modal-close{border-radius:var(--radius-sm-plus);font-size:var(--font-h2-desktop)}@media (hover:hover) and (pointer:fine){.server-modal-close:hover{background:var(--border-color)}}.server-modal-body{padding:var(--space-2)}.server-option{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--space-1);padding:var(--space-3-5) var(--space-4);transition:all var(--duration-fast) var(--ease-default)}.server-option:hover{background:var(--border-color)}.server-option.selected{background:var(--highlight,var(--accent-primary-bg));border-color:var(--accent-primary)}.server-option-info{flex:1}.server-option-name{color:var(--text-primary);font-size:var(--font-small-desktop);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.server-option-domain{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-3xs-desktop);opacity:.7}.server-option-status{align-items:center;display:flex;gap:var(--space-2)}.server-option-latency{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-2xs-desktop);font-weight:var(--font-weight-semibold);min-width:60px;text-align:right}.server-option.selected .server-option-latency{color:var(--accent-primary)}@media (max-width:768px){.server-modal{border-radius:var(--radius-md);max-width:95%}.server-modal-header{padding:var(--space-4) var(--space-5)}.server-modal-header h3{font-size:var(--font-body-desktop)}.server-option{padding:var(--space-3) var(--space-3-5)}.server-option-name{font-size:var(--font-xs-desktop)}.server-option-domain,.server-option-latency{font-size:var(--font-3xs-desktop)}.server-option-latency{min-width:50px}}@layer components{.dyor-modal-overlay{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.8);bottom:0;display:none;justify-content:center;left:0;opacity:0;padding:var(--space-5);position:fixed;right:0;top:0;transition:opacity var(--duration-base) var(--ease-default);z-index:var(--z-modal)}.dyor-modal-overlay--open{display:flex}.dyor-modal-overlay--visible{opacity:1}.dyor-modal{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);color:var(--text-primary);display:flex;flex-direction:column;max-height:90vh;max-width:var(--dyor-modal-max-width,600px);transform:scale(.96);transition:transform var(--duration-base) var(--ease-default);width:100%}.dyor-modal:focus{outline:none}.dyor-modal-overlay--visible .dyor-modal{transform:scale(1)}.dyor-modal--sm{--dyor-modal-max-width:400px}.dyor-modal--md{--dyor-modal-max-width:500px}.dyor-modal--lg{--dyor-modal-max-width:800px}.dyor-modal--xl{--dyor-modal-max-width:1200px}.dyor-modal__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:space-between;padding:var(--space-6)}.dyor-modal__title{color:var(--text-primary);font-size:var(--font-h4-desktop);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.dyor-modal__close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-h4-desktop);height:32px;justify-content:center;line-height:var(--line-height-none);padding:0;transition:color var(--duration-base) var(--ease-default),background-color var(--duration-base) var(--ease-default);width:32px}.dyor-modal__close:hover{background-color:var(--highlight);color:var(--text-primary)}.dyor-modal__body{flex:1 1 auto;overflow-y:auto;padding:var(--space-6)}.dyor-modal__dock-handle{display:none}.dyor-modal__footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}@media (max-width:768px){.dyor-modal-overlay:has(.dyor-modal--sheet){align-items:flex-end;padding:0}.dyor-modal-overlay:has(.dyor-modal--fullscreen){padding:0}.dyor-modal--sheet{--dyor-modal-max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;max-height:95vh}.dyor-modal--fullscreen{--dyor-modal-max-width:100vw;border:none;border-radius:0;height:100vh;margin:0;max-height:100vh;width:100vw}.dyor-modal__close{height:var(--tap-target-min);width:var(--tap-target-min)}}@media (max-width:576px){.dyor-modal-overlay{padding:var(--space-3)}.dyor-modal__body,.dyor-modal__footer,.dyor-modal__header{padding:var(--space-4)}}@media (min-width:1024px){.dyor-modal-overlay.dyor-modal-overlay--dock{align-items:stretch;backdrop-filter:none;background-color:transparent;justify-content:flex-end;padding:0;pointer-events:none}.dyor-modal-overlay.dyor-modal-overlay--dock .dyor-modal{--dyor-modal-max-width:none;border-radius:0;height:100%;margin-right:var(--dyor-dock-offset-right,0);max-height:none;pointer-events:auto;position:relative;transform:none;transition:margin-right var(--duration-slow) var(--ease-default);width:var(--dyor-dock-width,50vw)}.dyor-modal-overlay.dyor-modal-overlay--dock .dyor-modal__dock-handle{background-color:transparent;bottom:0;cursor:col-resize;display:block;left:0;margin-left:calc(var(--space-1-5)/-2);position:absolute;top:0;touch-action:none;transition:background-color var(--duration-base) var(--ease-default);width:var(--space-1-5)}.dyor-modal-overlay--resizing .dyor-modal__dock-handle,.dyor-modal-overlay.dyor-modal-overlay--dock .dyor-modal__dock-handle:hover{background-color:var(--accent-primary)}.dyor-modal-overlay.dyor-modal-overlay--dock.dyor-modal-overlay--resizing{cursor:col-resize;pointer-events:auto;user-select:none}}@media (prefers-reduced-motion:reduce){.dyor-modal,.dyor-modal-overlay{transition:none}.dyor-modal,.dyor-modal-overlay.dyor-modal-overlay--dock .dyor-modal{transform:none}}}
/*# sourceMappingURL=blog.6cb55608.css.map*/