.event-item+.event-item{border-top:1px solid var(--color-border)}.event-item__button{align-items:baseline;gap:var(--space-3);width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-1);text-align:left;background:0 0;border:none;display:flex}.event-item__time{font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex:none;font-size:14px}.event-item__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.mic-button{background:var(--color-primary);width:64px;height:64px;color:var(--color-primary-text);border:none;border-radius:50%;place-items:center;font-size:28px;display:grid;box-shadow:0 4px 12px #0003}.mic-button:disabled{background:var(--color-border);color:var(--color-text-muted);box-shadow:none}.day-view{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.day-view__header{align-items:center;gap:var(--space-1);padding:calc(var(--safe-top) + var(--space-2)) var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.day-view__icon{min-width:var(--tap-min);min-height:var(--tap-min);background:0 0;border:none;font-size:18px}.day-view__date{min-height:var(--tap-min);padding:0 var(--space-2);text-align:left;background:0 0;border:none;font-size:17px;font-weight:600}.day-view__month-btn{padding:0 var(--space-2);white-space:nowrap;margin-left:auto;font-size:15px}.day-view__list{padding:0 var(--space-3);flex:auto;overflow-y:auto}.day-view__items{list-style:none}.day-view__empty{padding:var(--space-6) var(--space-2);text-align:center;color:var(--color-text-muted)}.day-view__footer{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--safe-bottom) + var(--space-3));border-top:1px solid var(--color-border);grid-template-columns:1fr auto 1fr;display:grid}.day-view__all-btn{justify-self:start}.day-view__export-btn{justify-self:center}.day-view__footer-right{justify-self:end;align-items:center;gap:var(--space-4);display:flex}.day-view__all-btn,.day-view__export-btn{color:#fff;border:none;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 4px 12px #0003}.day-view__all-btn{background:var(--color-list-button);font-size:18px;font-weight:600}.day-view__export-btn{background:var(--color-export-button);font-size:26px}.day-view__add{border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;width:48px;height:48px;font-size:22px}.month-view{max-width:640px;padding:calc(var(--safe-top) + var(--space-2)) var(--space-2) calc(var(--safe-bottom) + var(--space-2));margin:0 auto}.month-view__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.month-view__nav{align-items:center;gap:var(--space-2);display:flex}.month-view__back,.month-view__icon{min-height:var(--tap-min);padding:0 var(--space-2);background:0 0;border:none;font-size:16px}.month-view__icon{min-width:var(--tap-min)}.month-view__title{font-size:17px;font-weight:600}.month-view__weekdays,.month-view__grid{grid-template-columns:repeat(7,1fr);display:grid}.month-view__weekday{padding:var(--space-1) 0;text-align:center;color:var(--color-text-muted);font-size:12px}.month-view__day{aspect-ratio:1;padding-top:var(--space-1);border:1px solid var(--color-border);background:var(--color-bg);flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;font-size:14px;display:flex}.month-view__day--other{color:var(--color-text-muted);background:var(--color-surface)}.month-view__day--today .month-view__daynum{background:var(--color-primary);width:1.6em;height:1.6em;color:var(--color-primary-text);border-radius:50%;place-items:center;display:grid}.month-view__dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px}.field{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.field__label{color:var(--color-text-muted);flex:none}.field__input{min-height:var(--tap-min);max-width:60%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);flex:auto}.field__input:disabled{opacity:.5}.field--text .field__input{text-align:left;max-width:none}.event-form{max-width:640px;padding:calc(var(--safe-top) + var(--space-2)) var(--space-4) calc(var(--safe-bottom) + var(--space-4));margin:0 auto}.event-form__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.event-form__cancel{min-width:var(--tap-min);min-height:var(--tap-min);background:0 0;border:none;font-size:18px}.event-form__save{min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-text);border:none;font-weight:600}.event-form__transcript{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius);color:var(--color-text-muted);font-size:14px}.event-form__errors{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);background:color-mix(in srgb, var(--color-danger) 12%, transparent);border-radius:var(--radius);color:var(--color-danger);font-size:14px}.event-form__body{flex-direction:column;display:flex}.event-form__delete{align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.event-form__delete button{min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.event-form__delete-start,.event-form__delete-confirm{color:var(--color-danger)}.voice-overlay{z-index:100;width:100%;max-width:none;height:100%;max-height:none;padding:calc(var(--safe-top) + var(--space-4)) var(--space-4) calc(var(--safe-bottom) + var(--space-6));background:color-mix(in srgb, var(--color-bg) 96%, var(--color-primary));color:var(--color-text);border:none;flex-direction:column;align-items:stretch;margin:0;display:flex;position:fixed;inset:0}.voice-overlay__cancel{min-width:var(--tap-min);min-height:var(--tap-min);background:0 0;border:none;align-self:flex-end;font-size:20px}.voice-overlay__body{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;flex:auto;display:flex}.voice-overlay__status{color:var(--color-text-muted)}.voice-overlay__transcript{min-height:1.5em;font-size:20px;font-weight:600}.voice-overlay__error{color:var(--color-danger);max-width:20em}.voice-overlay__manual{min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-text);border:none;font-weight:600}.backup-menu{max-width:640px;padding:calc(var(--safe-top) + var(--space-2)) var(--space-4) calc(var(--safe-bottom) + var(--space-4));margin:0 auto}.backup-menu__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.backup-menu__close{min-width:var(--tap-min);min-height:var(--tap-min);background:0 0;border:none;font-size:18px}.backup-menu__heading{font-size:18px;font-weight:600}.backup-menu__section-title{margin-bottom:var(--space-2);font-size:15px}.backup-menu__note{color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:14px}.backup-menu__action{width:100%;min-height:var(--tap-min);margin-bottom:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-align:center;display:block}.backup-menu__file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.backup-menu__message{margin-top:var(--space-3);color:var(--color-primary)}.backup-menu__error{margin-top:var(--space-3);color:var(--color-danger)}.all-events{max-width:640px;min-height:100dvh;padding:calc(var(--safe-top) + var(--space-2)) var(--space-4) calc(var(--safe-bottom) + 96px);margin:0 auto}.all-events__back-btn{left:calc(var(--safe-left) + var(--space-4));bottom:calc(var(--safe-bottom) + var(--space-3));background:var(--color-list-button);color:#fff;z-index:10;border:none;border-radius:50%;place-items:center;width:64px;height:64px;font-size:18px;font-weight:600;display:grid;position:fixed;box-shadow:0 4px 12px #0003}.all-events__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.all-events__close{min-width:var(--tap-min);min-height:var(--tap-min);background:0 0;border:none;font-size:18px}.all-events__heading{font-size:18px;font-weight:600}.all-events__count{color:var(--color-text-muted);margin-left:auto;font-size:13px}.all-events__empty{padding:var(--space-6) 0;text-align:center;color:var(--color-text-muted)}.all-events__group{margin-bottom:var(--space-4)}.all-events__date{color:var(--color-text-muted);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border);font-size:14px;font-weight:600}.all-events__list{padding-left:var(--space-5);list-style:outside}.all-events__item{margin-top:var(--space-1)}.all-events__button{align-items:baseline;gap:var(--space-3);width:100%;min-height:var(--tap-min);padding:var(--space-1);text-align:left;background:0 0;border:none;display:flex}.all-events__time{font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex:none;font-size:14px}.all-events__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.storage-notice{align-items:flex-start;gap:var(--space-2);margin:var(--space-2) var(--space-3) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;display:flex}.storage-notice button{min-width:32px;min-height:32px;color:inherit;background:0 0;border:none;flex:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-surface:#f5f6f8;--color-text:#1a1a1a;--color-text-muted:#61656e;--color-primary:#3b82f6;--color-primary-text:#fff;--color-danger:#dc2626;--color-list-button:#e02424;--color-export-button:#eab308;--color-border:#d9dce1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius:10px;--tap-min:44px;--font-sans:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (prefers-color-scheme:dark){:root{--color-bg:#16181d;--color-surface:#1f2229;--color-text:#f2f3f5;--color-text-muted:#a0a4ac;--color-border:#333842}}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit}.app{min-height:100%;padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--space-4))}.app__main{max-width:640px;margin:0 auto}