.month-picker{min-width:0;color:var(--color-ink);position:relative}.month-picker-label{color:var(--color-ink-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.month-picker-control{border:1px solid var(--color-line-strong);background:var(--color-surface);border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 2px 5px #18233804}.month-picker button{font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.month-picker button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.month-picker button:disabled{opacity:.35;cursor:default}.month-picker-step{width:36px;height:38px;color:var(--color-ink-muted);background:0 0;border-radius:8px;flex:none}.month-picker-step:hover:not(:disabled){color:var(--color-accent);background:var(--color-accent-soft)}.month-picker-trigger{min-height:38px;color:var(--color-ink);white-space:nowrap;background:0 0;border-radius:8px;gap:9px;padding:0 10px}.month-picker-trigger:hover,.month-picker-trigger[aria-expanded=true]{background:var(--color-accent-soft)}.month-picker-trigger>svg{color:var(--color-accent);flex:none}.month-picker-trigger>svg:last-child{color:var(--color-ink-muted)}.month-picker-trigger>span{text-align:left;min-width:125px;font-size:13px;font-weight:650}.month-picker-trigger b{color:var(--color-ink-muted);font-weight:500}.month-picker-panel{z-index:30;border:1px solid var(--color-line);background:var(--color-surface);border-radius:16px;width:100%;min-width:280px;max-width:calc(100vw - 32px);padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 36px #1823381c,0 3px 8px #18233808}.month-picker-year{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.month-picker-year strong{font-variant-numeric:tabular-nums;font-size:16px}.month-picker-months{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.month-picker-months button{background:var(--color-surface-muted);min-height:42px;color:var(--color-ink);border-radius:9px;padding:5px 2px;font-size:12px;font-weight:550;position:relative}.month-picker-months button:hover{background:var(--color-accent-soft);color:var(--color-accent)}.month-picker-months button[aria-pressed=true]{background:var(--color-accent);color:var(--color-ink-inverse)}.month-picker-months .is-current:after{content:"";background:var(--color-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.month-picker-months .is-current[aria-pressed=true]:after{background:var(--color-ink-inverse)}.month-picker-months .is-upcoming{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-accent);color:var(--color-accent-ink);flex-direction:column;gap:1px}.month-picker-months .is-upcoming small{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:9px;font-weight:700}.month-picker-months .is-upcoming[aria-pressed=true]{color:var(--color-ink-inverse)}.month-picker-quick{border-top:1px solid var(--color-line-soft);gap:6px;margin-top:12px;padding-top:8px;display:flex}.month-picker-today{min-width:0;min-height:42px;color:var(--color-accent);background:0 0;border-radius:8px;flex:1 1 0;gap:7px;font-size:12px!important;font-weight:650!important}.month-picker-today:hover{background:var(--color-accent-soft)}.month-picker-today.is-upcoming{background:var(--color-accent-soft);color:var(--color-accent-ink);gap:5px}.month-picker-today.is-upcoming span{color:var(--color-ink-muted);font-weight:500}.month-picker-today.is-upcoming:hover{background:#e2e8ff}@media (pointer:coarse){.month-picker-step,.month-picker-trigger{min-height:44px}.month-picker-step{width:40px}.month-picker-months button,.month-picker-today{min-height:44px}}