header{display:flex;flex-direction:column;align-items:center}.navigation{display:flex}.navigation>a{color:var(--theme-fg);font-size:20px;font-weight:300;text-decoration:none;padding:20px;text-wrap-mode:nowrap}h1{display:inline-block;font-size:40px;-webkit-text-stroke:transparent 4px;color:var(--theme-bg);background-clip:text;background-image:linear-gradient(var(--angle),#feac5e,#c779d0,#4bc0c8);padding:5px 10px 10px;font-weight:900;margin-block:0;text-wrap-mode:nowrap}.search-bar{>.placeholder-message{display:none;position:absolute;z-index:1;inset:0 25px 0 0;padding:10px 25px;text-align:start;font-size:20px;font-weight:200;opacity:1;transition:opacity .3s ease-in-out;white-space:nowrap;#placeholder-message{flex-shrink:1;text-overflow:ellipsis;overflow:hidden}#placeholder-message-trailing{flex-shrink:0}}&:has(input:is(:focus,:not(:empty)))>.placeholder-message{opacity:0}}.result{display:flex;flex-direction:column;gap:20px;margin:20px 0}.result img{width:100%;aspect-ratio:4/3;object-fit:contain}.result progress{-webkit-appearance:none;appearance:none}.result progress::-webkit-progress-bar{background:#301e67}.result progress::-webkit-progress-value{background:#b6eada}.result>.pic-and-score{display:flex;height:300px}.result>.details{position:relative;height:300px;transition:height .3s ease-in-out;width:100%;overflow:hidden}.result>.details h2{font-size:1.25rem;margin-block:0}.result>.details.open{height:auto}.result>.details:before{position:absolute;content:"続きを読む";display:flex;justify-content:center;align-items:end;inset:0;background:linear-gradient(transparent 50%,var(--theme-bg) 90%);z-index:1;transition:opacity .3s ease-in-out,display .3s;transition-behavior:allow-discrete}.result>.details.open:before{opacity:0;display:none}.result .ai-disclaimer{display:flex;align-items:center;font-size:15px;:first-child{display:none}}.result .ai-disclaimer>.ai-icon{display:block;height:20px;width:20px;font-size:20px;margin:2.5px;background-clip:text;background-image:linear-gradient(var(--angle),#feac5e 30%,#c779d0 50%,#4bc0c8 70%);color:transparent;transition:--angle .3s ease-in-out;--angle: 135deg}.result>.details.open .ai-icon{--angle: -135deg}.result .actions{display:flex;margin-top:10px;padding:0;flex-wrap:wrap;gap:10px;>*{justify-content:center;gap:10px}& *{display:flex;align-items:center}.button{flex-grow:1;justify-content:center}}.donation-card{margin:auto;max-width:700px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#feac5e1a,#c779d01a,#4bc0c81a);>header{display:flex;>h3{margin-block:0;flex-grow:1}}}.dismissible{display:none}.dismiss{background:none;border:none;font-family:Material Icons Outlined;font-size:24px;color:var(--theme-fg)}.dismiss:before{content:""}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:20px}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#feac5e;border-right-color:#c779d0;border-bottom-color:#4bc0c8;animation:spin 1s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:20px;text-align:center}.relevance-warning-divider{display:flex;align-items:center;margin:40px 0;width:100%;color:#fff6;font-size:14px}.relevance-warning-divider:before,.relevance-warning-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.relevance-warning-divider span{padding:0 20px;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}.search-options-container{position:relative;width:90vw;max-width:800px;margin:10px auto;z-index:100}#sort-ui-toggle{display:flex;align-items:center;gap:8px;margin:0;width:auto;padding:8px 16px;font-size:14px;cursor:pointer}.sort-panel{display:none;background-color:var(--theme-bg);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;margin-top:10px;box-shadow:0 4px 20px #00000080}.sort-panel.open{display:block}.sort-section,.filter-section{margin-bottom:20px}.sort-section h3,.filter-section h3{margin-top:0;margin-bottom:10px;font-size:16px;color:var(--theme-fg);opacity:.8}.sort-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.sort-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0d;border-radius:8px}.sort-radio{display:flex;align-items:center;gap:10px;cursor:pointer;flex-grow:1}.sort-radio input[type=radio]{accent-color:#c779d0;width:18px;height:18px}.order-toggle{background:none;border:none;color:var(--theme-fg);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.order-toggle:hover:not(:disabled){background-color:#ffffff1a}.order-toggle:disabled{opacity:.3;cursor:not-allowed}#limit-slider{width:100%;accent-color:#4bc0c8;cursor:pointer}.platform-filter{display:flex;gap:15px;justify-content:flex-start;align-items:center}.platform-option{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;transition:all .2s ease}.platform-option input{display:none}.platform-option i{font-size:20px;color:#ffffff4d;transition:all .2s ease}.platform-option:hover{background:#ffffff1a}.platform-filter:has(input[value=windows]:checked) .platform-option:nth-child(1){background:#1778ff1a;border:1px solid rgba(23,120,255,.3)}.platform-filter:has(input[value=windows]:checked) .platform-option:nth-child(1) i{color:#1778ff;text-shadow:0 0 10px rgba(23,120,255,.5)}.platform-filter:has(input[value=android]:checked) .platform-option:nth-child(1){background:#1778ff1a;border:1px solid rgba(23,120,255,.3)}.platform-filter:has(input[value=android]:checked) .platform-option:nth-child(1) i{color:#1778ff;text-shadow:0 0 10px rgba(23,120,255,.5)}.platform-filter:has(input[value=android]:checked) .platform-option:nth-child(2){background:#2bcf5c1a;border:1px solid rgba(43,207,92,.3)}.platform-filter:has(input[value=android]:checked) .platform-option:nth-child(2) i{color:#2bcf5c;text-shadow:0 0 10px rgba(43,207,92,.5)}.platform-filter:has(input[value=ios]:checked) .platform-option:nth-child(1){background:#1778ff1a;border:1px solid rgba(23,120,255,.3)}.platform-filter:has(input[value=ios]:checked) .platform-option:nth-child(1) i{color:#1778ff;text-shadow:0 0 10px rgba(23,120,255,.5)}.platform-filter:has(input[value=ios]:checked) .platform-option:nth-child(2){background:#2bcf5c1a;border:1px solid rgba(43,207,92,.3)}.platform-filter:has(input[value=ios]:checked) .platform-option:nth-child(2) i{color:#2bcf5c;text-shadow:0 0 10px rgba(43,207,92,.5)}.platform-filter:has(input[value=ios]:checked) .platform-option:nth-child(3){background:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.platform-filter:has(input[value=ios]:checked) .platform-option:nth-child(3) i{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}@media(width>=768px){header{flex-direction:row}.search-bar{margin-left:0}.result{flex-direction:row}.result img{width:400px}.result>.details{width:100%;max-width:500px}.result .ai-disclaimer{font-size:15px;:first-child{display:block}}.result .ai-disclaimer>.ai-icon{height:25px;width:25px;font-size:25px;margin:10px}.search-options-container{display:flex;justify-content:flex-end}.sort-panel{position:absolute;top:100%;right:0;width:300px;margin-top:10px}}