:root{color-scheme:dark;--bg:#111411;--panel:#191e19;--line:#30372f;--ink:#edf0e9;--muted:#a0ac9b;--green:#d5eb99}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "Segoe UI","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,a,summary,.file{cursor:pointer}button{background:none;border:1px solid var(--line);border-radius:9px;padding:9px 16px}button:hover,a:hover{color:var(--green)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}header,main{max-width:1120px;margin:auto;padding:0 40px}header{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;letter-spacing:5px;font-weight:650}.brand span{display:block;font-size:9px;color:var(--muted);letter-spacing:2px}nav{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:15px}nav button{border-radius:30px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78836e;margin-left:6px}.connected{background:var(--green)}.hero{padding:62px 0 40px;max-width:770px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--green);margin:0 0 24px}h1{font-size:clamp(38px,5vw,64px);line-height:1.24;letter-spacing:-1px;font-weight:550;margin:0 0 25px}.intro{color:var(--muted);font-size:17px;margin-bottom:30px}#search{display:flex;border:1px solid #56634c;border-radius:13px;padding:7px;background:var(--panel);gap:7px}input,textarea{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}#query{border:0;background:none;flex:1;padding:12px 15px;outline-offset:0}button.primary{background:var(--green);border-color:var(--green);color:#1b2714;font-weight:600}.primary span{margin-left:25px}.recent{min-height:35px;display:flex;gap:10px;flex-wrap:wrap;padding-top:12px}.recent button{font-size:13px;border:0;padding:3px 7px;color:var(--muted)}.library{margin-top:20px;min-height:240px}.toolbar,.filters,.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.toolbar{border-bottom:1px solid var(--line);padding-bottom:14px}.toolbar>button{font-size:14px;border:0;color:var(--muted)}.tabs{display:flex;gap:24px}.tabs button{border:0;border-radius:0;padding:12px 0;color:var(--muted)}.tabs [aria-selected=true]{color:var(--green);box-shadow:0 2px var(--green)}.filters{padding:22px 0 0;color:var(--muted);font-size:13px}.filters span{margin-right:auto}select{background:var(--bg);border:0;border-radius:5px;padding:5px}#status{color:var(--muted);font-size:14px;margin:16px 0}.empty{padding:45px 15px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:19px;font-weight:500;margin-bottom:6px}.result{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #272f25}.symbol{width:42px;height:48px;display:grid;place-items:center;font-size:20px;color:var(--green);background:var(--panel);border-radius:10px;flex-shrink:0}.result .info{min-width:0;flex:1}.result h3{font-size:17px;font-weight:500;overflow-wrap:anywhere;line-height:1.5;margin:0 0 6px}.result p{color:var(--muted);font-size:12px;margin:0;display:flex;gap:12px;flex-wrap:wrap}.badge{color:var(--green)}.actions{display:flex;gap:7px;flex-shrink:0}.actions button{font-size:13px;padding:8px 12px}.result .open{border-color:#526144;color:var(--green)}#external{margin-top:24px;font-size:13px;display:flex;gap:25px;color:var(--muted)}[hidden]{display:none!important}#more{display:block;margin:25px auto}.collection{border:1px solid var(--line);border-radius:11px;margin-top:40px;padding:17px 22px}.collection summary{list-style:none;display:flex;justify-content:space-between;font-size:14px}.collection p,small{color:var(--muted);font-size:13px}.collection textarea{width:100%;height:130px;resize:vertical}.collection>div{display:flex;gap:15px;margin-top:12px;flex-wrap:wrap;align-items:center}.file,#import-status{font-size:13px;color:var(--muted)}footer{margin-top:60px;border-top:1px solid var(--line);padding:25px 0 35px;color:#788772;font-size:12px;display:flex;justify-content:space-between}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:16px;width:min(510px,94vw);max-height:92vh;padding:25px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:23px;font-weight:500;margin:0}.dialog-head button{border:0;font-size:23px;padding:0 5px}dialog p{color:var(--muted);font-size:14px}dialog form{display:grid;gap:12px}#qr-panel{margin-top:20px}#qr-panel img{display:block;margin:20px auto;width:220px;max-width:100%;border:12px solid white;border-radius:10px}#save-dir{width:100%;margin:8px 0}#qr-panel small{display:block}#player{width:min(1060px,96vw)}video{width:100%;max-height:65vh;background:#000;margin-top:20px}.play-tools{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:650px){header,main{padding-left:22px;padding-right:22px}header{height:85px}nav{gap:13px;font-size:12px}nav button{padding:7px 11px}.brand{font-size:24px}.hero{padding:40px 0 20px}.eyebrow{font-size:9px}.intro{font-size:14px}#search{padding:5px}#query{font-size:15px;padding:10px 8px}.primary span{display:none}#search button{font-size:14px;padding:10px 16px}.tabs{gap:23px}.tabs button{font-size:16px}.filters{flex-wrap:wrap;gap:8px}.filters span{width:100%;margin-bottom:8px}.result{gap:12px;flex-wrap:wrap;padding:20px 0}.symbol{width:32px;height:39px;font-size:16px}.result h3{font-size:16px}.actions{width:100%;padding-left:44px}.actions button{flex:1;padding:8px}.result p{gap:8px;font-size:11px}footer{gap:15px;flex-direction:column}.collection{padding:15px}#external{flex-direction:column;gap:8px}}