.search-page{max-width:980px;margin:0 auto;padding:18px 36px 80px}.search-page>header{background:linear-gradient(130deg,#fff8fa 0%,#fff 54%,#f5f8fc 100%);border:1px solid #f0cbd3;border-radius:18px;padding:37px 42px;position:relative;overflow:hidden}.search-page>header:after{content:"検";color:#e6435f0d;font-size:150px;font-weight:900;position:absolute;top:-35px;right:30px;transform:rotate(8deg)}.search-page>header>span{z-index:1;color:#d83453;letter-spacing:.16em;font-size:10px;font-weight:900;position:relative}.search-page h1{z-index:1;color:#17243b;margin:8px 0 10px;font-size:38px;position:relative}.search-page>header p{z-index:1;color:#637083;margin:0;position:relative}.search-page-form{background:#fff;border:1px solid #dce2ea;border-radius:13px;gap:9px;margin:24px 0 14px;padding:6px;display:flex;box-shadow:0 10px 28px #142d530d}.search-page-form input{min-width:0;font:inherit;border:0;border-radius:8px;flex:1;padding:12px;font-size:16px}.search-page-form input:focus{background:#fffafb;outline:0}.search-page-form:focus-within{border-color:#e78a9b;box-shadow:0 0 0 3px #e6435f18,0 12px 30px #142d5310}.search-page-form button{color:#fff;cursor:pointer;background:#e6435f;border:0;border-radius:9px;padding:0 27px;font-weight:900;box-shadow:0 7px 16px #e6435f2b}.search-page-form button:hover{background:#d43150}.search-filters{flex-wrap:wrap;gap:7px;margin-bottom:24px;display:flex}.search-filters button{color:#536176;cursor:pointer;background:#fff;border:1px solid #d6dee8;border-radius:18px;padding:8px 15px;font-size:11px;font-weight:800;transition:all .15s}.search-filters button:hover{color:#cc3551;border-color:#e9a4b0}.search-filters button[aria-pressed=true]{color:#fff;background:#17243b;border-color:#17243b}.search-page-status{color:#6b7788;border-bottom:1px solid #e4e8ee;margin:0 0 12px;padding:0 2px 10px;font-size:12px}.search-page-results{gap:10px;display:grid}.search-result-card{--result-color:#d53b57;--result-pale:#fff0f3;border:1px solid #e0e5ec;border-left:4px solid var(--result-color);color:#17243b;background:#fff;border-radius:12px;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:all .16s;display:grid;box-shadow:0 2px #142d5305}.search-result-card.result-start{--result-color:#2f6fb3;--result-pale:#edf5ff}.search-result-card.result-reading{--result-color:#3477c8;--result-pale:#edf5ff}.search-result-card.result-vocabulary{--result-color:#168c7f;--result-pale:#ecfaf7}.search-result-card.result-kanji{--result-color:#b67616;--result-pale:#fff7e8}.search-result-card.result-quiz{--result-color:#8053bd;--result-pale:#f5efff}.search-result-card:hover{border-top-color:#ccd6e2;border-bottom-color:#ccd6e2;border-right-color:#ccd6e2;transform:translateY(-2px);box-shadow:0 10px 24px #142d5312}.search-result-card>span{background:var(--result-pale);height:34px;color:var(--result-color);border-radius:8px;place-items:center;font-size:10px;font-weight:900;display:grid}.search-result-heading{align-items:center;gap:10px;min-width:0;display:flex}.search-result-card h2{color:#17243b;min-width:0;margin:0;font-size:18px}.search-result-card p{color:#677385;white-space:nowrap;text-overflow:ellipsis;max-width:720px;margin:6px 0 0;font-size:11px;overflow:hidden}.search-result-card .search-result-level{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;min-height:22px;padding:3px 9px;font-size:9px;font-weight:900;display:inline-flex}.search-result-level.level-n5{color:#ca3652;background:#fff0f3;border-color:#f8cbd4}.search-result-level.level-n4{color:#8053bd;background:#f5efff;border-color:#dfcef4}.search-result-level.level-n3{color:#2e6db7;background:#edf5ff;border-color:#cbdff6}.search-result-level.level-n2{color:#117b6d;background:#eaf9f6;border-color:#c5ebe4}.search-result-level.level-n1{color:#2c466d;background:#eef2f8;border-color:#d2dbea}.search-result-level.level-beginner{color:#9a6415;background:#fff6e7;border-color:#f1ddb8}.search-result-level.level-unleveled,.search-result-level.level-other{color:#687588;background:#f3f5f8;border-color:#e0e5eb}.search-result-card>b{color:var(--result-color);font-size:24px}.search-result-level.level-n5{background:var(--jlpt-n5-soft);color:var(--jlpt-n5-dark);border-color:var(--jlpt-n5-border)}.search-result-level.level-n4{background:var(--jlpt-n4-soft);color:var(--jlpt-n4-dark);border-color:var(--jlpt-n4-border)}.search-result-level.level-n3{background:var(--jlpt-n3-soft);color:var(--jlpt-n3-dark);border-color:var(--jlpt-n3-border)}.search-result-level.level-n2{background:var(--jlpt-n2-soft);color:var(--jlpt-n2-dark);border-color:var(--jlpt-n2-border)}.search-result-level.level-n1{background:var(--jlpt-n1-soft);color:var(--jlpt-n1-dark);border-color:var(--jlpt-n1-border)}@media (width<=700px){.search-page{padding:8px 14px 95px}.search-page>header{padding:27px 22px}.search-page h1{font-size:29px}.search-page-form input{padding:12px;font-size:14px}.search-page-form button{padding:0 17px}.search-result-card{grid-template-columns:38px minmax(0,1fr) 15px;gap:9px;padding:13px 11px}.search-result-card h2{font-size:15px}}