.sn-app{--sn:#e85c84;--ink:#26242b;--paper:#fffaf7;max-width:1040px;margin:auto;color:var(--ink)}.sn-hero{text-align:center;padding:24px 12px 12px}.sn-kicker{letter-spacing:.18em;font-size:.68rem;color:var(--sn);font-weight:700}.sn-hero h2{font-family:Georgia,'Noto Serif JP',serif;font-size:clamp(2rem,5vw,3.6rem);margin:.15em 0}.sn-hero>p:last-of-type{color:var(--grey-5);margin:.4rem auto 1rem}.sn-langs,.sn-actions,.sn-mode,.sn-pager,.sn-picks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sn-app button,.sn-app input{font:inherit}.sn-app button{cursor:pointer}.sn-langs button,.sn-mode button,.sn-secondary{border:1px solid rgba(130,110,120,.25);border-radius:999px;background:transparent;padding:8px 16px;color:inherit}.sn-langs .active,.sn-mode .active{background:var(--sn);border-color:var(--sn);color:#fff}.sn-steps{display:flex;justify-content:center;gap:10px;margin:12px auto 26px}.sn-steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(130,110,120,.12);font-size:.75rem}.sn-steps .active{background:var(--sn);color:white}.sn-panel{background:var(--paper);border:1px solid #eaded8;border-radius:24px;padding:clamp(18px,4vw,40px);box-shadow:0 18px 60px rgba(80,45,60,.08)}.sn-panel h3{text-align:center;font-size:1.5rem;margin:0 0 8px}.sn-desc{text-align:center;color:#756d72}.sn-mode{margin:25px 0}.sn-mode button{min-width:150px;border-radius:18px;padding:16px}.sn-mode b,.sn-mode small{display:block}.sn-mode small{opacity:.72;margin-top:4px}.sn-primary{border:0;border-radius:999px;background:linear-gradient(135deg,#ed7193,#d94774);color:white;padding:12px 26px;font-weight:700;box-shadow:0 8px 22px rgba(232,92,132,.25)}.sn-primary:disabled{opacity:.45;cursor:not-allowed}.sn-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin:18px 0}.sn-search{flex:1;min-width:210px;border:1px solid #dfd1d0;border-radius:999px;background:white;padding:11px 16px;color:#333}.sn-count{font-weight:700;color:var(--sn)}.sn-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.sn-card{position:relative;padding:0;border:2px solid transparent;border-radius:16px;overflow:hidden;background:#eee;aspect-ratio:3/4;color:white}.sn-card img{width:100%;height:100%;object-fit:cover;display:block}.sn-card .sn-fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#f5c1d0,#9083b9);font-size:2rem}.sn-card strong{position:absolute;left:0;right:0;bottom:0;padding:28px 7px 8px;background:linear-gradient(transparent,rgba(20,15,20,.85));font-size:.78rem}.sn-card.selected{border-color:var(--sn);box-shadow:0 0 0 3px rgba(232,92,132,.23)}.sn-card.selected:after{content:'✓';position:absolute;right:8px;top:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--sn)}.sn-pager{align-items:center;margin-top:20px}.sn-pager button{border:0;background:rgba(130,110,120,.12);border-radius:50%;width:38px;height:38px}.sn-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,240px));justify-content:center;gap:18px;margin:24px 0}.sn-group-grid .sn-card{width:100%}.sn-rank{position:absolute;left:8px;top:8px;background:white;color:var(--sn);border-radius:999px;padding:5px 10px;font-weight:bold;z-index:2}.sn-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;max-width:700px;margin:30px auto}.sn-vs>em{font:italic 2rem Georgia;color:var(--sn)}.sn-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;margin:24px auto}.sn-result{position:relative;aspect-ratio:1/1.16;overflow:hidden;border-radius:8px;background:#eee}.sn-result img{width:100%;height:100%;object-fit:cover}.sn-result .sn-fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#f5c1d0,#9083b9);font-size:2.4rem}.sn-result b{position:absolute;top:8px;left:8px;background:white;color:var(--sn);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.sn-result strong{position:absolute;bottom:0;left:0;right:0;padding:26px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:white;text-align:center}.sn-note{padding:10px 14px;border-radius:10px;background:#fff0f4;color:#8f3652}.sn-resume{display:flex;justify-content:center;gap:10px;margin:18px}.sn-addbox{margin:18px auto;padding:16px;background:rgba(232,92,132,.06);border-radius:16px}.sn-add-results{max-height:260px;overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sn-add-results button{text-align:left;border:1px solid #eaded8;background:white;border-radius:10px;padding:8px}.sn-add-results button:disabled{opacity:.4}.sn-source{text-align:center;font-size:.72rem;color:#92878c;margin-top:20px}.sn-toast{text-align:center;color:var(--sn);font-weight:700;min-height:1.5em}.sn-app[data-busy=true]{opacity:.75;pointer-events:none}
@media(prefers-color-scheme:dark){.sn-app{--ink:#eee;--paper:#25272d}.sn-panel{border-color:#3b3d44}.sn-search,.sn-add-results button{background:#30333a;color:#eee;border-color:#454852}.sn-desc{color:#bbb}.sn-card{background:#333}}
html.dark .sn-app,html[data-theme=dark] .sn-app,body.dark .sn-app{--ink:#eee;--paper:#25272d}html.dark .sn-panel,html[data-theme=dark] .sn-panel,body.dark .sn-panel{border-color:#3b3d44}html.dark .sn-search,html.dark .sn-add-results button,html[data-theme=dark] .sn-search,html[data-theme=dark] .sn-add-results button{background:#30333a;color:#eee;border-color:#454852}
html.dark .sn-app,html[data-theme=dark] .sn-app,body.dark .sn-app{--ink:#eee;--paper:#25272d}html.dark .sn-panel,html[data-theme=dark] .sn-panel,body.dark .sn-panel{border-color:#3b3d44}html.dark .sn-search,html.dark .sn-add-results button,html[data-theme=dark] .sn-search,html[data-theme=dark] .sn-add-results button{background:#30333a;color:#eee;border-color:#454852}
@media(max-width:760px){.sn-grid{grid-template-columns:repeat(3,1fr);gap:8px}.sn-panel{border-radius:18px;padding:16px}.sn-mode button{min-width:125px}.sn-add-results{grid-template-columns:repeat(2,1fr)}.sn-vs{gap:8px}.sn-group-grid{gap:9px}.sn-card strong{font-size:.7rem}}
@media(max-width:420px){.sn-grid{grid-template-columns:repeat(2,1fr)}.sn-result-grid{gap:5px}.sn-result strong{font-size:.7rem}.sn-vs>em{font-size:1.2rem}}
.sn-card img,.sn-result img{object-position:center 20%}
.sn-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin-right:auto;margin-left:auto}
.sn-card img,.sn-result img{position:relative;z-index:1;opacity:1;filter:none}.sn-card strong,.sn-result strong,.sn-result b{z-index:2}.sn-card .sn-fallback,.sn-result .sn-fallback{z-index:0}
.sn-mode button.maintenance{position:relative}.sn-mode button.maintenance i{display:block;margin:5px auto 1px;color:#d49a35;font-size:.64rem;font-style:normal;font-weight:700;letter-spacing:.06em}
.sn-panel{position:relative}.sn-reset-corner{position:absolute;top:14px;right:16px;border:0;background:transparent;color:#91878d;font-size:.72rem;opacity:.7}.sn-reset-corner:hover{color:var(--sn);opacity:1}.sn-pager .sn-page-button{width:auto;min-width:116px;height:auto;padding:10px 16px;border-radius:999px;font-weight:700}.sn-pager .sn-page-button:disabled{cursor:not-allowed;opacity:.3}.sn-pager>span{min-width:70px;text-align:center}