:root{--bg-0: #242933;--bg-1: #2F3542;--bg-2: #363C4A;--bg-3: #3E4657;--text-main: #ECEFF4;--text-muted: #D8DEE9;--text-super-muted: #9097a5;--accent: #A3BE8C;--radius: 6px}html,body{margin:0;padding:0;height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background-color:var(--bg-0);color:var(--text-main)}#video-bg,body:before{display:none}#header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:64px;padding:0 24px;background:var(--bg-1);border-bottom:1px solid var(--bg-3);position:sticky;top:0;z-index:10}#header h1{margin:0}#header h1 a{text-decoration:none;color:var(--text-main);font-size:22px;font-weight:600}.logo-link{display:flex;align-items:center}.logo-img{height:56px;width:auto}.header-center{display:flex;justify-content:center}.global-search{position:relative;width:100%;max-width:420px}.global-search input{width:100%;height:36px;padding-left:40px;padding-right:14px;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:999px;color:var(--text-main);font-size:14px}.global-search input::placeholder{color:var(--text-muted)}.global-search input:focus{outline:none;border-color:var(--accent)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:auto;opacity:.85;pointer-events:none}#user-bar{display:flex;gap:12px;align-items:center;white-space:nowrap}#user-bar a,.link-button{color:var(--text-main);font-size:14px;font-weight:500;text-decoration:none}#user-bar a:hover,.link-button:hover{color:var(--accent)}.link-button{border:none;background:none;cursor:pointer}#page-wrapper{display:flex;flex-direction:column;min-height:100vh}#content{flex:1}.layout{display:flex;gap:20px;padding:20px}.sidebar{width:240px;padding:14px;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:var(--radius)}.sidebar h3{margin:0 0 12px;font-size:16px;font-weight:600}.topic-list{list-style:none;padding:0;margin:0}.topic-link{display:block;width:100%;padding:8px 10px;margin-bottom:6px;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--radius);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer}.topic-link:hover{background:var(--bg-3)}.topic-link.active{background:var(--accent);color:#1e222a;border-color:var(--accent)}.main{flex:1;padding:20px;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:var(--radius)}.main h2{margin:0 0 16px;font-weight:600}.question-row{list-style:none;padding:14px;margin-bottom:12px;margin-left:-40px;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--radius);transition:background .15s ease}.question-list li{list-style:none;margin-left:-40px}.question-row:hover{background:var(--bg-3)}.q-title{color:var(--text-main);font-size:18px;font-weight:600;text-decoration:none}.q-info span{font-style:italic;color:var(--accent);font-size:14px}.q-footer{margin-top:6px;font-size:13px;color:var(--text-muted)}.question-body-text,.answer-body{max-width:95%;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.answer-meta span{font-style:italic;color:var(--accent);font-size:14px}.ask-form input[type=text],.ask-form textarea,.ask-form select{background-color:var(--bg-2);color:var(--text-main);border:1px solid var(--bg-3);border-radius:var(--radius);padding:.75rem}.ask-form input[type=text]:focus,.ask-form textarea:focus,.ask-form select:focus{outline:none;border-color:var(--accent);background-color:var(--bg-3)}.answer-form textarea{background-color:var(--bg-2);color:var(--text-main);border:1px solid var(--bg-3);border-radius:var(--radius);padding:.75rem}.answer-form textarea:focus{outline:none;border-color:var(--accent);background-color:var(--bg-3)}.ask-form input[type=file]{color:var(--text-muted)}.ask-form input[type=file]::file-selector-button{background-color:var(--bg-3);color:var(--text-main);border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;margin-right:1rem;transition:background-color .2s}.ask-form input[type=file]::file-selector-button:hover{background-color:var(--accent);color:var(--bg-0)}button,.btn{padding:8px 14px;border-radius:var(--radius);border:none;background:var(--accent);color:#1e222a;font-weight:600;cursor:pointer}button:hover,.btn:hover{filter:brightness(.95)}.q-delete-btn,.admin-delete-link{margin-left:10px;padding:2px 5px;font-size:12px;font-weight:600;background:#bf616a;color:#1e222a;border:none;border-radius:4px;cursor:pointer;opacity:.9;transition:background .15s ease,opacity .15s ease,transform .1s ease}.q-delete-btn:hover,.admin-delete-link:hover{opacity:1;background:#d08770}.q-delete-btn:hover,.admin-delete-link:active{transform:scale(.96)}.media-info{margin-top:6px;font-size:12px;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.media-delete-btn{background:none;border:none;padding:0;color:#bf616a;font-size:14px;cursor:pointer}.media-delete-btn:hover{color:#d08770}.question-top-row,.answer-row{display:flex;align-items:flex-start;gap:14px}.vote-column{width:32px;min-width:32px;display:flex;flex-direction:column;align-items:center;gap:4px}.question-main{font-size:16px;line-height:1.6}.answer-content{display:flex;flex-direction:column;gap:6px;font-size:16px}.answer-content pre,.answer-content .answer-body{order:1}.answer-content .answer-meta{order:2}.vote-btn{background:transparent;border-radius:4px;padding:4px;color:#fff}.auth-form{max-width:420px;margin:60px auto;padding:24px;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:var(--radius);display:flex;flex-direction:column;gap:14px}.auth-form h2,.auth-form h1{margin:0 0 10px;font-size:22px;font-weight:600}.auth-form label{font-size:13px;font-weight:600;color:var(--text-muted)}.auth-form input{width:100%;padding:10px 12px;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--radius);box-sizing:border-box;color:var(--text-main);font-size:14px}.auth-form input:focus{outline:none;border-color:var(--accent)}.media-section{margin-top:16px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.media-item{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--radius);padding:10px}.media-container{display:flex;align-items:center;justify-content:center;max-height:200px;overflow:hidden}.media-preview{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:4px;display:block}.media-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.media-modal-content{position:relative;max-width:90vw;max-height:90vh}.media-modal-image,.media-modal-video{max-width:100%;max-height:80vh;object-fit:contain}.media-modal-close{position:absolute;top:-36px;right:0;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.media-modal-filename{margin-top:8px;text-align:center;font-size:13px;color:#ccc}#footer{padding:12px 0;text-align:center;background:var(--bg-1);border-top:1px solid var(--bg-3);font-size:13px;color:var(--text-muted)}