.calendar-grid{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1rem}.calendar-grid-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.calendar-grid-header h2{color:var(--ink);margin:0;font-size:1.3rem}.calendar-grid-header button{border:1px solid var(--line);background:var(--paper);width:2.2rem;height:2.2rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px}.calendar-grid-header button:hover{background:var(--line)}.calendar-grid-weekdays,.calendar-grid-days{grid-template-columns:repeat(7,1fr);gap:.3rem;display:grid}.calendar-grid-weekday{text-align:center;color:var(--muted);padding-bottom:.4rem;font-size:.75rem;font-weight:600}.calendar-grid-day{aspect-ratio:1;border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .2rem;display:flex;position:relative}.calendar-grid-day:hover{background:var(--line)}.calendar-grid-day.is-outside{color:var(--muted);opacity:.55}.calendar-grid-day.is-today{border-color:var(--produce)}.calendar-grid-day.is-selected{border-color:var(--tag);background:var(--line)}.calendar-grid-day-number{font-size:.9rem}.calendar-grid-day-dot{background:var(--tag);border-radius:999px;width:.4rem;height:.4rem}@media (width<=400px){.calendar-grid{padding:.65rem}.calendar-grid-weekdays,.calendar-grid-days{gap:.2rem}.calendar-grid-header button{width:2.4rem;height:2.4rem}}.day-events{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.1rem 1.25rem}.day-events-heading{color:var(--ink);margin:0 0 .75rem;font-size:1.05rem}.day-events-empty{color:var(--muted);margin:0 0 1rem}.day-events-list{flex-direction:column;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.day-events-item{border-radius:var(--radius);background:var(--paper);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.day-events-item-main{align-items:baseline;gap:.5rem;min-width:0;display:flex}.day-events-item-time{font-family:var(--font-mono);color:var(--produce-dark);flex-shrink:0;font-size:.8rem}.day-events-item-title{color:var(--ink);overflow-wrap:anywhere}.day-events-item-by{color:var(--muted);flex-shrink:0;font-size:.8rem}.day-events-item-delete{width:1.7rem;height:1.7rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.day-events-item-delete:hover{background:var(--line);color:var(--danger)}.day-events-form{grid-template-columns:2fr 1fr 1fr auto;gap:.5rem;display:grid}.day-events-form input{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-width:0;color:var(--ink);font:inherit;padding:.55rem .7rem}.day-events-form-submit{border-radius:var(--radius);background:var(--produce);color:var(--on-produce);font:inherit;cursor:pointer;border:none;padding:.55rem 1rem;font-weight:600}.day-events-form-submit:hover{background:var(--produce-dark)}@media (width<=640px){.day-events-form{grid-template-columns:1fr 1fr}.day-events-form-title,.day-events-form-submit{grid-column:1/-1}.day-events-item-delete{width:2.5rem;height:2.5rem}}.family-gate{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;padding:1.5rem}.family-gate-intro{color:var(--ink);margin:0 0 1.25rem}.family-gate-choices{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.family-gate-create,.family-gate-join-submit{border-radius:var(--radius);background:var(--produce);color:var(--on-produce);font:inherit;cursor:pointer;border:none;padding:.65rem 1.1rem;font-weight:600}.family-gate-create:hover,.family-gate-join-submit:hover{background:var(--produce-dark)}.family-gate-join-toggle,.family-gate-back{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;padding:.65rem 1.1rem}.family-gate-join-toggle:hover,.family-gate-back:hover{background:var(--line)}.family-gate-back{margin-top:1rem}.family-gate-code{font-family:var(--font-mono);letter-spacing:.15em;color:var(--ink);margin:0 0 1rem;font-size:2rem}.family-gate-copy{border-radius:var(--radius);background:var(--produce);color:var(--on-produce);font:inherit;cursor:pointer;border:none;padding:.6rem 1.1rem;font-weight:600}.family-gate-copy:hover{background:var(--produce-dark)}.family-gate-join-form{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.family-gate-join-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;width:10rem;padding:.6rem .75rem}.family-gate-error{color:var(--danger);margin:.75rem 0 0}@media (width<=480px){.family-gate{padding:1.1rem .9rem}.family-gate-code{font-size:1.5rem}.family-gate-join-input{flex:1;width:auto;min-width:0}}.kalender-code-hint{color:var(--muted);margin:-.5rem 0 1.25rem}.kalender-code-hint strong{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink)}.kalender-leave{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;padding:.2rem .6rem;font-size:.8rem}.kalender-leave:hover{background:var(--line)}