.ui-notice{align-items:center;gap:var(--sp-3);padding:var(--sp-4);margin:var(--sp-4) 0;border:var(--stroke-1) solid var(--control-border);border-radius:var(--control-radius);color:var(--text-secondary);background:var(--bg-card);display:flex}.ui-notice p{font:var(--weight-regular) var(--text-body-size)/1.5 var(--mono);overflow-wrap:anywhere;margin:0}.ui-notice--error{color:var(--control-danger);border-color:var(--control-danger-border)}.ui-notice-icon{width:var(--sp-5);height:var(--sp-5);flex:none}.ui-waiting{padding:var(--safe-top) var(--sp-4) var(--safe-bottom);box-sizing:border-box;pointer-events:none;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.ui-waiting>*{pointer-events:auto}.ui-waiting-failure{justify-items:center;gap:var(--sp-2);min-width:0;display:grid}.ui-empty{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--text-secondary);font:var(--weight-regular) var(--text-body-size)/1.5 var(--mono)}.ui-empty-title{font-weight:var(--weight-semibold);color:var(--txt)}.ui-error-state{padding:var(--sp-5);text-align:center}.ui-toast-region{--toast-from:1;z-index:var(--z-toast);bottom:var(--toast-bottom);width:max-content;max-width:calc(100vw - var(--sp-6));pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.ui-toast-region--editing{bottom:calc(var(--sp-5) + env(safe-area-inset-bottom,0px))}.ui-toast{align-items:center;gap:var(--sp-3);background:var(--bg-card);border:var(--stroke-1) solid var(--accent);border-radius:var(--control-radius);color:var(--txt);padding:var(--sp-3) calc(var(--sp-1) * 4.5);font:var(--weight-regular) var(--text-body-size)/1.5 var(--mono);overflow-wrap:anywhere;box-shadow:var(--elevation-2);animation:toast-in var(--motion-medium) var(--ease-cinema) both;display:flex}.ui-toast>.icon{width:var(--sp-5);height:var(--sp-5);color:var(--success)}.ui-toast[data-leaving]{animation:toast-out var(--motion-disclosure) var(--ease-cinema) both}.ui-toast[data-tone=error]{pointer-events:auto}.ui-toast[data-tone=error]>.icon{width:var(--sp-5);height:var(--sp-5);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(calc(var(--sp-3) * var(--toast-from)))}}@keyframes toast-out{to{opacity:0;transform:translateY(calc(var(--sp-2) * var(--toast-from)))}}@media (prefers-reduced-motion:reduce){.ui-toast,.ui-toast[data-leaving]{animation:none}}:root[data-reduce-motion] .ui-toast,:root[data-reduce-motion] .ui-toast[data-leaving]{animation:none}:root[data-theme=seiken-study] .ui-notice{background:var(--surface-reading);color:var(--study-mist);border-color:var(--study-mist)}:root[data-theme=seiken-study] .ui-notice p{font:var(--type-body)}:root[data-theme=seiken-study] .ui-notice--error{border-left-width:var(--sp-2);background:var(--surface-reading);border-color:var(--danger);color:var(--study-mist);align-items:flex-start}:root[data-theme=seiken-study] .ui-notice-icon{width:var(--sp-5);height:calc(var(--type-body-size) * 1.6);color:var(--danger);flex:none}:root[data-theme=seiken-study] .ui-toast[data-tone=error]{background:var(--surface-reading);border-color:var(--danger);color:var(--study-mist);pointer-events:auto;padding-block:var(--sp-1);padding-right:var(--sp-1)}:root[data-theme=seiken-study] .ui-toast[data-tone=error]>.icon{width:var(--sp-5);height:var(--sp-5);color:var(--danger);flex:none}:root[data-theme=seiken-study] .ui-toast[data-tone=error]{column-gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}:root[data-theme=seiken-study] .ui-toast[data-tone=error]>span{padding-block:var(--sp-2)}:root[data-theme=seiken-study] .ui-toast[data-tone=error] .ui-toast-action{color:var(--study-mist);text-underline-offset:var(--sp-1);grid-area:2/2;justify-self:start;padding-inline-start:0;padding-inline-end:0;text-decoration:underline}:root[data-theme=seiken-study] .ui-toast[data-tone=error] .ui-toast-close{color:var(--study-mist);grid-area:1/3}@media (min-width:761px){:root[data-theme=seiken-study] .ui-toast-region:not(.ui-toast-region--editing){bottom:calc(var(--toast-bottom) + env(safe-area-inset-bottom,0px))}}:root[data-theme=seiken-study] .ui-toast{background:var(--surface-reading);color:var(--study-mist);border-color:var(--study-mist);font:var(--type-body)}@media (max-width:760px){:root[data-theme=seiken-study] .ui-toast-region{--toast-from:-1;top:calc(var(--toast-top-compact) + env(safe-area-inset-top,0px));bottom:auto}}:root[data-theme=seiken-study] .ui-notice{animation:feedback-in var(--choice-motion) var(--ease-out) both}@keyframes feedback-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){:root[data-theme=seiken-study] .ui-notice{animation:none}}:root[data-reduce-motion][data-theme=seiken-study] .ui-notice{animation:none}.ui-sync{z-index:var(--z-chrome-nav);left:var(--sp-4);bottom:var(--toast-bottom);max-width:calc(100vw - var(--sp-4) * 2);pointer-events:none;position:fixed}.ui-sync-pill{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:var(--stroke-1) solid var(--control-border);border-radius:var(--control-radius);background:var(--bg-card);color:var(--text-secondary);font:var(--type-caption);box-shadow:var(--elevation-2);pointer-events:auto;display:flex}.ui-sync-pill[data-state^=error]{color:var(--control-danger);border-color:var(--control-danger-border)}.ui-sync-pill .ui-button{min-height:0;padding:0 var(--sp-2);white-space:nowrap;flex-shrink:0}@media (min-width:761px){.ui-sync{bottom:var(--sp-4)}}.ui-sync.ui-sync--inline{max-width:none;position:static}:root[data-theme=seiken-study] .ui-sync-pill{background:var(--surface-reading);color:var(--study-mist);border-color:var(--study-mist)}:root[data-theme=seiken-study] .ui-sync-pill[data-state^=error]{border-left-width:var(--sp-2);background:var(--surface-reading);border-color:var(--danger)}:root[data-theme=seiken-study] .ui-sync-pill[data-state^=error]>.icon{width:var(--sp-5);height:var(--sp-5);color:var(--danger);flex:none}@media (min-width:761px){:root[data-theme=seiken-study] .ui-sync{bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px))}}
