[hidden]{display:none!important}
*{box-sizing:border-box}html,body{margin:0;background:#000;color:#fff;font:18px system-ui,sans-serif}
body{padding:env(safe-area-inset-top) 0 calc(70px + env(safe-area-inset-bottom))}
button{font:inherit;font-weight:800;border:0;border-radius:18px;cursor:pointer;color:#000;background:#ffd400}
button:active{transform:scale(.96)}
header{display:flex;gap:10px;padding:10px}.big{min-height:76px;font-size:28px;padding:0 18px}
.go{flex:1}.go.on{background:#fff;color:#000}#listBtn{min-width:120px}
#view{position:relative;margin:0 10px;height:52vh;border:5px solid #ffd400;border-radius:22px;overflow:hidden;background:#222}
#vid{width:100%;height:100%;object-fit:cover;transition:transform .2s}
#aim{position:absolute;inset:22% 12%;border:4px dashed rgba(255,212,0,.8);border-radius:16px;pointer-events:none}
#flash{position:absolute;inset:0;background:#0c0;opacity:0;pointer-events:none;transition:opacity .4s}#flash.on{opacity:.65;transition:none}
#hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:30px;font-weight:800;color:#ffd400;background:rgba(0,0,0,.6)}
#last{margin:10px;padding:12px 14px;border-radius:16px;background:#fff;color:#000;font-size:22px}#last .c{font-weight:800;font-size:26px;word-break:break-all}
#last .bf{margin-top:6px;padding:8px;border-radius:10px;background:#ffd400}#last select,#last .lk{font:inherit;font-size:18px;margin-top:6px;width:100%;min-height:52px;border-radius:12px}
.tools,.acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;padding:10px}
.tool{min-height:70px;font-size:21px}.tool.off{background:#555;color:#fff}.red{background:#e33;color:#fff}
.lhead{display:flex;gap:10px;align-items:center;padding:10px}#tot{flex:1;font-size:22px;font-weight:800;color:#ffd400;text-align:right}
.row{margin:8px 10px;padding:10px;border-radius:16px;background:#1a1a1a;border:2px solid #333}
.row .top{display:flex;gap:8px;align-items:center}.row .code{flex:1;font-weight:800;font-size:22px;word-break:break-all}
.row .meta{color:#bbb;font-size:15px}.row input{width:100%;font:inherit;margin-top:6px;padding:10px;border-radius:10px;border:0;min-height:48px}
.q{display:flex;align-items:center;gap:6px}.q button{width:52px;height:52px;font-size:26px}.q b{min-width:34px;text-align:center;font-size:24px}
.del{width:52px;height:52px;background:#e33;color:#fff}
#empty{text-align:center;color:#888;font-size:22px}
#toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#ffd400;color:#000;font-weight:800;padding:12px 20px;border-radius:14px;opacity:0;transition:opacity .3s;pointer-events:none}#toast.on{opacity:1}
.house-ad{position:fixed;left:0;right:0;bottom:0;z-index:10;height:calc(60px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);background:#111;border-top:3px solid #ffd400;display:flex;align-items:center}
.house-ad a{display:flex;align-items:center;gap:10px;width:100%;max-width:640px;margin:0 auto;color:#fff;text-decoration:none;font-size:17px;line-height:1.2;transition:opacity .3s}
.house-ad a.fade{opacity:0}.house-ad .e{font-size:28px}.house-ad .tx{flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.house-ad b{color:#ffd400}.house-ad .tag{font-size:11px;font-weight:800;color:#000;background:#ffd400;border-radius:5px;padding:1px 5px}
.house-ad.hot{background:#ffd400}.house-ad.hot a{color:#000;font-weight:800}.house-ad.hot b{color:#000}.house-ad.hot .tag{background:#000;color:#ffd400}
@media (prefers-reduced-motion:reduce){.house-ad a{transition:none}}
#lib .tool{min-height:84px;font-size:22px}#lib .tool.sel{background:#fff;outline:5px solid #ffd400}#pat{margin:0 10px;font-size:20px;color:#ffd400;font-weight:800;text-align:center}
body.lib #view{height:36vh}