main{max-width:1200px;margin:auto;padding:54px 5% 50px}.intro{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:42px}.intro h1{font:600 clamp(58px,7.5vw,96px)/.96 var(--display);letter-spacing:-1px;margin:0 0 24px}.intro h1 span{color:var(--orange)}.lead{font-size:19px;line-height:1.6;margin:0}.ticket{width:285px;padding:24px;background:var(--ink);color:var(--paper);transform:rotate(3deg);box-shadow:8px 8px 0 #e0e2d6}.ticket-icon{display:block;color:var(--lime);font-size:28px}.ticket strong{display:block;font:500 29px/1.2 var(--display);margin:14px 0}.ticket>span:not(.ticket-icon){font-size:12px;opacity:.8;line-height:1.5;display:block}.ticket-bottom{border-top:1px dashed #809185;margin-top:24px;padding-top:17px;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.ticket-bottom span{color:var(--lime)}.notice{font-size:12px;margin-bottom:20px;color:var(--muted)}.notice.error{color:#a13123}.workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border:1px solid var(--line);background:var(--white)}.taste,.recommendations{padding:28px 30px}.taste{border-right:1px solid var(--line)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--muted)}h2{font:600 34px/1.15 var(--display);margin:18px 0 10px}.muted{color:var(--muted);font-size:13px;line-height:1.6}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;padding:9px 14px;background:var(--white);color:var(--ink);font-size:12px;font-weight:600}button:hover:not(:disabled){border-color:var(--ink);filter:brightness(.97)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.text-button{border:0;background:none;padding:2px;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}label{display:block;margin:24px 0 8px;font-size:12px;font-weight:700}.search-wrap{position:relative}.search-icon{position:absolute;left:13px;top:6px;font-size:25px;pointer-events:none}input{width:100%;padding:13px 12px 13px 40px;border:1px solid #acb6aa;border-radius:5px;background:white;color:var(--ink);font-size:13px}#suggestions{position:absolute;top:100%;left:0;right:0;z-index:5;list-style:none;margin:5px 0 0;padding:5px;background:white;border:1px solid var(--line);border-radius:5px;box-shadow:0 10px 30px #172d2520;max-height:310px;overflow:auto}#suggestions li{padding:10px;font-size:13px;line-height:1.5;cursor:pointer;border-radius:3px}#suggestions li[aria-selected=true],#suggestions li:hover{background:#edf2e2}#suggestions li small{display:block;color:var(--muted);font-size:10px}.small{font-size:11px;margin:8px 0 16px}.selected{padding:14px;background:var(--paper);border-radius:5px}#selected-title{display:block;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:12px}.actions{display:flex;gap:8px}.actions button{flex:1}.like-button{background:var(--lime);border-color:#becf92}.dislike-button{background:#fae9e1;border-color:#e7b9a6}.preference-section{margin-top:22px}h3{font-size:14px;margin:0 0 10px}.preference-section h3 span{margin-left:7px;background:var(--paper);padding:2px 7px;border-radius:10px;font-size:11px;color:var(--muted)}.preferences{padding:0;margin:0;list-style:none}.preferences li{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0;font-size:12px;line-height:1.5}.preferences .preference-actions{display:flex;flex-shrink:0;gap:4px}.preferences button{padding:4px 7px;font-size:11px}.empty-list{font-size:12px;color:var(--muted);font-style:italic;margin:0}.privacy{font-size:10px;color:var(--muted);margin:26px 0 0}.empty-results{text-align:center;padding:50px 15px;color:var(--muted)}.empty-results>span{font-size:56px;color:#a5b995}.empty-results h3{color:var(--ink);font:500 27px var(--display);margin:15px 0 10px}.empty-results p{font-size:13px;max-width:290px;margin:auto;line-height:1.7}#results{list-style:none;padding:0;margin:24px 0 0}.show{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:17px 0;border-top:1px solid var(--line)}.rank{color:var(--orange);font:500 24px/1.3 var(--display)}.show h3{font-size:14px;line-height:1.5;margin:0 0 3px}.show h3 a{text-decoration:none}.show h3 a:hover{text-decoration:underline}.genres{font-size:10px;color:var(--muted);margin:0 0 8px;line-height:1.5}.show .actions{gap:5px}.show .actions button{flex:initial;font-size:10px;padding:3px 8px}.score{font:600 24px/1.2 var(--display);text-align:right}.score small{display:block;font:400 9px/1.6 var(--body);color:var(--muted)}.about-model{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);font-weight:600}.about-model p{max-width:850px}#retry{margin-bottom:20px}[hidden]{display:none!important}@media(max-width:760px){main{padding-top:35px}.intro{gap:20px}.ticket{width:210px;padding:18px}.ticket strong{font-size:24px}.workspace{grid-template-columns:1fr}.taste{border-right:0;border-bottom:1px solid var(--line)}.taste,.recommendations{padding:23px}.site-header{align-items:flex-start;flex-direction:column;gap:15px}.site-header nav{gap:18px}.empty-results{padding:25px 10px}}@media(max-width:480px){.ticket{display:none}.intro h1{font-size:68px}.lead{font-size:17px}.intro{margin-bottom:25px}.taste,.recommendations{padding:20px}.show{gap:8px;grid-template-columns:23px 1fr auto}.site-header nav{font-size:11px;gap:16px}}
.explanation{font-size:11px;line-height:1.5;color:#506449;margin:6px 0 10px}.preferences{max-height:380px;overflow:auto;scrollbar-width:thin}

.match-details{font-size:11px;color:var(--muted);margin:8px 0 12px}.match-details summary{font-weight:500}.match-details ul{padding-left:18px;max-height:240px;overflow:auto}.match-details p{line-height:1.5}