:root[data-theme="dark"]{--bg:#0d1016;--surface:#171b23;--surface-2:#1e2430;--border:#2b3341;--text:#f5f7fb;--muted:#9aa5b5;--faint:#7f8998;--blue:#5b8cff;--blue-soft:#182b50;--teal:#2fddb3;--teal-soft:#133b34;--gold:#f1bd4a;--gold-soft:#3a301a;--violet:#a77bff;--shadow:0 14px 36px rgba(0,0,0,.28)}
:root[data-theme="light"]{--bg:#f2f5fa;--surface:#fff;--surface-2:#f6f8fc;--border:#dfe5ee;--text:#19202c;--muted:#657084;--faint:#788294;--blue:#376bd9;--blue-soft:#e9f0ff;--teal:#078a6b;--teal-soft:#ddf8ef;--gold:#966508;--gold-soft:#fff2d6;--violet:#7952c7;--shadow:0 12px 32px rgba(30,46,78,.09)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.5 Inter,-apple-system,"Segoe UI",sans-serif;transition:background .2s,color .2s}button,input,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
:root.low-power *,:root.low-power *::before,:root.low-power *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root.low-power .knowledge-head{backdrop-filter:none}:root.low-power .detect-card,:root.low-power .browse-card,:root.low-power .results-panel,:root.low-power .guide-panel,:root.low-power .empty-illustration{box-shadow:none!important}
.knowledge-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px)}
.knowledge-brand{display:flex;align-items:center;gap:10px;min-width:0}.knowledge-brand>img{width:36px;height:36px;border-radius:11px;box-shadow:0 6px 18px rgba(57,110,238,.28)}.knowledge-brand div{display:flex;flex-direction:column}.knowledge-brand strong{font:700 15px "Space Grotesk",sans-serif;letter-spacing:-.01em}.knowledge-brand div span{color:var(--muted);font-size:10px}.preview-badge,.count-badge{white-space:nowrap;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.06em}.preview-badge{padding:5px 9px;border:1px solid color-mix(in srgb,var(--teal) 26%,transparent);color:var(--teal);background:var(--teal-soft)}
.knowledge-shell{max-width:1180px;margin:0 auto;padding:16px}.detect-card,.browse-card,.results-panel,.guide-panel{border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.detect-card{position:relative;overflow:hidden;padding:21px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue-soft) 58%,var(--surface)),var(--surface) 55%,color-mix(in srgb,var(--teal-soft) 38%,var(--surface)))}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-orb-one{width:190px;height:190px;right:-55px;top:-100px;background:color-mix(in srgb,var(--blue) 13%,transparent)}.hero-orb-two{width:130px;height:130px;right:140px;bottom:-100px;background:color-mix(in srgb,var(--teal) 12%,transparent)}.section-heading,.panel-head,.guide-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading{position:relative;z-index:1}.eyebrow{display:block;margin-bottom:4px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.11em}.section-heading h1,.panel-head h2,.guide-top h2{margin:0;font-family:"Space Grotesk",sans-serif}.section-heading h1{font-size:23px;line-height:1.13;letter-spacing:-.035em}.section-heading p{max-width:520px;margin:7px 0 0;color:var(--muted);font-size:11px}.panel-head h2{font-size:14px}.hint{color:var(--faint);font-size:10px}.hero-stats{display:flex;gap:7px}.hero-stats span{min-width:72px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--muted);font-size:9px;text-align:center;backdrop-filter:blur(6px)}.hero-stats b{display:block;color:var(--text);font:700 16px "Space Grotesk",sans-serif}
.detect-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:16px}.detect-row textarea,.search-box input{border:0;outline:0;color:var(--text);background:transparent}.detect-row textarea{width:100%;resize:vertical;min-height:72px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface-2) 82%,transparent);font-size:12px}.detect-row textarea:focus,.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}
.primary-btn,.secondary-btn{border-radius:9px;padding:9px 13px;font-weight:700;font-size:11px;transition:transform .16s,filter .16s,border-color .16s}.primary-btn{border:1px solid color-mix(in srgb,var(--blue) 80%,#fff);background:linear-gradient(135deg,var(--blue),#4779eb 58%,#31a993);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--blue) 28%,transparent)}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.secondary-btn:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.detection{margin-top:11px;padding:11px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--border));border-radius:10px;background:var(--teal-soft)}.detection-main{display:flex;align-items:flex-start;gap:10px}.detection-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:9px;background:var(--surface);color:var(--teal);font-size:16px}.detection-copy{flex:1;min-width:0}.detection-copy small{display:block;color:var(--teal);font-size:8px;font-weight:700;letter-spacing:.08em}.detection-copy strong{display:block;margin-top:1px;font-size:14px}.match-score{color:var(--teal);font-size:9px;font-weight:700;white-space:nowrap}.chip-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.chip{padding:3px 7px;border-radius:999px;background:var(--surface);color:var(--gold);font-size:9px;font-weight:600}.recommendation{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:9px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--teal) 30%,transparent)}.recommendation div{min-width:0}.recommendation span{display:block;color:var(--muted);font-size:8px;font-weight:700}.recommendation b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.browse-card{display:flex;flex-direction:column;gap:11px;margin-top:12px;padding:12px}.search-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.search-box>span{color:var(--blue);font-size:18px}.search-box input{flex:1;min-width:0;font-size:11px}.search-box kbd{padding:2px 6px;border:1px solid var(--border);border-radius:5px;color:var(--faint);background:var(--surface);font-size:8px}.category-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-btn{--tone:var(--blue);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700;transition:.16s}.category-btn[data-tone="teal"]{--tone:var(--teal)}.category-btn[data-tone="gold"]{--tone:var(--gold)}.category-btn[data-tone="violet"]{--tone:var(--violet)}.category-btn:hover{border-color:var(--tone);color:var(--text);transform:translateY(-1px)}.category-btn.active{border-color:color-mix(in srgb,var(--tone) 68%,var(--border));background:color-mix(in srgb,var(--tone) 14%,var(--surface));color:var(--tone)}.category-btn>span{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--tone)}.category-btn em{font-style:normal;color:var(--faint);font-size:8px}
.knowledge-grid{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.7fr);gap:12px;margin-top:12px;align-items:start}.results-panel,.guide-panel{min-height:380px}.panel-head{padding:14px 15px;border-bottom:1px solid var(--border)}.count-badge{padding:4px 8px;background:var(--surface-2);color:var(--muted)}.results-list{display:flex;flex-direction:column;gap:8px;padding:10px;max-height:680px;overflow-y:auto}.result-card{--tone:var(--blue);position:relative;width:100%;padding:11px 34px 11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);text-align:left;transition:.16s}.result-card[data-tone="teal"]{--tone:var(--teal)}.result-card[data-tone="gold"]{--tone:var(--gold)}.result-card[data-tone="violet"]{--tone:var(--violet)}.result-card:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--tone);opacity:.55}.result-card:hover{border-color:color-mix(in srgb,var(--tone) 60%,var(--border));transform:translateX(2px)}.result-card.active{border-color:var(--tone);background:color-mix(in srgb,var(--tone) 11%,var(--surface))}.result-card strong{display:block;font-size:11px;line-height:1.4}.result-arrow{position:absolute;right:12px;top:50%;color:var(--tone);font-size:15px;transform:translateY(-50%);transition:transform .16s}.result-card:hover .result-arrow{transform:translate(2px,-50%)}.result-meta{display:flex;justify-content:space-between;gap:6px;margin-top:6px;color:var(--muted);font-size:9px}.empty-results{padding:30px 15px;color:var(--muted);text-align:center;font-size:11px}
.guide-panel{overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--blue-soft) 14%,var(--surface)),var(--surface) 130px)}.guide-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:30px;text-align:center}.empty-illustration{display:grid;place-items:center;width:78px;height:78px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--blue) 25%,var(--border));border-radius:25px;background:linear-gradient(145deg,var(--blue-soft),var(--teal-soft));box-shadow:0 14px 38px color-mix(in srgb,var(--blue) 18%,transparent);transform:rotate(-3deg)}.empty-illustration img{width:54px;height:54px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.18));transform:rotate(3deg)}.guide-empty h2{margin:7px 0 5px;font:700 18px "Space Grotesk",sans-serif}.guide-empty p{max-width:350px;margin:0;color:var(--muted);font-size:11px}.guide-content{padding:18px}.guide-top h2{font-size:20px;line-height:1.2;letter-spacing:-.02em}.guide-meta{margin-top:6px;color:var(--muted);font-size:10px}.guide-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.guide-summary{margin:15px 0;padding:11px 12px;border-left:3px solid var(--blue);border-radius:0 9px 9px 0;background:var(--blue-soft);font-size:11px}.guide-section-title{margin:17px 0 8px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em}.steps{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:29px 1fr;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);transition:border-color .16s,transform .16s}.steps li:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--border));transform:translateX(2px)}.step-num{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,var(--blue),#476fd5);color:#fff;font-size:10px;font-weight:800;box-shadow:0 5px 12px color-mix(in srgb,var(--blue) 22%,transparent)}.step-copy b{display:block;margin-bottom:2px;font-size:10px}.step-copy span{color:var(--muted);font-size:10px}.bonus-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.bonus-list li{padding:8px 10px;border:1px solid color-mix(in srgb,var(--teal) 22%,transparent);border-radius:8px;background:var(--teal-soft);color:var(--teal);font:700 10px ui-monospace,Consolas,monospace}.warning{padding:11px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--border));border-radius:10px;background:var(--gold-soft);color:var(--gold);font-size:10px}.warning strong{display:block;margin-bottom:2px}.example{padding:12px;border:1px dashed color-mix(in srgb,var(--blue) 38%,var(--border));border-radius:10px;background:var(--surface-2);font-size:10px;line-height:1.6}.guide-image{display:block;width:100%;max-height:520px;margin-top:12px;border:1px solid var(--border);border-radius:10px;object-fit:contain;background:var(--surface-2)}
.copy-toast{position:fixed;right:14px;bottom:14px;z-index:10;padding:8px 11px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--border));border-radius:8px;background:var(--teal-soft);color:var(--teal);font-size:10px;font-weight:600;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.copy-toast.show{opacity:1;transform:translateY(0)}mark{padding:0 2px;border-radius:3px;background:var(--gold-soft);color:var(--gold)}
@media(max-width:720px){.knowledge-grid{grid-template-columns:1fr}.results-list{max-height:300px}.hero-stats{display:none}.section-heading h1{font-size:20px}}@media(max-width:460px){.knowledge-shell{padding:10px}.detect-card{padding:16px}.detect-row{grid-template-columns:1fr}.detect-row .primary-btn{width:100%}.knowledge-head{padding:10px 12px}.knowledge-brand>img{width:32px;height:32px}.knowledge-brand div span{display:none}.preview-badge{font-size:8px}.guide-top{flex-direction:column}.guide-actions{justify-content:flex-start}.search-box kbd{display:none}}