*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2430;background:#f6f7fb}.app{max-width:60rem;margin:0 auto;padding:1rem}.header{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.5rem 0;background:#f6f7fb}.tabs{display:flex;gap:.5rem;flex-wrap:nowrap;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex:0 0 auto}.tab,.btn,.chip{min-height:2.75rem;min-width:2.75rem;padding:.5rem 1rem;border:1px solid #c9cedb;border-radius:.5rem;background:#fff;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.tab.active,.chip.active{background:#1f2430;color:#fff;border-color:#1f2430}.btn.primary{background:#4b5bdc;border-color:#4b5bdc;color:#fff}.btn.danger{background:#fff;border-color:#d33;color:#d33}.btn:disabled{opacity:.6;cursor:default}.btn{min-height:3rem;padding:.6rem 1.25rem;font-size:1rem;font-weight:600}.btn.primary:focus-visible,.btn:focus-visible,.tab:focus-visible,.chip:focus-visible{outline:3px solid #1f2430;outline-offset:2px}@media (max-width: 30rem){.actions .btn{flex:1 1 100%}}.search{width:100%;min-height:2.75rem;margin:1rem 0 .75rem;padding:.5rem .75rem;border:1px solid #c9cedb;border-radius:.5rem;font:inherit}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{border-radius:2rem}.chip.small{min-height:2.75rem;padding:.25rem .75rem;font-size:.875rem}.list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}.card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #00000014}.thumb{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:.5rem;margin-bottom:.75rem;background:#e6e8f0}.thumb.tile{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700}.checkbox-row{display:flex;gap:.5rem;align-items:center;min-height:2.75rem;margin-bottom:.5rem}.checkbox-row input{min-width:1.5rem;min-height:1.5rem}.home{margin-top:1.5rem}.section-title{margin:2rem 0 .75rem;font-size:1.3rem}.entries{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.entry{min-height:6rem;padding:1rem;border:0;border-radius:.75rem;background:#4b5bdc;color:#fff;font:inherit;font-size:1.3rem;font-weight:700;cursor:pointer}.entry:last-child{background:#1f2430}.home-search{display:flex;gap:.5rem;margin:1.5rem 0}.home-search input{flex:1 1 auto;min-height:3.5rem;padding:.5rem 1rem;font:inherit;font-size:1.15rem;border:2px solid #4b5bdc;border-radius:.75rem}.home-search .btn{min-height:3.5rem;padding:0 1.5rem}.intro{font-size:1.1rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.home-form{display:grid;gap:.75rem}.home-form label{display:grid;gap:.25rem}.home-form textarea{padding:.5rem .75rem;border:1px solid #c9cedb;border-radius:.5rem;font:inherit}.brand{margin:0 0 .25rem;font-weight:600;color:#3a46b0}.hint{font-size:.8rem}.card{display:flex;flex-direction:column;gap:.5rem}.card p{margin:0}.card .actions{margin-top:auto;padding-top:.5rem}.desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-head{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.card h3{margin:0 0 .5rem;font-size:1.1rem;overflow-wrap:anywhere}.badge{font-size:.75rem;background:#eef0fb;color:#3a46b0;border-radius:1rem;padding:.2rem .6rem;white-space:nowrap}.code-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.code-row code{background:#f0f1f5;padding:.4rem .6rem;border-radius:.4rem;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:.25rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.muted{color:#6a7080}.url{font-size:.8rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.error{color:#c22}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal{background:#fff;border-radius:.75rem;padding:1.25rem;width:min(100%,30rem);max-height:100%;overflow-y:auto;display:grid;gap:.75rem}.card.hidden-item{opacity:.7;border:1px dashed #9aa0b4}.hidden-badge{display:inline-block;background:#fdeaea;color:#a33;margin:0 0 .5rem}.modal label.checkbox{display:flex;gap:.5rem;align-items:center;min-height:2.75rem}.modal label.checkbox input{min-height:1.5rem;min-width:1.5rem}.inline-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.inline-form input{flex:1 1 10rem}.tag-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.tag-list li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-name{flex:1 1 8rem;overflow-wrap:anywhere}.empty-state{display:grid;justify-items:center;gap:.5rem;padding:2rem 1rem;text-align:center}.empty-state h3{margin:0;font-size:1.2rem}.empty-state p{margin:0;max-width:24rem}.empty-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:#eef0fb;color:#4b5bdc;font-size:1.75rem;font-weight:700}.toasts{position:fixed;left:0;right:0;bottom:1rem;z-index:100;display:grid;gap:.5rem;justify-items:center;padding:0 1rem;pointer-events:none}.toast{max-width:28rem;padding:.85rem 1.25rem;border-radius:.75rem;background:#1f2430;color:#fff;font-weight:600;box-shadow:0 4px 12px #00000040}.toast.error-toast{background:#b3261e}.player{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:.5rem;background:#000}.player.vertical{aspect-ratio:9 / 16;max-height:70vh;margin:0 auto;width:auto;max-width:100%}.manage-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.related{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.related .btn{width:100%;justify-content:flex-start;text-align:left}.more summary{min-height:2.75rem;display:flex;align-items:center;cursor:pointer;font-weight:600}.more[open]{display:grid;gap:.75rem}.modal.detail{width:min(100%,36rem)}.modal h2{margin:0}.modal label{display:grid;gap:.25rem;font-size:.9rem}.modal input,.modal select,.modal textarea{min-height:2.75rem;padding:.5rem .75rem;border:1px solid #c9cedb;border-radius:.5rem;font:inherit}@media (min-width: 48rem){.app{padding:1.5rem 2rem}.list{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem}.actions .btn{flex:0 0 auto}}@media (min-width: 80rem){.app{max-width:76rem}}:root{color-scheme:dark}body{background:#27282c;color:#e8eaed;font-family:Arial,Roboto,system-ui,sans-serif}.header{background:#27282c}.tab,.btn,.chip{background:#303134;border-color:transparent;color:#e8eaed}.tab:hover,.btn:hover,.chip:hover{background:#3c3d42;border-color:#5f6368}.tab.active,.chip.active,.btn.primary{background:#8ab4f8;border-color:#8ab4f8;color:#202124}.btn.primary:hover{background:#a1c3fa;border-color:#a1c3fa}.btn.danger{background:#303134;border-color:#f28b82;color:#f28b82}.btn.primary:focus-visible,.btn:focus-visible,.tab:focus-visible,.chip:focus-visible{outline:3px solid #8ab4f8}.btn{font-weight:500}.search,.modal input,.modal select,.modal textarea,.home-form textarea{background:#3c3d42;border:1px solid #5f6368;color:#e8eaed}input::placeholder,textarea::placeholder{color:#9aa0a6}.search:focus,.modal input:focus,.modal select:focus,.modal textarea:focus,.home-form textarea:focus{outline:none;border-color:#8ab4f8}.card{background:#303134;border:1px solid #3c4043;box-shadow:none}.card.hidden-item{border:1px dashed #9aa0a6}.thumb{background:#3c4043}.badge{background:#3c4043;color:#8ab4f8}.hidden-badge{background:#5c2b29;color:#f28b82}.brand,.url{color:#8ab4f8}.muted{color:#9aa0a6}.error{color:#f28b82}.code-row code{background:#3c4043;color:#e8eaed}.empty-icon{background:#3c4043;color:#8ab4f8}.modal-backdrop{background:#000000a6}.modal{background:#303134;color:#e8eaed}.toast{background:#e8eaed;color:#202124}.toast.error-toast{background:#f28b82;color:#202124}.intro{text-align:center;color:#9aa0a6}.home-search{flex-wrap:wrap;justify-content:center;max-width:46rem;margin:2rem auto 1rem}.home-search input{flex:1 1 100%;min-height:3.5rem;padding:.5rem 1.5rem;border:1px solid #5f6368;border-radius:2rem;background:#3c3d42;color:#e8eaed;font-size:1rem}.home-search input:focus{outline:none;border-color:#8ab4f8;box-shadow:0 1px 6px #0006}.home-search .btn,.home-search .btn.primary{min-height:2.75rem;padding:.5rem 1.25rem;background:#303134;border-color:transparent;color:#e8eaed}.home-search .btn:hover{background:#3c3d42;border-color:#5f6368}.entries{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.entry,.entry:last-child{min-height:2.75rem;padding:.5rem 1.25rem;border:1px solid transparent;border-radius:.5rem;background:#303134;color:#e8eaed;font-size:1rem;font-weight:400}.entry:hover{background:#3c3d42;border-color:#5f6368}