:root{--bg:#080c14;--bg2:#0d1321;--bg3:#131a2e;--bg4:#1a2340;--border:hsla(0,0%,100%,.06);--border2:rgba(99,179,237,.18);--text:#dde6f0;--text2:#8fa3be;--text3:#4d6380;--cyan:#63b3ed;--cyan2:#90cdf4;--green:#68d391;--green2:#9ae6b4;--orange:#f6ad55;--pink:#f687b3;--yellow:#faf089;--purple:#b794f4;--red:#fc8181;--white:#fff}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);font-weight:300;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0,rgba(99,179,237,.04) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(183,148,244,.03) 0,transparent 50%);pointer-events:none;z-index:0}#progressLine{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));z-index:9999;transition:width .3s ease;box-shadow:0 0 12px var(--cyan)}header{position:-webkit-sticky;position:sticky;top:0;z-index:500;background:rgba(8,12,20,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.header-inner{max-width:1440px;margin:0 auto;padding:0 28px;height:58px;gap:32px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:9px;flex-shrink:0;text-decoration:none;cursor:pointer}.logo-mark{width:26px;height:26px;background:var(--cyan);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--bg);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.logo-text{font-family:Syne,sans-serif;font-size:18px;font-weight:800;color:var(--white);letter-spacing:-.02em}.logo-text span{color:var(--cyan)}.header-nav{display:flex;gap:2px;flex:1 1}.nav-btn{background:none;border:none;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text3);cursor:pointer;transition:all .15s;border-radius:4px;letter-spacing:.04em;white-space:nowrap}.nav-btn:hover{color:var(--text2);background:var(--bg3)}.nav-btn.active{color:var(--cyan);background:rgba(99,179,237,.08);border:1px solid rgba(99,179,237,.15)}.header-actions{gap:10px;margin-left:auto}.header-actions,.live-badge{display:flex;align-items:center}.live-badge{gap:5px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--green);background:rgba(104,211,145,.08);border:1px solid rgba(104,211,145,.2);padding:3px 9px;border-radius:20px}.live-dot{width:5px;height:5px;background:var(--green);border-radius:50%;animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.bm-count-badge{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--yellow);background:hsla(55,92%,76%,.08);border:1px solid hsla(55,92%,76%,.15);padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s}.bm-count-badge:hover{background:hsla(55,92%,76%,.15)}.ticker-wrap{background:var(--bg2);border-bottom:1px solid var(--border);padding:8px 28px;display:flex;align-items:center;gap:14px;overflow:hidden;position:relative;z-index:1}.ticker-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;color:var(--cyan);background:rgba(99,179,237,.1);border:1px solid rgba(99,179,237,.2);padding:2px 7px;border-radius:3px;flex-shrink:0;text-transform:uppercase}.ticker-scroll{overflow:hidden;flex:1 1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ticker-inner{display:flex;gap:40px;white-space:nowrap;animation:scroll-ticker 60s linear infinite}.ticker-inner:hover{animation-play-state:paused}@keyframes scroll-ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-item{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text3);cursor:pointer;transition:color .15s;flex-shrink:0}.ticker-item:hover{color:var(--cyan2)}.page-view{display:none}.page-view.active{display:block}.layout{max-width:1440px;margin:0 auto;padding:20px 28px;display:grid;grid-template-columns:1fr 320px;grid-gap:20px;gap:20px;position:relative;z-index:1}.sec-head{justify-content:space-between;margin-bottom:14px}.sec-head,.sec-title{display:flex;align-items:center}.sec-title{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;gap:7px}.sec-title:before{content:"//";color:var(--cyan)}.icon-btn{background:none;border:1px solid var(--border);color:var(--text3);font-family:JetBrains Mono,monospace;font-size:10px;padding:4px 11px;cursor:pointer;border-radius:4px;transition:all .15s;letter-spacing:.04em;display:flex;align-items:center;gap:5px}.icon-btn:hover{border-color:var(--cyan);color:var(--cyan)}.filter-bar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.filter-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text3);font-family:JetBrains Mono,monospace;font-size:10px;padding:4px 11px;border-radius:4px;cursor:pointer;transition:all .15s;letter-spacing:.04em}.filter-btn:hover{color:var(--text2);border-color:var(--text3)}.filter-btn.active{background:rgba(99,179,237,.08);border-color:var(--cyan);color:var(--cyan)}.articles-list{display:flex;flex-direction:column;gap:2px}.article-card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:16px 20px;cursor:pointer;transition:all .13s;position:relative;overflow:hidden;animation:fadeUp .25s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.article-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;transition:background .13s}.article-card:hover{background:var(--bg3);border-color:rgba(99,179,237,.15);transform:translateX(2px)}.article-card:hover:after{background:var(--cyan)}.article-card.src-hn:after{background:var(--orange)}.article-card.src-devto:after{background:var(--pink)}.article-card.src-rss:after{background:var(--green)}.card-top{display:flex;align-items:center;gap:8px;margin-bottom:9px;flex-wrap:wrap}.src-badge{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.08em;padding:2px 7px;border-radius:3px;font-weight:500;text-transform:uppercase;flex-shrink:0}.badge-hn{background:rgba(246,173,85,.12);color:var(--orange);border:1px solid rgba(246,173,85,.2)}.badge-devto{background:rgba(246,135,179,.12);color:var(--pink);border:1px solid rgba(246,135,179,.2)}.badge-rss{background:rgba(104,211,145,.12);color:var(--green);border:1px solid rgba(104,211,145,.2)}.card-time{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3)}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-left:auto}.ctag{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--purple);background:rgba(183,148,244,.08);padding:1px 6px;border-radius:3px}.card-title{font-family:Syne,sans-serif;font-size:14px;font-weight:600;color:var(--text);line-height:1.5;margin-bottom:4px;letter-spacing:-.01em}.article-card:hover .card-title{color:var(--white)}.card-ja{font-family:Noto Sans JP,sans-serif;font-size:13px;color:var(--cyan2);line-height:1.65;margin-bottom:8px;display:none}.card-ja.visible{display:block;animation:fadeUp .2s ease}.card-summary{font-size:12px;color:var(--white);line-height:1.7;margin-bottom:8px;display:none;background:rgba(99,179,237,.04);border-left:2px solid var(--cyan);padding:8px 12px;border-radius:0 4px 4px 0}.card-summary.visible{display:block;animation:fadeUp .2s ease}.card-bottom{gap:12px;flex-wrap:wrap}.card-bottom,.cstat{display:flex;align-items:center}.cstat{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3);gap:3px}.cstat-val{color:var(--text2)}.card-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.btn-translate{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--yellow);background:hsla(55,92%,76%,.08);border:1px solid hsla(55,92%,76%,.15);padding:3px 8px;border-radius:3px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-translate:hover{background:hsla(55,92%,76%,.18)}.btn-translate.loading{opacity:.5;pointer-events:none}.btn-translate.done{color:var(--green);border-color:rgba(104,211,145,.2);background:rgba(104,211,145,.06)}.btn-bookmark{font-family:JetBrains Mono,monospace;font-size:12px;background:none;border:1px solid var(--border);color:var(--text3);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .15s}.btn-bookmark:hover{border-color:var(--yellow);color:var(--yellow)}.btn-bookmark.saved{color:var(--yellow);border-color:hsla(55,92%,76%,.3);background:hsla(55,92%,76%,.06)}.btn-open{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3);text-decoration:none;display:flex;align-items:center;gap:3px;transition:color .15s}.btn-open:hover{color:var(--cyan)}.skeleton-card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:16px 20px;animation:pulse-sk 1.4s ease infinite}@keyframes pulse-sk{0%,to{opacity:.5}50%{opacity:.9}}.sk{background:var(--bg3);border-radius:3px;margin-bottom:8px}.sk.h12{height:12px}.sk.h16{height:16px}.sk.w30{width:30%}.sk.w60{width:60%}.sk.w80{width:80%}.sk.w100{width:100%}.load-more-btn{background:none;border:1px dashed var(--border);color:var(--text3);font-family:JetBrains Mono,monospace;font-size:11px;padding:13px;width:100%;cursor:pointer;border-radius:6px;margin-top:6px;transition:all .15s;letter-spacing:.06em}.load-more-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(99,179,237,.03)}.sidebar{display:flex;flex-direction:column;gap:14px}.widget{background:var(--bg2);border:1px solid var(--border);border-radius:6px;overflow:hidden}.widget-head{padding:10px 14px;border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.widget-head:before{content:">";color:var(--cyan);font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border)}.stat-cell{background:var(--bg2);padding:14px;text-align:center}.stat-num{font-size:20px;font-weight:700;color:var(--cyan);line-height:1;margin-bottom:3px}.stat-lbl,.stat-num{font-family:JetBrains Mono,monospace}.stat-lbl{font-size:9px;color:var(--text3);letter-spacing:.05em}.repo-row{padding:12px 14px;border-bottom:1px solid var(--border);transition:background .13s;cursor:pointer}.repo-row:last-child{border-bottom:none}.repo-row:hover{background:var(--bg3)}.repo-name-line{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--cyan);margin-bottom:4px;display:flex;align-items:center;gap:5px}.repo-name-line a{color:inherit;text-decoration:none}.repo-name-line a:hover{color:var(--cyan2)}.repo-desc-line{font-size:11px;color:var(--text3);line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-stats-line{display:flex;gap:10px}.r-stat{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3);display:flex;align-items:center;gap:3px}.lang-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tags-wrap{padding:12px 14px;display:flex;flex-wrap:wrap;gap:6px}.tag-pill{font-family:JetBrains Mono,monospace;font-size:10px;padding:4px 9px;border-radius:3px;cursor:pointer;transition:all .13s;border:1px solid var(--border);color:var(--text2);background:var(--bg3)}.tag-pill.active,.tag-pill:hover{border-color:var(--purple);color:var(--purple)}.tag-pill.active{background:rgba(183,148,244,.1)}.qa-layout{max-width:1440px;margin:0 auto;padding:20px 28px;display:grid;grid-template-columns:1fr 280px;grid-gap:20px;gap:20px;position:relative;z-index:1}.qa-post-form{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:20px;margin-bottom:14px}.qa-form-title{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--cyan);letter-spacing:.1em;margin-bottom:14px;display:flex;align-items:center;gap:7px}.qa-form-title:before{content:"$";color:var(--green)}.qa-input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:13px;padding:10px 14px;border-radius:4px;margin-bottom:10px;transition:border-color .15s;resize:vertical;outline:none}.qa-input:focus{border-color:var(--cyan)}.qa-input::placeholder{color:var(--text3)}.qa-tags-input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:11px;padding:8px 14px;border-radius:4px;margin-bottom:10px;outline:none;transition:border-color .15s}.qa-tags-input:focus{border-color:var(--cyan)}.qa-submit-btn{background:rgba(99,179,237,.1);border:1px solid rgba(99,179,237,.25);color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:11px;padding:8px 20px;border-radius:4px;cursor:pointer;transition:all .15s;letter-spacing:.05em}.qa-submit-btn:hover{background:rgba(99,179,237,.2)}.qa-filter-bar{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.q-card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:18px 20px;margin-bottom:3px;transition:border-color .13s;cursor:pointer;animation:fadeUp .25s ease both}.q-card:hover{border-color:rgba(99,179,237,.2)}.q-card.open{border-color:rgba(99,179,237,.25);background:var(--bg3)}.q-head{display:flex;gap:14px}.q-votes{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:40px}.vote-num{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:var(--text3);line-height:1}.vote-num.has-votes{color:var(--green)}.vote-lbl{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text3);letter-spacing:.05em}.vote-btn{background:none;border:1px solid var(--border);color:var(--text3);width:24px;height:20px;border-radius:3px;cursor:pointer;font-size:10px;transition:all .13s;display:flex;align-items:center;justify-content:center}.vote-btn:hover{border-color:var(--green);color:var(--green)}.q-body{flex:1 1;min-width:0}.q-title{font-family:Syne,sans-serif;font-size:14px;font-weight:600;color:var(--text);line-height:1.5;margin-bottom:8px;letter-spacing:-.01em}.q-card:hover .q-title{color:var(--white)}.q-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.q-tag{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--cyan);background:rgba(99,179,237,.08);border:1px solid rgba(99,179,237,.15);padding:2px 7px;border-radius:3px}.q-info{color:var(--text3)}.q-ans-count,.q-info{font-family:JetBrains Mono,monospace;font-size:10px}.q-ans-count{color:var(--green);background:rgba(104,211,145,.08);border:1px solid rgba(104,211,145,.2);padding:2px 7px;border-radius:3px;margin-left:auto}.q-ai-area{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:none}.q-ai-area.open{display:block}.ai-answer-box{background:var(--bg);border:1px solid rgba(183,148,244,.15);border-radius:4px;padding:14px 16px;margin-bottom:10px}.ai-answer-head{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--purple);letter-spacing:.08em}.ai-dot{width:5px;height:5px;background:var(--purple);border-radius:50%}.ai-answer-text{font-size:13px;color:var(--text2);line-height:1.8;white-space:pre-wrap}.ai-answer-text.streaming:after{content:"▋";animation:blink .7s ease infinite;color:var(--purple)}.human-answers{margin-top:10px}.h-answer{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:12px 14px;margin-bottom:6px}.h-answer-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3);margin-bottom:6px;display:flex;gap:10px}.h-answer-text{font-size:13px;color:var(--text2);line-height:1.7}.best-badge{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--green);background:rgba(104,211,145,.1);border:1px solid rgba(104,211,145,.2);padding:1px 6px;border-radius:3px;margin-left:auto}.answer-form{margin-top:12px}.answer-textarea{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:12px;padding:10px 13px;border-radius:4px;resize:vertical;outline:none;transition:border-color .15s;min-height:80px}.answer-textarea:focus{border-color:var(--cyan)}.answer-submit-btn{margin-top:7px;background:rgba(104,211,145,.1);border:1px solid rgba(104,211,145,.2);color:var(--green);font-family:JetBrains Mono,monospace;font-size:10px;padding:7px 16px;border-radius:4px;cursor:pointer;transition:all .15s}.answer-submit-btn:hover{background:rgba(104,211,145,.2)}.qa-sidebar-widget{background:var(--bg2);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:14px}.bookmarks-layout{max-width:1440px;margin:0 auto;padding:20px 28px;position:relative;z-index:1}.bm-empty{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:48px;text-align:center;color:var(--text3);font-family:JetBrains Mono,monospace;font-size:13px}.bm-empty span{display:block;font-size:32px;margin-bottom:12px}.toast{position:fixed;bottom:24px;right:24px;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:JetBrains Mono,monospace;font-size:11px;padding:10px 18px;border-radius:5px;z-index:9999;opacity:0;transform:translateY(10px);transition:all .2s;pointer-events:none;max-width:300px}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-color:rgba(104,211,145,.3);color:var(--green)}.toast.info{border-color:rgba(99,179,237,.3);color:var(--cyan)}@media (max-width:960px){.layout,.qa-layout{grid-template-columns:1fr;padding:12px 14px}.header-nav,.qa-sidebar,.sidebar{display:none}.ticker-wrap{padding:7px 14px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-mark-new{width:32px;height:32px;background:linear-gradient(135deg,#63b3ed,#4299e1);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:#080c14;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 16px rgba(99,179,237,.5);transition:all .2s}.logo:hover .logo-mark-new{box-shadow:0 0 28px rgba(99,179,237,.9);transform:scale(1.08) rotate(10deg)}.logo-text-new{display:flex;flex-direction:column;line-height:1}.logo-text-new .main{font-family:Syne,sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.03em}.logo-text-new .main span{color:#63b3ed;text-shadow:0 0 20px rgba(99,179,237,.5)}.logo-text-new .sub{font-family:JetBrains Mono,monospace;font-size:8px;color:#4d6380;letter-spacing:.15em;text-transform:uppercase;margin-top:1px}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(8,12,20,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.06);z-index:600;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-inner{display:flex;height:60px}.mobile-nav-btn{flex:1 1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:all .15s;color:#4d6380;padding:8px 0}.mobile-nav-btn.active{color:#63b3ed;background:rgba(99,179,237,.05)}.mobile-nav-icon{font-size:20px;line-height:1}.mobile-nav-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.04em}@media (max-width:960px){.layout,.qa-layout{grid-template-columns:1fr}.bookmarks-layout,.layout,.qa-layout{padding:12px 14px 80px}.bm-count-badge,.header-nav,.qa-sidebar,.sidebar{display:none}.ticker-wrap{padding:7px 14px}.mobile-nav{display:block}}