.oakm-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.oakm-tile{position:relative;min-width:0;min-height:76px;border-radius:13px;border:2px solid color-mix(in srgb,var(--tile-color) 32%,var(--color-bg-card));background:var(--tile-tint);color:var(--rating-tile-foreground);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font:500 12px Inter,sans-serif;cursor:pointer;padding:8px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.oakm-tile svg{width:21px;height:21px;color:var(--tile-color);transition:color .15s ease}.oakm-tile:focus-visible{outline:2px solid var(--tile-color);outline-offset:3px}.oakm-tile:disabled{cursor:not-allowed}.oakm-tile[aria-pressed=true]{background:var(--tile-tint);border-color:var(--tile-color);color:var(--rating-tile-foreground);animation:rating-tile-bounce .24s ease-out}.oakm-tile[aria-pressed=true] svg{color:var(--tile-color)}.oakm-tile-grid[data-has-selection=true] .oakm-tile[aria-pressed=false]{opacity:1}.oakm-tile-check{position:absolute;top:6px;right:6px;width:15px;height:15px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center}.oakm-tile-check svg{width:11px;height:11px;color:var(--tile-color)}.oakm-tile:hover{background:var(--tile-tint)}.oakm-tile:active{transform:scale(.97)}@keyframes rating-tile-bounce{0%{transform:scale(.97);border-color:transparent}55%{transform:scale(1.025)}to{transform:scale(1);border-color:var(--tile-color)}}.day-rating-response{position:relative;margin-top:12px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:8px;box-shadow:var(--app-card-shadow);animation:day-response-in .24s ease-out}.day-rating-response-link{width:100%;height:auto;min-height:64px;justify-content:flex-start;padding:12px 42px 12px 12px;white-space:normal;text-align:left;font:400 13px/1.5 Inter,sans-serif;color:var(--app-text)}.day-rating-response-link:hover{background:var(--app-surface)}.day-rating-response[data-rating=great]{--response-tone: var(--mood-great-tone)}.day-rating-response[data-rating=okay]{--response-tone: var(--mood-okay-tone)}.day-rating-response[data-rating=struggling]{--response-tone: var(--mood-hard-tone)}.day-rating-response .day-rating-response-link svg{color:var(--response-tone);width:20px;height:20px}.day-rating-response-close{position:absolute;top:2px;right:2px;width:36px;height:36px;color:var(--app-text-secondary)}@keyframes day-response-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.oakm-tile,.oakm-tile[aria-pressed=true],.day-rating-response{animation:none;transition:none;transform:none}}:root{--night-great-tint: color-mix(in srgb, var(--mood-great-tone) 34%, var(--mood-great-tint));--night-okay-tint: color-mix(in srgb, var(--mood-okay-tone) 34%, var(--mood-okay-tint));--night-hard-tint: color-mix(in srgb, var(--mood-hard-tone) 34%, var(--mood-hard-tint));--night-great-tone: color-mix(in srgb, var(--mood-great-tone) 70%, hsl(var(--palette-ink)));--night-okay-tone: color-mix(in srgb, var(--mood-okay-tone) 70%, hsl(var(--palette-ink)));--night-hard-tone: color-mix(in srgb, var(--mood-hard-tone) 70%, hsl(var(--palette-ink)));--rating-3d: inset 0 1px 0 hsl(var(--palette-white) / .7), 0 3px 0 hsl(var(--palette-shadow) / .3), 0 6px 12px -4px hsl(var(--palette-shadow) / .28);--rating-3d-press: inset 0 1px 0 hsl(var(--palette-white) / .6), 0 1px 0 hsl(var(--palette-shadow) / .3), 0 2px 4px -2px hsl(var(--palette-shadow) / .22)}.oakm-tile-grid .oakm-tile{box-shadow:var(--rating-3d)!important}.oakm-tile-grid .oakm-tile:active:not(:disabled){transform:translateY(2px)!important;box-shadow:var(--rating-3d-press)!important}