.ocp-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;color:#c5ccd4;background:linear-gradient(rgba(0,255,102,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,102,.03) 1px,transparent 1px),radial-gradient(circle at 50% -20%,rgba(0,255,102,.1),transparent 60%),#020304;background-size:100% 2px,2px 100%,100% 100%,100% 100%}.ocp-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.6rem;border-bottom:1px solid #10281f;background:#010203f5}.brand-wrap{display:flex;align-items:center;gap:.7rem}.brand-lobster{width:1.35rem;height:1.35rem;display:block;image-rendering:pixelated}.brand-title{margin:0;font-size:2rem;line-height:1;font-weight:700;color:#a7afb8;display:inline-flex;align-items:baseline;gap:.08em}.brand-open,.brand-claw{color:#ff3a32}.brand-pain{color:#0f6}.brand-title small{font-size:.85em;color:#737d86;font-weight:400}.brand-subtitle{margin:0;border-left:1px solid #1b2924;padding-left:.95rem;color:#6f7a83;font-size:.92rem}.header-actions{display:flex;align-items:center;gap:.55rem}.ocp-status{display:inline-flex;align-items:center;gap:.44rem;padding:.4rem .78rem;border:1px solid #12703d;border-radius:.45rem;color:#11ff74;background:#022412d9;letter-spacing:.05em}.ocp-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#11ff74;box-shadow:0 0 10px #11ff74a6}.user-badge{display:inline-flex;align-items:center;border:1px solid #1f2c27;border-radius:.4rem;padding:.38rem .52rem;background:#070b0d;color:#909aa3;font-size:.78rem}.theme-toggle{border:1px solid #1e2b26;background:#070b0d;color:#8d98a2;border-radius:50%;width:2rem;height:2rem;display:grid;place-items:center;font:inherit;cursor:pointer}.ocp-live{display:grid;grid-template-columns:148px 1fr;border-bottom:1px solid #10281f;background:#020304}.live-feed-label{display:flex;align-items:center;justify-content:center;border-right:1px solid #10281f;color:#0dff72;letter-spacing:.09em;font-weight:700}.ocp-ticker{overflow:hidden;white-space:nowrap}.ocp-ticker-track{display:inline-flex;align-items:center;gap:2rem;min-width:100%;padding:.75rem .5rem;animation:ticker-slide 34s linear infinite}.ticker-item{font-size:1.04rem;letter-spacing:.01em}.ticker-item.info{color:#11ff74}.ticker-item.warning{color:#efb500}.ticker-item.critical{color:#ff2f61}.ocp-main{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(560px,1.25fr) minmax(360px,.78fr);gap:0}.ocp-sidebar,.ocp-center,.ocp-detail{min-height:0;background:#000}.ocp-sidebar{border-right:1px solid #12241e;padding:.95rem .75rem}.panel-title{margin:0 0 .95rem;color:#66727b;font-size:.92rem}.category-list{display:grid;gap:.4rem}.category-item{display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:.4rem;padding:.55rem .7rem;color:#8e99a2;background:transparent;font:inherit;cursor:pointer}.category-item:hover{border-color:#18372d;background:#03140c80}.category-item.active{border-color:#16a959;background:#05381cc7;color:#09ff6b}.category-count{display:inline-flex;min-width:1.3rem;justify-content:center;border-radius:.3rem;border:1px solid #22322b;background:#0a1013;color:#7a858e;font-size:.78rem;padding:.1rem .28rem}.category-item.active .category-count{border-color:#16a959;color:#0dff72}.ocp-center{border-right:1px solid #12241e;display:grid;grid-template-rows:auto 1fr;min-width:0}.filter-wrap{border-bottom:1px solid #12241e;padding:.95rem;display:grid;gap:.8rem}.search-row{display:flex;align-items:center;gap:.65rem}.search-input-wrap{position:relative;flex:1}.search-icon{position:absolute;left:.7rem;top:.5rem;color:#68747e;font-size:1.05rem}.search-input{width:100%;border:1px solid #1d2d28;border-radius:.45rem;background:#040609;color:#ced4da;padding:.56rem .7rem .56rem 2rem;font:inherit}.search-input::placeholder{color:#65717b}.count-chip{font-size:.92rem;color:#89939d}.count-chip strong{color:#09ff6b}.source-row{display:flex;flex-wrap:wrap;gap:.5rem}.source-chip{border:1px solid #1f2d2a;border-radius:.42rem;background:#040608;color:#89939d;font:inherit;padding:.42rem .68rem;cursor:pointer}.source-chip-inner{display:inline-flex;align-items:center;gap:.35rem}.source-chip-icon{width:.95rem;height:.95rem}.source-chip.active{box-shadow:inset 0 0 0 1px #ffffff1a}.source-chip.tone-all.active{border-color:#17a659;color:#08ff6c;background:#043419b3}.source-chip.tone-github.active{border-color:#44546a;color:#d8dfeb;background:#28354899}.source-chip.tone-youtube.active{border-color:#b52a2a;color:#ff4d4d;background:#4108088c}.source-chip.tone-wechat.active{border-color:#16814f;color:#32e57f;background:#063018a3}.source-chip.tone-x.active{border-color:#57708a;color:#b6cde3;background:#1a2530a3}.source-chip.tone-blog.active{border-color:#b65c0f;color:#f28d30;background:#3d1b00ad}.source-chip.tone-discord.active{border-color:#3746bc;color:#6a7eff;background:#0e1334b8}.source-chip.tone-docs.active{border-color:#4b565f;color:#aeb9c2;background:#111417b8}.list-wrap{min-height:0;overflow:auto;overscroll-behavior:contain}.feed-item{width:100%;border:0;border-left:2px solid #164330;border-bottom:1px solid #13231e;background:#02180d80;text-align:left;padding:.9rem 1rem;color:#d3d8de;display:grid;gap:.5rem;cursor:pointer}.feed-item.tone-critical{border-left-color:#ff204f;background:#2c0009ad}.feed-item.tone-warning{border-left-color:#e8b100;background:#2d1c008f}.feed-item.tone-info{border-left-color:#0f6;background:#01231094}.feed-item.selected{box-shadow:inset 0 0 0 1px #0f66}.feed-head{display:flex;align-items:center;gap:.55rem}.source-avatar{width:2rem;height:2rem;border-radius:.35rem;display:grid;place-items:center;font-size:.85rem;border:1px solid #2f3d4b;background:#17202d;color:#b7c2d0}.source-icon{width:1em;height:1em}.source-avatar-icon{width:1.2rem;height:1.2rem}.source-avatar.tone-youtube{background:#2f0a0a;border-color:#742020;color:#ff4d4d}.source-avatar.tone-wechat{background:#0b2717;border-color:#1a7d4e;color:#38e487}.source-avatar.tone-blog{background:#311700;border-color:#8d4306;color:#ff9c2f}.source-avatar.tone-discord{background:#0f1436;border-color:#3144bc;color:#7082ff}.source-avatar.tone-docs{background:#11161b;border-color:#3d4a55;color:#b6c0ca}.feed-chip-row{display:flex;align-items:center;gap:.35rem}.chip{border-radius:.35rem;border:1px solid #2a3642;background:#0a0d12db;color:#98a9b9;padding:.12rem .34rem;font-size:.75rem}.chip.source{color:#c4ced8}.source-chip-with-icon{display:inline-flex;align-items:center;gap:.3rem}.chip-source-icon{width:.8rem;height:.8rem}.chip.severity.critical{border-color:#ff2f618c;color:#ff7091}.chip.severity.warning{border-color:#e8b1008c;color:#ffd352}.chip.severity.info{border-color:#00ff6680;color:#4bff97}.feed-title{margin:0;font-size:1.02rem;line-height:1.35;font-weight:600}.feed-summary{margin:0;color:#9ca7b0;line-height:1.45}.feed-meta{display:flex;gap:.9rem;font-size:.84rem;color:#7f8a93}.tag-row{display:flex;flex-wrap:wrap;gap:.38rem}.tag-chip{border:1px solid #1e2e36;border-radius:.32rem;background:#070b0fd9;color:#8f9ca7;padding:.15rem .34rem;font-size:.76rem}.ocp-detail{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}.detail-card{min-height:0;display:grid;grid-template-rows:auto 1fr auto}.detail-top{border-bottom:1px solid #12241e;padding:1rem;display:grid;gap:.56rem}.detail-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.detail-title{margin:0;font-size:1.5rem;line-height:1.36;font-weight:600;color:#d5dce3}.detail-meta{display:flex;flex-wrap:wrap;gap:1rem;color:#808b95}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem}.detail-content{min-height:0;overflow:auto;padding:1rem;color:#b3bcc5;font-size:1.02rem;line-height:1.6}.detail-content p{margin:0;white-space:pre-wrap}.detail-footer{border-top:1px solid #12241e;padding:.9rem 1rem;display:flex;gap:.55rem}.action-link,.action-btn{border:1px solid #19a357;border-radius:.42rem;background:#032e17cc;color:#06ff6b;text-decoration:none;font:inherit;padding:.55rem .88rem;cursor:pointer}.action-btn{border-color:#2a3946;background:#080d11;color:#adb8c2}.detail-empty{min-height:200px;display:grid;place-items:center;color:#6e7b85;border:1px dashed #1b2b25;border-radius:.45rem;margin:1rem}.manage-panel{border-top:1px solid #12241e;padding:.8rem 1rem;display:grid;gap:.62rem}.manage-header{display:flex;align-items:center;justify-content:space-between;color:#7f8a93}.manage-state{border:1px solid #20302a;border-radius:.3rem;padding:.13rem .3rem;font-size:.78rem;color:#91a0ac}.manage-state.online{border-color:#149b51;color:#09ff6b}.manage-actions{display:flex;flex-wrap:wrap;gap:.45rem}.btn{border:1px solid #23352f;border-radius:.42rem;background:#080d10;color:#bec6ce;font:inherit;padding:.5rem .7rem;cursor:pointer}.btn:hover{border-color:#315a47}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{border-color:#19a357;color:#06ff6b;background:#032b15cc}.btn.ghost{background:#080d10}.btn.danger{border-color:#ff2f6173;color:#ff7e9b}.btn.mini{padding:.38rem .6rem;font-size:.8rem}.editor-overlay,.auth-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:#000c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40}.editor-card,.auth-card{width:min(760px,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid #24543d;border-radius:.45rem;background:#040709;box-shadow:0 14px 52px #0000008c}.editor-card{display:grid;gap:.75rem;padding:1rem}.editor-head,.auth-header{display:flex;align-items:center;justify-content:space-between}.editor-head h3,.auth-header h3{margin:0;color:#ced6dd;font-size:1.02rem}.editor-card label,.auth-field{display:grid;gap:.34rem;color:#8f9ba6}.editor-card input,.editor-card textarea,.editor-card select,.auth-input{border:1px solid #22372f;border-radius:.35rem;background:#090d0f;color:#d3dae1;font:inherit;padding:.5rem .55rem}.grid-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-error,.auth-error{margin:0;color:#ff6f92}.auth-card{width:min(460px,100%);display:grid;gap:.75rem;padding:1rem}.auth-tabs{display:flex;gap:.4rem}.auth-tab{border:1px solid #22352e;border-radius:.36rem;background:#060b0d;color:#8f9ca8;padding:.38rem .6rem;font:inherit;cursor:pointer}.auth-tab.active{border-color:#19a357;color:#06ff6b;background:#043017b3}.auth-body{display:grid;gap:.65rem}.auth-note{margin:0;color:#a7b2bd}@keyframes ticker-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1280px){.ocp-main{grid-template-columns:220px minmax(0,1fr);grid-template-areas:"sidebar center" "detail detail"}.ocp-sidebar{grid-area:sidebar}.ocp-center{grid-area:center}.ocp-detail{grid-area:detail;min-height:360px}}@media(max-width:880px){.brand-wrap{flex-wrap:wrap;gap:.4rem}.brand-title{font-size:1.45rem}.ocp-live{grid-template-columns:1fr}.live-feed-label{border-right:0;border-bottom:1px solid #10281f;min-height:2rem}.ocp-main{grid-template-columns:1fr;grid-template-areas:"sidebar" "center" "detail"}.search-row{flex-wrap:wrap}.grid-row{grid-template-columns:1fr}}:root{color-scheme:dark;font-family:JetBrains Mono,IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}