.activity-strip{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;display:flex}.activity-strip__row{grid-template-columns:repeat(30,1fr);align-items:center;width:100%;height:28px;display:grid;position:relative}.activity-strip__row:before{content:"";background:color-mix(in oklab, var(--line) 80%, transparent);pointer-events:none;height:1px;position:absolute;inset:50% 0 auto;transform:translateY(-.5px)}.activity-strip__slot{height:100%;animation:.52s cubic-bezier(.2,.7,.3,1) both activity-slot-in;animation-delay:calc(var(--cell-index,0) * 18ms);justify-content:center;align-items:center;display:flex;position:relative}@keyframes activity-slot-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.activity-strip__empty-dot{background:color-mix(in oklab, var(--sea-ink-soft), transparent 60%);border-radius:50%;width:3px;height:3px;transition:transform .18s}.activity-strip__flower{z-index:1;filter:drop-shadow(0 0 3px var(--bg-base));transition:transform .2s cubic-bezier(.2,.7,.3,1),filter .2s;position:relative}.activity-strip__flower--palm{color:var(--palm)}.activity-strip__flower--lagoon{color:var(--lagoon-deep)}.dark .activity-strip__flower--lagoon{color:var(--lagoon)}.activity-strip__slot:hover .activity-strip__flower{transform:scale(1.12)rotate(6deg)}.activity-strip__slot:hover .activity-strip__empty-dot{transform:scale(1.6)}.activity-strip__slot.is-today:after{content:"";background:var(--palm);opacity:.9;border-radius:50%;width:3px;height:3px;position:absolute;top:calc(50% + 11px);left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.activity-strip__slot{animation:none}.activity-strip__flower,.activity-strip__empty-dot{transition:none}.activity-strip__slot:hover .activity-strip__flower,.activity-strip__slot:hover .activity-strip__empty-dot{transform:none}}.activity-strip__streak{text-align:right;font-family:var(--font-serif);letter-spacing:.01em;color:var(--sea-ink-soft);margin:0;font-size:.82rem;font-style:italic;line-height:1.2}.activity-strip__streak em{color:var(--palm);font-variant-numeric:lining-nums;padding:0 1px;font-style:normal;font-weight:500}.activity-strip--placeholder{min-height:36px}.permission-panel{border:1px dashed color-mix(in oklab, var(--line) 55%, transparent);background:color-mix(in oklab, var(--sand) 30%, transparent);border-radius:12px;flex-direction:column;gap:.5rem;padding:.9rem 1rem;display:flex}.permission-panel-kicker{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--kicker);margin:0;font-size:.62rem;font-weight:600}.permission-panel-flags{flex-wrap:wrap;gap:.35rem;display:flex}.permission-pill{appearance:none;border:1px solid color-mix(in oklab, var(--line) 55%, transparent);color:var(--sea-ink-soft);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:.22rem .7rem;font-size:.7rem;font-weight:600;transition:background-color .24s,color .24s,border-color .24s;display:inline-flex}.permission-pill:hover{color:var(--lagoon-deep);border-color:color-mix(in oklab, var(--lagoon-deep) 45%, transparent)}.permission-pill.is-active{color:var(--lagoon-deep);border-color:color-mix(in oklab, var(--lagoon-deep) 50%, transparent);background:color-mix(in oklab, var(--lagoon-deep) 10%, transparent)}.permission-pill:disabled{opacity:.45;cursor:not-allowed}.permission-panel-error{background:color-mix(in oklab, var(--sea-ink) 6%, transparent);color:var(--sea-ink);font-family:var(--font-sans);border-radius:8px;margin:0;padding:.4rem .75rem;font-size:.78rem;line-height:1.3}