.searchReference{--sr-red:#a31335;--sr-ink:#1b2132;--sr-muted:#656d7d;--sr-line:#e5e7ed;width:calc(100% - 48px);max-width:1120px;margin:auto;padding:32px 0 50px;color:var(--sr-ink)}.searchReferenceForm{padding:16px 26px 27px;background:#fff;border:1px solid var(--sr-line);border-radius:20px;box-shadow:0 5px 13px #17203507}.searchReferenceForm>label{display:block;font-size:19px;font-weight:700;margin:0 10px 10px}.searchReferenceControls{display:flex;gap:18px}.searchReferenceInput{display:flex;flex:1 1;align-items:center;gap:18px;min-width:0;border:1px solid #bec4d0;border-radius:16px;padding:0 22px;background:white}.searchReferenceInput svg{flex:none;width:28px;height:28px;color:#6b7280}.searchReferenceInput input{min-width:0;width:100%;height:64px;border:0;background:transparent;font-size:19px;color:var(--sr-ink);font-weight:500}.searchReferenceInput input::placeholder{color:#818896}.searchReferenceControls button{min-width:132px;min-height:64px;padding:12px 28px;background:var(--sr-red);color:#fff;border:0;border-radius:16px;font-size:21px;font-weight:700;cursor:pointer}.searchReferenceControls button:hover{background:#81102b}.searchReferenceInput:focus-within{outline:3px solid #2563eb;outline-offset:3px}.searchReferenceInput input:focus{outline:0}.searchReferenceState{text-align:center;margin:48px auto 0;max-width:820px}.searchReferenceArt{display:block;width:480px;max-width:100%;height:auto;margin:0 auto 12px}.searchReferenceState h1{font-size:clamp(29px,3.6vw,45px);line-height:1.6;margin:8px 0 14px}.searchReferenceState>p{font-size:20px;color:var(--sr-muted);line-height:1.9;margin:0;overflow-wrap:anywhere}.searchReferenceTips{max-width:872px;margin:34px auto 22px;background:white;border:1px solid var(--sr-line);border-radius:16px;padding:24px 26px;box-shadow:0 5px 12px #17203506}.searchReferenceTips h2{font-size:19px;margin:0 0 22px}.searchReferenceTips>div{display:grid;grid-template-columns:repeat(3,1fr)}.searchReferenceTips p{display:flex;align-items:center;gap:16px;line-height:1.8;font-size:15px;font-weight:500;margin:0;padding:0 20px;-webkit-border-end:1px solid var(--sr-line);border-inline-end:1px solid var(--sr-line)}.searchReferenceTips p:first-child{-webkit-padding-start:0;padding-inline-start:0}.searchReferenceTips p:last-child{border:0;-webkit-padding-end:0;padding-inline-end:0}.searchReferenceTips svg{flex:none;width:53px;height:53px;border-radius:13px;padding:13px;background:#f8edf1;color:var(--sr-red)}.searchReferenceHome,.searchReferenceRetry{display:flex;align-items:center;justify-content:center;gap:12px;width:-moz-fit-content;width:fit-content;min-height:64px;max-width:100%;padding:14px 35px;border:1px solid var(--sr-red);border-radius:15px;color:var(--sr-red);text-decoration:none;font-size:18px;font-weight:700;margin:22px auto 0}.searchReferenceHome:hover,.searchReferenceRetry:hover{background:#faedf1}.searchReferenceRetry{min-height:48px;font-size:15px}.searchReference :is(a,button):focus-visible{outline:3px solid #2563eb;outline-offset:4px}.searchReferenceResults{padding:30px 0}.searchReferenceResults h1{font-size:27px;overflow-wrap:anywhere}.searchReferenceResults>p{color:var(--sr-muted);font-size:13px}.searchReferenceResults ul{list-style:none;margin:22px 0;padding:0;display:grid;grid-gap:16px;gap:16px}.searchReferenceResults li{padding:24px;border:1px solid var(--sr-line);border-radius:14px;background:#fff}.searchReferenceResults li>span:first-child{font-size:12px;color:var(--sr-red)}.searchReferenceResults h2{font-size:21px;line-height:1.8;margin:10px 0}.searchReferenceResults a{color:var(--sr-ink);text-decoration:none}.searchReferenceResults a:hover{color:var(--sr-red)}.searchReferenceResults li p{font-size:15px;color:var(--sr-muted);line-height:2}.searchReferenceResults li>span:last-child{font-size:12px;color:var(--sr-muted)}@media(max-width:700px){.searchReference{width:calc(100% - 28px);padding-top:20px}.searchReferenceForm{padding:17px}.searchReferenceForm>label{font-size:17px}.searchReferenceControls{gap:10px}.searchReferenceControls button{min-width:90px;padding:10px 15px;font-size:16px;min-height:54px}.searchReferenceInput{padding:0 12px;gap:8px}.searchReferenceInput input{font-size:14px;height:54px}.searchReferenceInput svg{width:22px;height:22px}.searchReferenceState{margin-top:32px}.searchReferenceState>p{font-size:16px}.searchReferenceTips{padding:20px}.searchReferenceTips>div{grid-template-columns:1fr;gap:18px}.searchReferenceTips p{padding:0;border:0;font-size:14px}.searchReferenceHome{font-size:16px;min-height:54px}.searchReferenceResults h1{font-size:22px}.searchReferenceResults h2{font-size:18px}}@media(max-width:420px){.searchReferenceControls{flex-direction:column}.searchReferenceControls button{width:100%;min-height:48px}.searchReferenceState h1{font-size:28px}.searchReferenceHome{padding-inline:20px}}