@media (max-width: 768px){.discussion-section{margin:var(--space-xl, 1.5rem) 0;padding:var(--space-lg, 1rem) 0}.discussion-container{padding:0}.discussion-content{padding:var(--space-lg, 1rem) var(--space-md, .75rem)!important}:global(.comment-item){margin-left:calc(var(--indent-level, 0) * 1rem)!important}:global(.comment-item[data-depth="4"]),:global(.comment-item[data-depth="5"]){margin-left:calc(var(--indent-level, 0) * .75rem)!important}:global(.comment-container){padding:var(--space-sm, .5rem)!important;gap:var(--space-sm, .5rem)!important}:global(.avatar-image),:global(.avatar-placeholder){width:32px!important;height:32px!important;font-size:var(--font-size-base, 1rem)!important}:global(.comment-meta){font-size:var(--font-size-xs, .75rem)!important;gap:var(--space-xs, .25rem)!important}:global(.author-name){font-size:var(--font-size-xs, .75rem)!important}:global(.comment-timestamp),:global(.edited-indicator){font-size:.7rem!important}:global(.comment-body){font-size:var(--font-size-sm, .875rem)!important;line-height:1.6!important}:global(.comment-actions){gap:var(--space-xs, .25rem)!important;margin-top:0!important}:global(.action-btn){font-size:.7rem!important;padding:var(--space-xs, .25rem) var(--space-sm, .5rem)!important;gap:.125rem!important}:global(.action-btn svg){width:14px!important;height:14px!important}.thread-controls{flex-direction:column!important;align-items:stretch!important;gap:var(--space-sm, .5rem)!important}.search-container{width:100%!important;min-width:100%!important}.sort-container{width:100%!important;justify-content:space-between!important}.sort-select{flex:1!important}.comment-textarea{font-size:16px!important;min-height:80px!important;padding:var(--space-sm, .5rem)!important}.form-actions{flex-direction:column-reverse!important;gap:var(--space-xs, .25rem)!important}.btn-cancel,.btn-submit{width:100%!important;justify-content:center!important}:global(.edit-textarea){font-size:16px!important;min-height:80px!important;padding:var(--space-sm, .5rem)!important}:global(.edit-form-footer){flex-direction:column!important;align-items:flex-start!important;gap:var(--space-sm, .5rem)!important}:global(.edit-form-actions){width:100%!important;flex-direction:column-reverse!important}:global(.edit-cancel-btn),:global(.edit-save-btn){width:100%!important;justify-content:center!important}.auth-notice{padding:var(--space-md, .75rem)!important}.auth-notice-content{flex-direction:column!important;text-align:center!important;gap:var(--space-md, .75rem)!important}.auth-notice-button{width:100%!important}.discussion-header{margin-bottom:var(--space-lg, 1rem)!important}.discussion-title{font-size:var(--font-size-xl, 1.25rem)!important}.discussion-subtitle{font-size:var(--font-size-xs, .75rem)!important}.thread-header{flex-direction:column!important;gap:var(--space-sm, .5rem)!important;margin-bottom:var(--space-md, .75rem)!important;padding-bottom:var(--space-sm, .5rem)!important}.thread-title{font-size:var(--font-size-lg, 1.125rem)!important}:global(.pinned-badge){font-size:.65rem!important;padding:.125rem var(--space-xs, .25rem)!important}:global(.pinned-badge svg){width:12px!important;height:12px!important}.load-more-btn{width:100%!important;padding:var(--space-md, .75rem)!important}.empty-state,.no-results-state,.loading-state{padding:var(--space-xl, 1.5rem) var(--space-sm, .5rem)!important}.empty-state svg,.no-results-state svg{width:48px!important;height:48px!important}.discussion-error{padding:var(--space-xl, 1.5rem) var(--space-sm, .5rem)!important}.discussion-error svg{width:36px!important;height:36px!important}}@media (max-width: 768px) and (pointer: coarse){:global(.action-btn){min-height:44px!important;min-width:44px!important;padding:var(--space-sm, .5rem) var(--space-md, .75rem)!important;justify-content:center!important}.btn-cancel,.btn-submit{min-height:44px!important;padding:var(--space-md, .75rem) var(--space-lg, 1rem)!important}:global(.edit-cancel-btn),:global(.edit-save-btn){min-height:44px!important;padding:var(--space-md, .75rem) var(--space-lg, 1rem)!important}.search-input,.sort-select{min-height:44px!important;padding:var(--space-sm, .5rem) var(--space-md, .75rem)!important}.search-clear{min-height:44px!important;min-width:44px!important;padding:var(--space-md, .75rem)!important}.load-more-btn,.auth-notice-button,.discussion-error-retry{min-height:44px!important}:global(.author-name){min-height:44px!important;display:inline-flex!important;align-items:center!important;padding:var(--space-xs, .25rem) 0!important}:global(.like-btn){min-height:44px!important;min-width:44px!important}}@media (max-width: 768px){:global(.avatar-image){loading:lazy}:global(.comment-container),:global(.action-btn),:global(.author-name){transition-duration:.1s!important}:global(.comment-container:hover){transform:none!important}:global(.action-btn:hover:not(:disabled)){transform:none!important}:global(.comment-container),.card{box-shadow:none!important}.realtime-indicator{animation-duration:3s!important}.loading-spinner svg,.spinner{animation-duration:1.5s!important}}@media (min-width: 768px) and (max-width: 1024px){:global(.comment-item){margin-left:calc(var(--indent-level, 0) * 1.5rem)!important}:global(.avatar-image),:global(.avatar-placeholder){width:36px!important;height:36px!important}:global(.comment-body){font-size:var(--font-size-sm, .875rem)!important}.thread-controls{gap:var(--space-sm, .5rem)!important}}@media (max-width: 768px) and (orientation: landscape){.discussion-section{margin:var(--space-md, .75rem) 0!important;padding:var(--space-md, .75rem) 0!important}.thread-header{margin-bottom:var(--space-sm, .5rem)!important}:global(.comment-container){padding:var(--space-xs, .25rem) var(--space-sm, .5rem)!important}.comment-textarea{min-height:60px!important}:global(.edit-textarea){min-height:60px!important}}@media (max-width: 375px){:global(.comment-item){margin-left:calc(var(--indent-level, 0) * .5rem)!important}:global(.comment-item[data-depth="3"]),:global(.comment-item[data-depth="4"]),:global(.comment-item[data-depth="5"]){margin-left:calc(var(--indent-level, 0) * .375rem)!important}:global(.avatar-image),:global(.avatar-placeholder){width:28px!important;height:28px!important;font-size:var(--font-size-sm, .875rem)!important}:global(.comment-container){padding:var(--space-xs, .25rem)!important;gap:var(--space-xs, .25rem)!important}:global(.comment-actions){flex-wrap:wrap!important}:global(.action-btn){flex:1 1 calc(50% - .25rem)!important;min-width:calc(50% - .25rem)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:global(.comment-container:hover),:global(.action-btn:hover),:global(.btn-submit:hover),:global(.edit-save-btn:hover){transform:none!important}.loading-spinner svg,.spinner,.realtime-indicator{animation:none!important}}@media (prefers-contrast: high){:global(.comment-container),.search-input,.sort-select,.comment-textarea,:global(.edit-textarea){border-width:2px!important}:global(.action-btn),.btn-submit,.btn-cancel,:global(.edit-save-btn),:global(.edit-cancel-btn){border:2px solid currentColor!important}:global(.comment-body),:global(.comment-meta),.discussion-subtitle{color:var(--text-primary)!important}}@media (prefers-color-scheme: dark){:global(.comment-container){background-color:var(--bg-secondary, #1e293b)!important;border-color:var(--border-primary, #334155)!important}.search-input,.sort-select,.comment-textarea,:global(.edit-textarea){background-color:var(--bg-secondary, #1e293b)!important;border-color:var(--border-primary, #334155)!important;color:var(--text-primary, #f8fafc)!important}:global(.comment-container:hover){box-shadow:0 4px 12px #0000004d!important}}@media print{.thread-controls,:global(.comment-actions),.auth-notice,.thread-comment-form,.load-more-container,.realtime-status{display:none!important}:global(.comment-item){margin-left:0!important;page-break-inside:avoid!important}:global(.comment-container){border:1px solid #000!important;background:#fff!important;box-shadow:none!important}:global(.comment-body),:global(.comment-meta){color:#000!important}}:global(.comment-container),:global(.action-btn),.btn-submit,.btn-cancel{will-change:transform}:global(.comment-item){contain:layout style}:global(.comment-body),:global(.comment-text){text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports selector(:focus-visible){:focus{outline:none}:focus-visible{outline:2px solid var(--accent-primary, #3b82f6);outline-offset:2px}@media (max-width: 768px) and (pointer: coarse){:focus-visible{outline-width:3px;outline-offset:3px}}}.sr-only,.visually-hidden{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-links{position:fixed;top:0;left:0;width:100%;z-index:10000;background-color:var(--bg-primary, #0f172a);border-bottom:2px solid var(--accent-primary, #3b82f6)}.skip-link{position:absolute;top:-100px;left:0;display:inline-block;padding:var(--space-md, 1rem) var(--space-lg, 1.5rem);background-color:var(--accent-primary, #3b82f6);color:#fff;font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);text-decoration:none;border-radius:0 0 var(--radius-md, .5rem) 0;transition:top .2s ease-in-out;z-index:10001}.skip-link:focus{top:0;outline:3px solid var(--accent-secondary, #60a5fa);outline-offset:2px}.skip-link:hover{background-color:var(--accent-secondary, #2563eb)}*:focus-visible{outline:2px solid var(--accent-primary, #3b82f6);outline-offset:2px;border-radius:var(--radius-sm, .25rem)}*:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-primary, #3b82f6);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.comment-item:focus-within,.notification-item:focus-within,.share-dropdown:focus-within{outline:2px solid var(--accent-primary, #3b82f6);outline-offset:2px}@media (prefers-contrast: high){.comment-container,.notification-dropdown,.share-dropdown,button,input,textarea,select{border-width:2px}.text-muted,.text-secondary,.text-tertiary{color:var(--text-primary);opacity:.8}*:focus-visible{outline-width:3px;outline-offset:3px}button,[role=button]{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}*:focus-visible{transition:outline .1s ease-in-out}}.keyboard-navigation-active *:focus{outline:3px solid var(--accent-primary, #3b82f6);outline-offset:2px}[aria-live]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[aria-live][data-visible=true]{position:static;width:auto;height:auto;overflow:visible}.focus-trap-overlay{position:fixed;inset:0;background-color:#00000080;z-index:9999}.modal[aria-modal=true]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;max-width:90vw;max-height:90vh;overflow:auto}.dropdown[aria-expanded=true]{display:block}.dropdown[aria-expanded=false]{display:none}@media (max-width: 768px) and (pointer: coarse){button,a,input[type=checkbox],input[type=radio],select,[role=button],[role=link],[tabindex]:not([tabindex="-1"]){min-height:44px;min-width:44px}.action-btn,.btn-small{padding:var(--space-sm, .5rem) var(--space-md, 1rem)}}.sr-announcement{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.loading-state[aria-busy=true]{position:relative}.loading-state[aria-busy=true]:after{content:"";position:absolute;inset:0;background-color:#0000001a;pointer-events:none}[role=alert]{padding:var(--space-md, 1rem);border-left:4px solid var(--accent-error, #ef4444);background-color:#ef44441a;color:var(--text-primary)}[role=status][data-type=success]{padding:var(--space-md, 1rem);border-left:4px solid var(--accent-success, #10b981);background-color:#10b9811a;color:var(--text-primary)}[aria-disabled=true],:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}[aria-required=true]:after,.required:after{content:" *";color:var(--accent-error, #ef4444);font-weight:var(--font-weight-bold, 700)}[aria-invalid=true]{border-color:var(--accent-error, #ef4444);outline-color:var(--accent-error, #ef4444)}[aria-invalid=true]:focus{box-shadow:0 0 0 4px #ef444433}[role=tooltip]{position:absolute;z-index:10000;padding:var(--space-xs, .25rem) var(--space-sm, .5rem);background-color:var(--bg-primary, #0f172a);color:var(--text-primary, #f8fafc);border:1px solid var(--border-primary, #334155);border-radius:var(--radius-md, .5rem);font-size:var(--font-size-sm, .875rem);white-space:nowrap;pointer-events:none}[role=progressbar]{position:relative;height:8px;background-color:var(--bg-secondary, #1e293b);border-radius:var(--radius-full, 9999px);overflow:hidden}[role=progressbar]:after{content:"";position:absolute;top:0;left:0;height:100%;background-color:var(--accent-primary, #3b82f6);width:var(--progress-value, 0%);transition:width .3s ease-in-out}main{outline:none}main:focus{outline:2px solid var(--accent-primary, #3b82f6);outline-offset:-2px}nav[aria-label]{position:relative}nav[aria-label=Breadcrumb] ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-sm, .5rem)}nav[aria-label=Breadcrumb] li:not(:last-child):after{content:"/";margin-left:var(--space-sm, .5rem);color:var(--text-muted, #64748b)}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:var(--font-weight-semibold, 600)}caption{text-align:left;padding:var(--space-md, 1rem);font-weight:var(--font-weight-semibold, 600)}fieldset{border:1px solid var(--border-primary, #334155);border-radius:var(--radius-md, .5rem);padding:var(--space-md, 1rem);margin:var(--space-md, 1rem) 0}legend{padding:0 var(--space-sm, .5rem);font-weight:var(--font-weight-semibold, 600)}label{display:block;margin-bottom:var(--space-xs, .25rem);font-weight:var(--font-weight-medium, 500)}@media (prefers-color-scheme: dark){.text-muted{color:#94a3b8}.text-secondary{color:#cbd5e1}.text-primary{color:#f1f5f9}*:focus-visible{outline-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}}@media print{.skip-links,.sr-only,[aria-hidden=true]{display:none}*:focus{outline:2px solid #000}*{color:#000!important;background-color:#fff!important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}
