.c-themes-grid{grid-column-gap:24px;grid-row-gap:24px;grid-template-columns:repeat(3,1fr);width:100%;padding-top:24px;padding-left:0;list-style:none;display:grid}@media screen and (max-width:800px){.c-themes-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.c-themes-grid{grid-template-columns:repeat(1,1fr)}}.c-themes-grid__item{opacity:0;animation:.4s forwards appear}.c-themes-grid__link{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line-soft);text-decoration:none;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.c-themes-grid__link:hover{border-color:var(--line);transform:translateY(-2px)}.c-themes-grid__screenshot{aspect-ratio:1200/630;object-fit:contain;background:var(--bg-inset);width:100%;height:auto;padding:24px;display:block}.c-themes-grid__info{border-top:1px solid var(--line-soft);padding:12px 16px}.c-themes-grid__name{color:var(--text);margin:0;font-size:1rem;font-weight:600}.c-themes-grid__meta{color:var(--text-3);align-items:center;gap:8px;margin-top:4px;font-size:.85rem;display:flex}.c-themes-grid__app-badge{color:var(--text-2);align-items:center;gap:6px;margin-bottom:4px;font-size:.8rem;display:flex}.c-themes-grid__app-badge img,.c-themes-grid__app-badge svg{border-radius:4px}.c-themes-empty{text-align:center;padding:var(--spacing-huge) var(--spacing);color:var(--text-2)}.c-themes-empty h2{color:var(--text);margin-bottom:var(--spacing-small)}.c-themes-empty p{max-width:480px;margin:0 auto var(--spacing-small);line-height:1.6}.c-themes-notice{text-align:center;padding:var(--spacing-large) var(--spacing);color:var(--text-3);font-size:.9rem}.c-theme-detail{max-width:800px;padding-bottom:var(--spacing-huge);margin:0 auto}.c-theme-detail__back{margin-bottom:var(--spacing);color:var(--text-2);font-size:.9rem;text-decoration:none;transition:color .15s;display:inline-block}.c-theme-detail__back:hover{color:var(--text)}.c-theme-detail__screenshot{border-radius:var(--radius);aspect-ratio:1200/630;object-fit:contain;background:var(--bg-inset);border:1px solid var(--line-soft);width:100%;height:auto;padding:40px;display:block}.c-theme-detail__header{padding:var(--spacing) 0}.c-theme-detail__name{color:var(--text);letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;font-weight:700}.c-theme-detail__meta{color:var(--text-3);align-items:center;gap:12px;font-size:.9rem;display:flex}.c-theme-detail__description,.c-theme-detail__summary{margin-top:var(--spacing-small);color:var(--text-2);max-width:60ch;line-height:1.6}.c-theme-detail__actions{margin-bottom:var(--spacing-large);gap:12px;display:flex}.c-theme-detail__btn{border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.c-theme-detail__btn--primary{background:var(--btn-bg);color:var(--btn-text)}.c-theme-detail__btn--primary:hover{background:var(--btn-bg-hover)}.c-theme-detail__btn--secondary{color:var(--text);border:1px solid var(--line);background:0 0}.c-theme-detail__btn--secondary:hover{background:var(--bg-inset);border-color:var(--text-3)}.c-theme-detail__json{margin-bottom:var(--spacing);border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line-soft);overflow:hidden}.c-theme-detail__json summary{cursor:pointer;color:var(--text-2);-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:.9rem}.c-theme-detail__json summary:hover{color:var(--text)}.c-theme-detail__json pre{border-top:1px solid var(--line-soft);color:var(--text-2);font-size:.8rem;line-height:1.5;font-family:var(--font-mono), ui-monospace, monospace;margin:0;padding:16px;overflow-x:auto}.c-theme-detail__report{color:var(--text-3);font-size:.85rem}.c-theme-detail__report a{color:var(--text-3);text-decoration:underline;transition:color .15s}.c-theme-detail__report a:hover{color:var(--text)}.c-shortcut-preview{margin-bottom:var(--spacing)}.c-shortcut-preview__title{color:var(--text-2);margin:0 0 12px;font-size:1rem}.c-shortcut-preview__list,.c-shortcut-preview__sublist{margin:0;padding:0;list-style:none}.c-shortcut-preview__sublist{border-left:1px solid var(--line-soft);margin-left:14px;padding-left:14px}.c-shortcut-preview__row{border-radius:var(--radius-s);background:var(--bg-elevated);border:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;display:flex}.c-shortcut-preview__label{align-items:center;gap:10px;min-width:0;display:flex}.c-shortcut-preview__icon{object-fit:cover;border-radius:4px;flex-shrink:0;width:20px;height:20px}.c-shortcut-preview__emoji{font-size:1.1rem;line-height:1}.c-shortcut-preview__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.c-shortcut-preview__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border:1px solid var(--line);font-size:.7rem;font-family:var(--font-mono), ui-monospace, monospace;border-radius:4px;flex-shrink:0;padding:1px 6px}.c-shortcut-preview__combo{flex-shrink:0;gap:4px;display:inline-flex}.c-shortcut-preview__kbd{background:var(--kbd-bg);border:1px solid var(--kbd-line);min-width:22px;box-shadow:var(--kbd-shadow);text-align:center;color:var(--text);font-size:.8rem;font-family:var(--font-mono), ui-monospace, monospace;border-radius:5px;padding:2px 6px}.c-theme-detail__import-help{margin:1rem 0;font-size:.875rem;line-height:1.6}.c-theme-detail__import-help a{text-decoration:underline}