.page-module__OKKcXq__container{background:var(--sm-grad-page);min-height:100vh}.page-module__OKKcXq__header{background:var(--sm-grad-soft);color:var(--sm-primary-ink);text-align:center;padding:3rem 0}.page-module__OKKcXq__headerContent{max-width:900px;margin:0 auto;padding:0 1rem}.page-module__OKKcXq__backLink{color:var(--sm-primary-deep);margin-bottom:1rem;font-size:.875rem;text-decoration:none;transition:opacity .2s;display:inline-block}.page-module__OKKcXq__backLink:hover{opacity:.75}.page-module__OKKcXq__title{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.page-module__OKKcXq__subtitle{opacity:.9;margin:0;font-size:1rem}.page-module__OKKcXq__content{max-width:900px;margin:0 auto;padding:2rem 1rem}.page-module__OKKcXq__controls{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.page-module__OKKcXq__controlGroup{align-items:center;gap:.5rem;display:flex}.page-module__OKKcXq__controlLabel{color:var(--sm-text-4);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;font-weight:700}.page-module__OKKcXq__controlTabs{border:2px solid var(--sm-border);border-radius:var(--sm-radius-md);box-shadow:var(--sm-shadow-card);background:#fff;gap:.2rem;padding:.25rem;display:flex}.page-module__OKKcXq__controlButton{border-radius:var(--sm-radius-sm);color:var(--sm-text-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.4rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.page-module__OKKcXq__controlButton:hover{color:var(--sm-primary);background:var(--sm-primary-soft)}.page-module__OKKcXq__controlButton.page-module__OKKcXq__active{background:var(--sm-grad-primary);color:#fff;box-shadow:var(--sm-shadow-primary)}.page-module__OKKcXq__loading,.page-module__OKKcXq__empty{text-align:center;color:var(--sm-text-3);padding:3rem}.page-module__OKKcXq__rankList{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.page-module__OKKcXq__rankItem{border-radius:var(--sm-radius-md);box-shadow:var(--sm-shadow-card);background:#fff;border:2px solid #0000;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.page-module__OKKcXq__rankItem:hover{border-color:var(--sm-border);box-shadow:var(--sm-shadow-primary);transform:translateY(-2px)}.page-module__OKKcXq__rank1{background:linear-gradient(135deg,#fffbeb 0%,#fff 60%);border-color:#fef9c3}.page-module__OKKcXq__rank2{background:linear-gradient(135deg,#f8fafc 0%,#fff 60%);border-color:#f1f5f9}.page-module__OKKcXq__rank3{background:linear-gradient(135deg,#fff7ed 0%,#fff 60%);border-color:#ffedd5}.page-module__OKKcXq__rank{text-align:center;flex-shrink:0;min-width:2.5rem;padding-top:.25rem;font-size:1.75rem;line-height:1}.page-module__OKKcXq__rankContent{flex:1;min-width:0}.page-module__OKKcXq__rankTitle{color:var(--sm-text);margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.4;text-decoration:none;display:block}.page-module__OKKcXq__rankTitle:hover{color:var(--sm-primary)}.page-module__OKKcXq__solvedBadge{color:#065f46;border-radius:var(--sm-radius-md);vertical-align:middle;background:#d1fae5;margin-right:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.page-module__OKKcXq__rankMeta{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.page-module__OKKcXq__rankCategory{background:var(--sm-border);color:var(--sm-primary-ink);border-radius:var(--sm-radius-lg);padding:.25rem .75rem;font-weight:600}.page-module__OKKcXq__rankPrefecture{color:var(--sm-text-3)}.page-module__OKKcXq__rankAuthor{color:var(--sm-text-4)}.page-module__OKKcXq__rankStat{color:var(--sm-primary);margin-left:auto;font-weight:700}@media (max-width:768px){.page-module__OKKcXq__title{font-size:1.75rem}.page-module__OKKcXq__controls{flex-direction:column;align-items:flex-start;gap:1rem}.page-module__OKKcXq__controlTabs{overflow-x:auto}.page-module__OKKcXq__rankItem{padding:1rem}.page-module__OKKcXq__rank{min-width:2rem;font-size:1.25rem}}