.secondary-view { display: grid; gap: 1rem; }
.view-heading { padding: 1rem 0; }
.view-heading p, .view-heading span { color: var(--color-muted); }
.view-heading h1 { margin: .25rem 0; font: 600 clamp(2rem, 8vw, 3.5rem) var(--font-display); color: var(--color-gold-bright); }
.empty-state { display: grid; justify-items: center; gap: .6rem; padding: 3rem 1rem; text-align: center; border: 1px dashed rgb(185 155 82 / 35%); border-radius: var(--radius-md); }
.history-list, .classics-list, .settings-form { display: grid; gap: .8rem; }
.history-card { display: grid; grid-template-columns: auto 1fr auto; gap: .9rem; align-items: center; padding: 1rem; color: inherit; text-decoration: none; border: 1px solid rgb(185 155 82 / 22%); border-radius: var(--radius-md); background: rgb(11 28 24 / 75%); }
.history-card__symbol { display: grid; place-items: center; width: 2.8rem; aspect-ratio: 1; border-radius: .8rem; color: var(--color-gold-bright); background: var(--color-jade); }
.history-card__content { display: grid; gap: .35rem; }
.history-card small, .history-card time { color: var(--color-muted); }
.search-field { display: grid; gap: .45rem; color: var(--color-muted); }
.search-field input, .settings-form input, .settings-form select { width: 100%; min-height: 3rem; padding: .65rem .8rem; border: 1px solid rgb(185 155 82 / 28%); border-radius: var(--radius-sm); color: var(--color-text); background: rgb(7 19 17 / 88%); }
.classic-card, .settings-form article, .policy-card, .danger-zone { border: 1px solid rgb(185 155 82 / 22%); border-radius: var(--radius-md); background: rgb(11 28 24 / 75%); }
.classic-card summary { display: grid; grid-template-columns: auto 1fr auto; gap: .8rem; align-items: center; padding: 1rem; cursor: pointer; }
.classic-card summary span { font-size: 2rem; color: var(--color-gold-bright); }
.classic-card summary code { color: var(--color-muted); }
.classic-card__body, .settings-form article, .policy-card, .danger-zone { padding: 1rem; }
.classic-judgment { font: 1.1rem/1.8 var(--font-display); color: var(--color-gold-bright); }
.classic-card li { margin-block: .55rem; line-height: 1.75; }
.special-line { color: var(--color-cinnabar); }
.settings-form article { display: grid; gap: .8rem; }
.settings-form h2, .policy-card h2, .danger-zone h2 { margin: 0; color: var(--color-gold-bright); }
.settings-form label { display: grid; gap: .45rem; }
.settings-actions { display: grid; gap: .65rem; }
.policy-card { display: grid; gap: .75rem; }
.policy-card p, .policy-card ul { margin: 0; }
.policy-card ul { padding-left: 1.2rem; color: var(--color-muted); }
.policy-card li { margin-block: .5rem; line-height: 1.7; }
.policy-card--boundary { border-color: rgb(169 69 55 / 45%); }
.settings-policy { margin-top: .2rem; }
.app-version { color: var(--color-muted); font-size: .78rem; letter-spacing: .04em; }
.danger-zone { border-color: rgb(169 69 55 / 45%); }
.danger-zone button, .clear-dialog [data-confirm-clear] { min-height: 2.75rem; border: 1px solid var(--color-cinnabar); border-radius: var(--radius-sm); color: #ffd4ca; background: rgb(169 69 55 / 25%); }
.clear-dialog { max-width: 28rem; color: var(--color-text); border: 1px solid var(--color-cinnabar); border-radius: var(--radius-md); background: var(--color-ink); }
.clear-dialog::backdrop { background: rgb(0 0 0 / 70%); }
.clear-dialog form div { display: flex; gap: .7rem; justify-content: flex-end; }