*{margin:0;padding:0;box-sizing:border-box}html{background:#1a1a1a;min-height:100vh}body{font-family:Georgia,serif;color:#e8e8e8;max-width:750px;margin:0 auto;padding:80px 30px;line-height:1.7}a,a:visited,a:active{color:#8ba9fc;text-decoration:none;transition:color .2s}a:hover{color:#b8c7fd}::selection{background-color:#ef4444;color:#fff}::-moz-selection{background-color:#ef4444;color:#fff}nav{display:flex;align-items:baseline;margin-bottom:3em}nav .home,nav .home:visited,nav .home:active{font-size:1.3em;font-weight:700;margin-right:auto;color:#e8e8e8;text-decoration:none}nav .home:hover{color:#b8c7fd}nav .links{display:flex;gap:1.5em}nav .links a,nav .links a:visited,nav .links a:active{color:#e8e8e8;text-decoration:none}nav .links a:hover{color:#b8c7fd}h1{font-size:2.5em;margin-bottom:.3em;letter-spacing:-.02em}h2{font-size:1.1em;font-weight:400;color:#999;margin-top:2.5em;margin-bottom:1em;letter-spacing:.01em}.intro{color:#bbb;margin-bottom:2em}.method-toggle{display:flex;gap:.5em;margin-top:1.5em;font-size:.9em}.method-toggle button{background:transparent;border:1px solid #3a3a3a;color:#bbb;padding:.4em .9em;font-family:Georgia,serif;font-size:.95em;cursor:pointer;transition:color .2s,border-color .2s}.method-toggle button:hover{color:#b8c7fd;border-color:#8ba9fc}.method-toggle button.active{color:#8ba9fc;border-color:#8ba9fc}.slider-row{margin-top:.6em;font-size:.9em;color:#bbb}.slider-row .desc{color:#bbb;font-size:.9em;line-height:1.5;margin-bottom:.8em}.slider-row .label{display:flex;justify-content:flex-end;align-items:baseline;margin-bottom:.3em}.slider-row .value{color:#8ba9fc;font-family:ui-monospace,monospace;font-size:.85em}.slider-row input[type=range]{width:100%;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider-row input[type=range]::-webkit-slider-runnable-track{height:2px;background:#3a3a3a;border:none}.slider-row input[type=range]::-moz-range-track{height:2px;background:#3a3a3a;border:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#8ba9fc;border:none;margin-top:-6px;transition:background .2s}.slider-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#8ba9fc;border:none;transition:background .2s}.slider-row input[type=range]:hover::-webkit-slider-thumb{background:#b8c7fd}.slider-row input[type=range]:hover::-moz-range-thumb{background:#b8c7fd}.slider-row .ticks{position:relative;height:1.2em;font-size:.75em;color:#666;margin-top:.3em}.slider-row .ticks span{position:absolute;white-space:nowrap;transform:translate(-50%)}.slider-row .ticks span.left{transform:none}.slider-row .ticks span.right{transform:translate(-100%)}.advanced{margin-top:2em}.advanced summary{cursor:pointer;color:#999;font-size:1.1em;list-style:none;letter-spacing:.01em;user-select:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:"▸";display:inline-block;margin-right:.4em;font-size:.75em;transition:transform .15s;color:#666}.advanced[open] summary:before{transform:rotate(90deg)}.advanced summary:hover{color:#b8c7fd}.advanced summary:hover:before{color:#b8c7fd}.advanced h2{margin-top:1.8em}.advanced h2:first-of-type{margin-top:1.5em}.about-body{margin-top:1.2em;color:#bbb;font-size:.95em;line-height:1.6}.about-body p{margin-bottom:.8em}.about-body .formula{font-family:ui-monospace,monospace;font-size:.85em;color:#e8e8e8;background:#242424;padding:.5em .8em;border-left:2px solid #8ba9fc}.search-wrap{position:relative;margin-top:1em}.search-wrap input{width:100%;background:#242424;border:1px solid #3a3a3a;color:#e8e8e8;font-family:Georgia,serif;font-size:1em;padding:.7em 1em;outline:none;transition:border-color .2s}.search-wrap input:focus{border-color:#8ba9fc}.search-wrap input::placeholder{color:#666}.dropdown{position:absolute;top:100%;left:0;right:0;background:#242424;border:1px solid #3a3a3a;border-top:none;max-height:360px;overflow-y:auto;z-index:10}.dropdown .item{display:flex;gap:.8em;padding:.6em .8em;cursor:pointer;border-bottom:1px solid #2a2a2a;align-items:center}.dropdown .item:last-child{border-bottom:none}.dropdown .item:hover,.dropdown .item.highlighted{background:#2e2e2e}.dropdown .item img{width:32px;height:48px;object-fit:cover;background:#1a1a1a;flex-shrink:0}.dropdown .item .meta{font-size:.9em;line-height:1.3;overflow:hidden}.dropdown .item .meta .title{color:#e8e8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown .item .meta .author{color:#888;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown .empty{padding:.7em .8em;color:#888;font-size:.9em}.seeds{display:flex;flex-wrap:wrap;gap:.5em;min-height:2em}.seeds .empty{color:#777;font-size:.9em;font-style:italic}.chip{display:inline-flex;align-items:center;gap:.5em;background:#242424;border:1px solid #3a3a3a;color:#e8e8e8;padding:.35em .7em;font-size:.85em;cursor:pointer;transition:border-color .2s,color .2s;max-width:100%}.chip:hover{border-color:#ef4444;color:#ef4444}.chip .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:18em}.chip .x{color:#888;font-size:.9em}.chip:hover .x{color:#ef4444}.recs{display:flex;flex-direction:column;gap:1em}.rec{display:flex;gap:1em;align-items:flex-start}.rec img{width:50px;height:75px;object-fit:cover;background:#242424;flex-shrink:0}.rec .info{flex:1;min-width:0}.rec .title{color:#e8e8e8;line-height:1.3;font-size:1em}.rec .author{color:#888;font-size:.9em}.rec .score{color:#666;font-size:.8em;margin-top:.2em;font-family:ui-monospace,monospace}.rec .add{background:transparent;border:1px solid #3a3a3a;color:#888;font-family:Georgia,serif;font-size:.8em;padding:.25em .6em;cursor:pointer;transition:color .2s,border-color .2s;flex-shrink:0}.rec .add:hover{color:#8ba9fc;border-color:#8ba9fc}.status{color:#777;font-size:.9em;font-style:italic}