.ds-finder { border: 1px solid rgba(201, 168, 76, .45); border-radius: 18px; padding: 20px 18px; background: rgba(255, 255, 255, .45); }
.ds-frames { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 6px 0 14px; }
.ds-frames button { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 6px; border: 1px solid rgba(201, 168, 76, .4); border-radius: 14px; background: rgba(255, 255, 255, .5); font: 500 .85rem Manrope, sans-serif; color: #6b5530; cursor: pointer; }
.ds-frames button[aria-pressed=true] { background: linear-gradient(180deg, rgba(233, 214, 160, .9), rgba(214, 190, 122, .9)); color: #3a2c14; border-color: rgba(168, 131, 38, .6); }
.ds-frames .ds-stamp { width: 56px; height: 56px; }
.ds-letters { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 6px; margin: 6px 0 16px; }
.ds-letters button { height: 38px; border: 1px solid rgba(201, 168, 76, .4); border-radius: 10px; background: rgba(255, 255, 255, .6); font: 600 1.05rem 'Cormorant Garamond', serif; color: #3a2c14; cursor: pointer; }
.ds-letters button[aria-pressed=true] { background: #6f5233; color: #fff; border-color: #6f5233; }
.ds-letters button:disabled { opacity: .3; cursor: default; }
.ds-frames button:focus-visible, .ds-letters button:focus-visible, .ds-yearpick select:focus-visible { outline: 1px dotted #c9a84c; outline-offset: 3px; }
.ds-out { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; border-top: 1px solid rgba(91, 58, 34, .16); padding-top: 16px; }
.ds-result-text p { margin: 0 0 6px; font-size: .95rem; line-height: 1.55; }
.ds-k { font: 600 .7rem/1.2 Manrope, sans-serif !important; letter-spacing: .1em; text-transform: uppercase; color: var(--color-text-secondary); }
.ds-year { font: 500 2.4rem/1.05 'Cormorant Garamond', serif !important; color: var(--color-text-primary); font-variant-numeric: lining-nums tabular-nums; }
.ds-status { font-size: .85rem !important; color: var(--color-text-secondary); }
.ds-note { font-size: .8rem !important; color: var(--color-text-secondary); border-left: 2px solid #c9a84c; padding-left: 10px; margin-top: 10px !important; }
.ds-yearpick { margin-top: 16px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ds-yearpick select { height: 38px; padding: 0 10px; border: 1px solid rgba(201, 168, 76, .55); border-radius: 10px; background: rgba(255, 255, 255, .7); font: 500 .95rem Manrope, sans-serif; color: #3a2c14; }
@media (max-width: 520px) {
  .ds-letters { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .ds-out { grid-template-columns: 1fr; justify-items: start; }
}