:root{--rail-width:60px;--top-bar-height:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}.app-background{z-index:-1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:fixed;inset:0}.app-background__image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.app-background:after{content:"";background:#0000004d;position:absolute;inset:0}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;filter:blur(12px);transform:scale(.92)translateY(8px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes modal-panel-out{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}to{opacity:0;filter:blur(12px);transform:scale(.92)translateY(8px)}}.modal{--modal-open-duration:.44s;--modal-close-duration:.36s;z-index:2000;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--modal-close-duration);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal--open{visibility:visible;pointer-events:auto;transition-delay:0s}.modal__backdrop{animation:modal-backdrop-out var(--modal-close-duration) ease-in both;background:#00000080;position:absolute;inset:0}.modal--open .modal__backdrop{animation:modal-backdrop-in var(--modal-open-duration) cubic-bezier(.16, 1, .3, 1) both}.modal__panel{z-index:1;-webkit-backdrop-filter:blur(12px)saturate(140%);width:100%;max-height:88vh;animation:modal-panel-out var(--modal-close-duration) ease-in both;will-change:transform, opacity, filter;background:radial-gradient(120% 100% at 50% 38%,#0f172ab8,#0f172a6b 60%,#0f172a14 100%);border:1px solid #ffffff24;border-radius:28px;outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #667eea26,0 25px 30px #00000080}.modal--open .modal__panel{animation:modal-panel-in var(--modal-open-duration) cubic-bezier(.16, 1, .3, 1) both}.modal__panel--sm{max-width:460px}.modal__panel--md{max-width:640px}.modal__panel--lg{max-width:760px}.modal__header{align-items:center;gap:16px;padding:22px 22px 18px 28px;display:flex}.modal__header--bordered{border-bottom:1px solid #ffffff1a}.modal__title{color:#fffffff2;text-shadow:0 1px 2px #00000080,0 2px 12px #00000059;margin:0;font-size:1.2rem;font-weight:600}.modal__header-end{align-items:center;gap:10px;margin-left:auto;display:flex}.modal__close{color:#fffc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.95rem;transition:background .2s,color .2s,transform .15s;display:grid}.modal__close:hover{color:#fffffff2;background:#ffffff29}.modal__close:active{transform:scale(.95)}.modal__body{color:#fffc;min-height:0;padding:0 28px 28px;overflow-y:auto}.modal__body--flush{padding:0}.modal__footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;padding:18px 28px 22px;display:flex}.delete-account__title{align-items:center;gap:14px;display:inline-flex}.delete-account__badge{color:#ff9a9a;filter:drop-shadow(0 2px 10px #00000059);background:#ff4d4d29;border:1px solid #ff6e6e47;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:1rem;display:grid}.delete-account__form{flex-direction:column;gap:18px;display:flex}.delete-account__intro{color:#fffc;text-shadow:0 1px 3px #0006;margin:0;font-size:.95rem;line-height:1.55}.delete-account__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.delete-account__item{color:#ffffffc7;text-shadow:0 1px 2px #0006;background:#ffffff08;border-radius:10px;align-items:flex-start;gap:12px;padding:13px 15px;font-size:.9rem;line-height:1.5;display:flex}.delete-account__item-icon{color:#ffffff80;text-align:center;flex:none;width:18px;margin-top:3px;font-size:.95rem}.delete-account__item--danger{color:#ff9a9a;background:#ff4d4d1f;border:1px solid #ff4d4d40}.delete-account__item--danger .delete-account__item-icon{color:#ff6b6b}.delete-account__reauth{flex-direction:column;gap:10px;margin-top:4px;display:flex}.delete-account__reauth-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.delete-account__label{color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 2px #0006;font-size:.72rem;font-weight:600}.delete-account__encrypted{color:#ffffff80;letter-spacing:.06em;text-shadow:0 1px 2px #0006;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.delete-account__encrypted i{font-size:.72rem}.delete-account__control{align-items:center;display:flex;position:relative}.delete-account__input{color:#fffffff2;width:100%;height:52px;font:inherit;letter-spacing:.08em;background:#00000059;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:0 48px 0 18px;transition:border-color .2s,box-shadow .2s}.delete-account__input::placeholder{color:#ffffff4d;letter-spacing:normal}.delete-account__input:focus{border-color:#8b9dffb3;box-shadow:0 0 0 2px #8b9dff40}.delete-account__input:disabled{opacity:.6}.delete-account__eye{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.95rem;transition:background .2s,color .2s;display:grid;position:absolute;right:10px}.delete-account__eye:hover{color:#ffffffe6;background:#ffffff0f}.delete-account__note{color:#ffffff8c;text-shadow:0 1px 2px #0006;align-items:flex-start;gap:10px;margin:2px 0 0;font-size:.8rem;line-height:1.5;display:flex}.delete-account__note-icon{color:#8b9dff;flex:none;margin-top:2px}.delete-account__error{color:#ff6e6ef2;letter-spacing:.03em;text-shadow:0 1px 2px #00000080;margin:0;font-size:.8rem;font-weight:600}.modal__footer.delete-account__footer{background:#0003;flex-direction:column;align-items:stretch;gap:14px;padding:16px 28px 22px}.delete-account__actions{gap:12px;display:flex}.delete-account__btn{height:52px;font:inherit;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:600;transition:filter .2s,background .2s,transform .15s;display:inline-flex}.delete-account__btn:active:not(:disabled){transform:scale(.99)}.delete-account__btn:disabled{cursor:default}.delete-account__btn--ghost{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1f}.delete-account__btn--ghost:hover:not(:disabled){background:#ffffff1a}.delete-account__btn--primary{color:#06240f;background:linear-gradient(135deg,#4cc46f 0%,#86e6a1 100%);box-shadow:0 10px 26px #4cc46f47}.delete-account__btn--primary:hover:not(:disabled){filter:brightness(1.06)}.delete-account__btn--primary i{font-size:.95rem}.delete-account__alt{color:#ffffff8c;font:inherit;letter-spacing:.02em;cursor:pointer;text-shadow:0 1px 2px #0006;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;font-size:.82rem;transition:color .2s;display:inline-flex}.delete-account__alt:hover:not(:disabled){color:#ffffffd9}.delete-account__alt:disabled{cursor:default;opacity:.6}.delete-account__alt i{font-size:.78rem}.delete-account__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite delete-account-spin;display:inline-block}@keyframes delete-account-spin{to{transform:rotate(360deg)}}@media (width<=600px){.modal__footer.delete-account__footer{padding:14px 20px 18px}.delete-account__btn{height:48px;font-size:.92rem}}.google-managed{background:#ffffff08;border-radius:14px;grid-template-columns:auto 1fr;gap:16px;padding:18px;display:grid}.google-managed__icon{color:#dcb8ff;filter:drop-shadow(0 2px 10px #00000059);background:#5c318773;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.google-managed__content{flex-direction:column;min-width:0;display:flex}.google-managed__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.google-managed__title{color:#fffffff2;text-shadow:0 2px 10px #0006;font-size:1rem;font-weight:600}.google-managed__badge{color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px #0006;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;flex:none;align-items:center;height:22px;padding:0 10px;font-size:.68rem;font-weight:600;display:inline-flex}.google-managed__desc{color:#ffffffa6;text-shadow:0 1px 3px #0006;margin:8px 0 0;font-size:.88rem;line-height:1.55}.google-managed__actions{justify-content:flex-end;margin-top:14px;display:flex}.google-managed__action{color:#ffffffe6;white-space:nowrap;cursor:pointer;text-shadow:0 1px 2px #0006;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.google-managed__action i{color:#fff9;font-size:.78rem}.google-managed__action:hover{background:#ffffff1a}.google-managed__action:active{transform:scale(.99)}.password{background:#ffffff08;border-radius:14px;transition:background .25s;overflow:hidden}.password--open{background:#0000004d}.password:not(.password--open) .password__header:hover{background:#ffffff0a}.password__header{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;padding:14px 16px;transition:background .2s;display:flex}.password__icon{color:#dcb8ff;background:#5c318773;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:.9rem;display:grid}.password__heading{flex-direction:column;flex:1;min-width:0;display:flex}.password__title{color:#fffffff2;text-shadow:0 2px 10px #0006;font-size:1rem;font-weight:600}.password__subtitle{color:#fff9;text-shadow:0 1px 2px #0006;margin-top:2px;font-size:.85rem}.password__chevron{color:#ffffff80;flex:none;font-size:.8rem;transition:transform .25s,color .2s}.password--open .password__chevron{transform:rotate(180deg)}.password__header:hover .password__chevron{color:#ffffffe6}.password__collapsible{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1);display:grid}.password--open .password__collapsible{grid-template-rows:1fr}.password__collapsible-inner{opacity:0;min-height:0;transition:opacity .3s;overflow:hidden}.password--open .password__collapsible-inner{opacity:1}.password__body{flex-direction:column;gap:18px;padding:2px 16px 16px;display:flex}.password__field{flex-direction:column;gap:8px;display:flex}.password__field-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.password__label{color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 2px #0006;font-size:.72rem;font-weight:600}.password__control{align-items:center;display:flex;position:relative}.password__input{color:#fffffff2;width:100%;height:48px;font:inherit;letter-spacing:.1em;background:#00000059;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:0 44px 0 16px;transition:border-color .2s,box-shadow .2s}.password__input::placeholder{color:#ffffff4d;letter-spacing:normal}.password__input:focus{border-color:#8b9dffb3;box-shadow:0 0 0 2px #8b9dff40}.password__input:disabled{opacity:.6}.password__eye{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.9rem;transition:background .2s,color .2s;display:grid;position:absolute;right:8px}.password__eye:hover{color:#ffffffe6;background:#ffffff0f}.password__strength{letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 2px #0006;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.password__strength--weak{color:#ff6e6ef2}.password__strength--fair{color:#ffd166}.password__strength--strong{color:#61de88}.password__dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 8px}.password__meter{gap:8px;margin-top:2px;display:flex}.password__meter-segment{background:#ffffff1a;border-radius:2px;flex:1;height:4px;transition:background .25s}.password__meter--weak .password__meter-segment.is-filled{background:#ff6e6ef2}.password__meter--fair .password__meter-segment.is-filled{background:#ffd166}.password__meter--strong .password__meter-segment.is-filled{background:#61de88}.password__error{color:#ff6e6ef2;letter-spacing:.04em;text-shadow:0 1px 2px #00000080;margin:0;font-size:.78rem;font-weight:600}.password__actions{justify-content:flex-end;gap:10px;margin-top:2px;display:flex}.password__btn{height:42px;font:inherit;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-weight:600;transition:filter .2s,background .2s,transform .15s;display:inline-flex}.password__btn--ghost{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1f}.password__btn--ghost:hover:not(:disabled){background:#ffffff1a}.password__btn--primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 20px #764ba259}.password__btn--primary:hover:not(:disabled){filter:brightness(1.08)}.password__btn:active:not(:disabled){transform:scale(.99)}.password__btn:disabled{opacity:.7;cursor:default}.password__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite password-spin;display:inline-block}@keyframes password-spin{to{transform:rotate(360deg)}}.password__note{color:#61de88;letter-spacing:.04em;text-shadow:0 1px 2px #0006;margin:0;padding:0 16px 14px;font-size:.8rem}.session{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:none;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:background .2s;display:flex}.session:hover:not(:disabled){background:#ffffff0f}.session:disabled{opacity:.7;cursor:default}.session__icon{color:#ffffffd9;background:#0000004d;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:.9rem;display:grid}.session__heading{flex-direction:column;flex:1;min-width:0;display:flex}.session__title{color:#fffffff2;text-shadow:0 2px 10px #0006;font-size:1rem;font-weight:600}.session__subtitle{color:#fff9;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0006;margin-top:2px;font-size:.85rem;overflow:hidden}.session__badge{color:#61de88;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 2px #0000004d;background:#61de8824;border:1px solid #61de8840;border-radius:999px;flex:none;align-items:center;gap:6px;height:24px;padding:0 12px;font-size:.78rem;font-weight:600;display:inline-flex}.session__badge-dot{background:#61de88;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 8px #61de88cc}@media (width<=600px){.session__badge{display:none}}.account-plan{background:#ffffff08;border-radius:14px;padding:18px}.account-plan__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-plan__title{color:#fffffff2;align-items:center;gap:10px;font-size:1rem;font-weight:600;display:inline-flex}.account-plan__title i{color:#dcb8ff}.account-plan__retry{color:#ffffffe6;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:7px 12px;font-size:.8rem}.account-plan__retry:hover:not(:disabled){background:#ffffff1a}.account-plan__retry:disabled{opacity:.5;cursor:default}.account-plan__usage{color:#ffffffe6;margin:12px 0 0;font-size:.95rem}.account-plan__detail{color:#ffffffa6;margin:8px 0 0;font-size:.88rem;line-height:1.55}.account__title{align-items:center;gap:10px;display:inline-flex}.account__title i{color:#dcb8ff;filter:drop-shadow(0 2px 6px #0006);font-size:1.05rem}.account__identity{background:#ffffff0a;border-radius:14px;align-items:center;gap:16px;margin-top:20px;padding:16px;display:flex}.account__avatar{color:#dcb8ff;text-shadow:0 2px 8px #00000059;background:#5c318773;border:1px solid #dcb8ff59;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:1.35rem;font-weight:500;display:grid}.account__avatar--image{background-position:50%;background-size:cover;background-origin:border-box;background-clip:border-box}.account__info{min-width:0}.account__email{color:#fffffff2;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 10px #0006;margin:0 0 8px;font-size:1rem;font-weight:600;overflow:hidden}.account__meta{align-items:center;gap:10px;display:flex}.account__provider{color:#ffffffd9;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 2px #0006;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 10px;font-size:.72rem;font-weight:500;display:inline-flex}.account__provider i{color:#b9c3ff;font-size:.72rem}.account__since{color:#ffffff8c;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 2px #0006;font-size:.78rem}.account__section-head{justify-content:space-between;align-items:center;gap:12px;margin:26px 2px 12px;display:flex}.account__section-label{color:#ffffff80;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 2px #0006;font-size:.72rem;font-weight:700}.account__protected{color:#61de88;letter-spacing:.04em;text-shadow:0 1px 2px #0006;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.account__protected-dot{background:#61de88;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 8px #61de88cc}.account__danger-link{color:#ffffff73;font:inherit;text-underline-offset:3px;cursor:pointer;text-shadow:0 1px 2px #0006;background:0 0;border:none;align-self:flex-start;margin:20px 2px 2px;padding:0;font-size:.85rem;text-decoration:underline;transition:color .2s}.account__danger-link:hover{color:#ffffffbf}.account__danger-link:active{color:#ffffffd9}.account__status{color:#ffffffa6;letter-spacing:.04em;text-shadow:0 1px 2px #0006;justify-content:space-between;align-items:center;width:100%;font-size:.78rem;display:flex}.modal__footer.account__footer{background:#00000040;padding:12px 28px}.account__status-label{align-items:center;gap:8px;display:inline-flex}.account__status-label i{color:#61de88;font-size:.85rem}@media (width<=600px){.account__identity{padding:14px}}@keyframes bg-spin{to{transform:rotate(360deg)}}.bg-modal__title{align-items:baseline;gap:12px;display:inline-flex}.bg-modal__subtitle{color:#fff6;letter-spacing:.18em;text-transform:uppercase;font-size:.66rem;font-weight:600}.bg-shuffle{color:#ffffffe6;height:38px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.85rem;font-weight:600;transition:background .2s;display:inline-flex}.bg-shuffle:hover{background:#ffffff1f}.bg-shuffle i{color:#ffffffbf;font-size:.9rem}.bg-shuffle i.is-spinning{animation:.6s bg-spin}.bg-settings{background:#ffffff08;border-radius:14px;flex-direction:column;gap:14px;margin-top:8px;padding:18px;display:flex}.bg-setting{align-items:center;gap:16px;display:flex}.bg-setting__label{color:#ffffff73;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 2px #0006;flex:none;width:78px;font-size:.68rem;font-weight:700}.bg-setting__options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bg-setting__note{color:#ffffff6b;text-shadow:0 1px 2px #0006;align-items:center;gap:8px;margin-left:auto;font-size:.78rem;display:inline-flex}.bg-setting__note i{color:#ffd166;font-size:.72rem}.bg-pill{color:#ffffffc7;height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.85rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.bg-pill:hover:not(:disabled){background:#ffffff1a}.bg-pill:disabled{opacity:.4;cursor:default}.bg-pill.is-active{color:#fff;background:#6366f199;border-color:#8b9dffb3;font-weight:600;box-shadow:0 6px 16px #4c50c84d}.bg-pill__count{color:#ffffff80;font-size:.72rem}.bg-pill.is-active .bg-pill__count{color:#ffffffd1}.bg-section{margin-top:22px}.bg-section__head{justify-content:space-between;align-items:center;gap:12px;margin:0 2px 12px;display:flex}.bg-section__title{color:#ffffff8c;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 2px #0006;align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:inline-flex}.bg-section__title i{color:#ffffff73;font-size:.8rem}.bg-section__hint{color:#ffffff52;letter-spacing:.04em;text-shadow:0 1px 2px #0006;font-size:.72rem}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.bg-tile{aspect-ratio:1;background-color:#ffffff0d;background-position:50%;background-size:cover;border-radius:12px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.bg-tile.is-current{box-shadow:0 0 0 2px #8b9dff,0 0 18px #8b9dff80}.bg-tile__pin,.bg-tile__fav{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.68rem;transition:opacity .2s,background .2s;display:grid;position:absolute;top:6px}.bg-tile__pin:hover,.bg-tile__fav:hover{background:#000000b8}.bg-tile__pin{left:6px}.bg-tile__fav{right:6px}.bg-tile:hover .bg-tile__pin,.bg-tile:hover .bg-tile__fav{opacity:1}.bg-tile.is-pinned .bg-tile__pin{opacity:1;color:#ffd166}.bg-tile.is-pinned .bg-tile__pin i{transform:rotate(-30deg)}.bg-tile.is-favorite .bg-tile__fav{opacity:1;color:#ff4d6d}.bg-tile__current{color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#6366f1e0;border-radius:999px;padding:3px 10px;font-size:.62rem;font-weight:600;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.bg-add{aspect-ratio:1;color:#ffffff80;font:inherit;cursor:pointer;background:0 0;border:1px dashed #ffffff38;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:border-color .2s,color .2s,background .2s;display:flex}.bg-add i{font-size:.9rem}.bg-add span{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:600}.bg-add:hover{color:#fffc;background:#ffffff08;border-color:#fff6}.bg-add-form{gap:8px;margin-top:10px;display:flex}.bg-add-form__input{color:#fffffff2;height:42px;font:inherit;background:#00000059;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;padding:0 14px;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.bg-add-form__input::placeholder{color:#ffffff4d}.bg-add-form__input:focus{border-color:#8b9dffb3;box-shadow:0 0 0 2px #8b9dff40}.bg-add-form__submit{color:#fff;height:42px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;flex:none;padding:0 18px;font-weight:600;transition:filter .2s}.bg-add-form__submit:hover{filter:brightness(1.08)}.bg-divider{color:#ffffff59;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 2px #0006;align-items:center;gap:14px;margin:26px 0 22px;font-size:.66rem;font-weight:700;display:flex}.bg-divider:before,.bg-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.bg-empty{color:#ffffff80;text-align:center;text-shadow:0 1px 2px #0006;margin:0;padding:28px 0;font-size:.85rem}@media (width<=600px){.bg-setting{flex-wrap:wrap;gap:10px}.bg-setting__label{width:auto}.bg-setting__note{width:100%;margin-left:0}.bg-section__hint{display:none}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.delete-entry__title{align-items:center;gap:14px;display:inline-flex}.delete-entry__badge{color:#ff9a9a;filter:drop-shadow(0 2px 10px #00000059);background:#ff4d4d29;border:1px solid #ff6e6e47;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:.95rem;display:grid}.delete-entry{flex-direction:column;gap:16px;display:flex}.delete-entry__eyebrow{color:#ff9a9ae6;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 2px #00000073;margin:0;font-size:.66rem;font-weight:700}.delete-entry__intro{color:#fffc;text-shadow:0 1px 3px #0006;margin:-6px 0 0;font-size:.95rem;line-height:1.55}.delete-entry__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.delete-entry__item{color:#ffffffc7;text-shadow:0 1px 2px #0006;background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:12px 15px;font-size:.9rem;display:flex}.delete-entry__item i{color:#ff6b6bd9;text-align:center;flex:none;width:16px;font-size:.85rem}.delete-entry__record{background:#00000052;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.delete-entry__record-labels{flex-direction:column;gap:4px;display:flex}.delete-entry__record-label{color:#ffffff73;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 2px #00000073;font-size:.62rem;font-weight:700}.delete-entry__record-value{color:#fffffff2;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 3px #0006;font-size:.95rem;font-weight:600}.delete-entry__record-badge{color:#ff9a9a;background:#ff4d4d29;border:1px solid #ff6e6e47;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:.8rem;display:grid}.delete-entry__error{color:#ff6e6ef2;text-shadow:0 1px 2px #00000080;margin:0;font-size:.8rem;font-weight:600}.delete-entry__actions{gap:12px;margin-top:4px;display:flex}.delete-entry__btn{height:48px;font:inherit;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:.95rem;font-weight:600;transition:filter .2s,background .2s,transform .15s;display:inline-flex}.delete-entry__btn:active:not(:disabled){transform:scale(.99)}.delete-entry__btn:disabled{cursor:default;opacity:.7}.delete-entry__btn--cancel{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1f}.delete-entry__btn--cancel:hover:not(:disabled){background:#ffffff1a}.delete-entry__btn--danger{color:#fff;background:linear-gradient(135deg,#e5484d 0%,#ff6b6b 100%);box-shadow:0 10px 26px #e5484d4d}.delete-entry__btn--danger:hover:not(:disabled){filter:brightness(1.06)}.delete-entry__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite delete-entry-spin;display:inline-block}@keyframes delete-entry-spin{to{transform:rotate(360deg)}}.entry-history{flex-direction:column;gap:10px;display:flex}.entry-history__meta{color:#ffffffb8;text-shadow:0 1px 3px #00000073;background:#0000004d;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}.entry-history__meta i{color:#ffffff80;font-size:.9rem}.entry-history__consistency{background:#0000004d;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.entry-history__labels{flex-direction:column;gap:5px;display:flex}.entry-history__label{color:#ffffff73;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 2px #00000073;font-size:.64rem;font-weight:700}.entry-history__value{color:#5ad782f2;text-shadow:0 1px 3px #0006;font-size:.95rem;font-weight:600}.entry-history__bars{flex:none;align-items:flex-end;gap:3px;height:34px;display:flex}.entry-history__bar{background:linear-gradient(#5ad782f2,#5ad78280);border-radius:2px;width:4px;min-height:4px}.modal__footer.entry-modal__footer{border-top:none}.modal__footer.entry-modal__footer--editing{flex-direction:column;align-items:stretch;gap:16px}.entry-modal__actions{justify-content:flex-end;gap:12px;display:flex}.entry-modal__heading{flex-direction:column;gap:3px;display:flex}.entry-modal__eyebrow{color:#ffffff73;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 2px #0006;font-size:.62rem;font-weight:700}.entry-delete{background:#ff4d4d1a;border:1px solid #ff6e6e2e;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.entry-delete__info{align-items:center;gap:12px;min-width:0;display:flex}.entry-delete__icon{color:#ff9a9a;background:#ff4d4d29;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:.85rem;display:grid}.entry-delete__text{min-width:0}.entry-delete__title{color:#ffffffe6;text-shadow:0 1px 3px #0006;margin:0;font-size:.9rem;font-weight:600}.entry-delete__hint{color:#ffffff80;text-shadow:0 1px 3px #0006;margin:2px 0 0;font-size:.78rem}.entry-delete__btn{color:#ff9a9a;height:38px;font:inherit;cursor:pointer;background:#ff4d4d24;border:1px solid #ff6e6e59;border-radius:10px;flex:none;padding:0 18px;font-size:.85rem;font-weight:600;transition:background .2s,color .2s,transform .15s}.entry-delete__btn:hover{color:#ffc0c0;background:#ff4d4d3d}.entry-delete__btn:active{transform:scale(.97)}.entry-modal__back{color:#ffffffd9;cursor:pointer;background:0 0;border:none;place-items:center;width:32px;height:32px;margin-right:4px;font-size:1.05rem;transition:color .2s,transform .15s;display:grid}.entry-modal__back:hover{color:#fff}.entry-modal__back:active{transform:scale(.94)}.entry-modal__cancel{color:#ffffffd9;height:44px;font:inherit;text-shadow:0 1px 2px #0006;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;padding:0 26px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s,transform .15s}.entry-modal__cancel:hover{color:#fff;background:#ffffff1f}.entry-modal__cancel:active{transform:scale(.97)}.entry-modal__save{color:#fff;height:44px;font:inherit;text-shadow:0 1px 2px #00000059;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:0 30px;font-size:.9rem;font-weight:600;transition:filter .2s,transform .15s;box-shadow:0 10px 24px #4c50c859}.entry-modal__save:hover{filter:brightness(1.08)}.entry-modal__save:active{transform:scale(.97)}.entry-modal__save:disabled{opacity:.6;cursor:default}.entry-modal__save:disabled:hover{filter:none}.entry-modal__save:disabled:active{transform:none}.entry-types{grid-template-columns:1fr 1fr;gap:14px;padding-top:6px;display:grid}.entry-type{min-height:208px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.entry-type:hover{background:#ffffff0f;border-color:#ffffff38;transform:translateY(-3px);box-shadow:0 18px 34px #0000004d}.entry-type:focus-visible{border-color:#8b9dffb3;outline:none;box-shadow:0 0 0 3px #8b9dff40}.entry-type:active{transform:translateY(-1px)scale(.99)}.entry-type__icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:1.05rem;display:grid}.entry-type__icon--days-since{color:#dcb8ff;background:#5c31878c;border:1px solid #dcb8ff38}.entry-type__icon--habit{color:#7ffba2;background:#1ba65780;border:1px solid #7ffba238}.entry-type__name{color:#fffffff2;text-shadow:0 2px 10px #0006;font-size:1.05rem;font-weight:600}.entry-type__desc{color:#fff9;text-shadow:0 1px 4px #0006;font-size:.85rem;line-height:1.5}.entry-type__meta{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.entry-type__tag{color:#fff6;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 2px #0006;font-size:.64rem;font-weight:700}.entry-type__pill{color:#ede6ff;white-space:nowrap;text-shadow:0 1px 2px #00000059;background:#6366f18c;border-radius:999px;align-items:center;gap:7px;height:24px;padding:0 11px;font-size:.78rem;font-weight:600;display:inline-flex}.entry-type__dot{background:#c4b5fd;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #c4b5fdcc}.entry-type__checks{gap:5px;display:inline-flex}.entry-type__check{color:#04331a;background:#1ba657;border-radius:6px;place-items:center;width:19px;height:19px;font-size:.58rem;display:grid}.entry-form{flex-direction:column;gap:28px;padding-top:8px;display:flex}.entry-form__row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.entry-form__row--single{grid-template-columns:1fr}.entry-field{flex-direction:column;gap:9px;display:flex}.entry-field__label{color:#ffffff80;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 2px #0006;font-size:.68rem;font-weight:700}.entry-field__control{align-items:center;display:flex;position:relative}.entry-field__input{color:#fffffff2;width:100%;height:46px;font:inherit;background:#00000059;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:0 14px;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.entry-field__input::placeholder{color:#fff6}.entry-field__input:focus{border-color:#8b9dffb3;box-shadow:0 0 0 2px #8b9dff40}.entry-field__control .entry-field__input{padding-right:42px}.entry-field__hint{color:#ffffff59;pointer-events:none;font-size:.85rem;position:absolute;right:14px}.entry-field__error{color:#ff7878f2;text-shadow:0 1px 2px #00000073;font-size:.78rem}.entry-colors{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.entry-color{cursor:pointer;border:none;border-radius:50%;flex:none;width:28px;height:28px;padding:0;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 6px #00000059}.entry-color:hover{transform:scale(1.15)}.entry-color.is-active{transform:scale(1.08);box-shadow:0 0 0 2px #ffffffe6,0 0 0 6px #ffffff1f,0 2px 6px #00000059}.entry-schedule{flex-direction:column;gap:18px;display:flex}.entry-schedule__head{font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff14;align-items:center;gap:12px;padding:24px 0 0;display:flex}.entry-schedule__label{color:#ffffff73;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 2px #0006;font-size:.68rem;font-weight:700}.entry-schedule__value{color:#fffc;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 2px #0006;font-size:.7rem;font-weight:700}.entry-schedule__chevron{color:#ffffff73;margin-left:auto;font-size:.8rem;transition:transform .25s}.entry-schedule__head.is-open .entry-schedule__chevron{transform:rotate(180deg)}.entry-schedule__panel{flex-direction:column;gap:20px;animation:.3s entry-schedule-in;display:flex}@keyframes entry-schedule-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.entry-schedule__segments{background:#0000004d;border-radius:12px;gap:4px;padding:4px;display:flex}.entry-schedule__segment{color:#ffffffb3;height:40px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;font-size:.86rem;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.entry-schedule__segment:hover:not(.is-active){color:#fff;background:#ffffff0d}.entry-schedule__segment.is-active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-weight:600;box-shadow:0 6px 16px #4c50c84d}.entry-schedule__days{justify-content:space-between;gap:8px;display:flex}.entry-day{color:#ffffff8c;width:46px;height:46px;font:inherit;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;place-items:center;font-size:.78rem;font-weight:500;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:grid}.entry-day.is-active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 6px 16px #4c50c859}.entry-day.is-locked{cursor:default}.entry-day:not(.is-locked):hover{transform:translateY(-1px)}.entry-day:not(.is-locked):active{transform:scale(.95)}.entry-schedule__hint{color:#ffffff80;text-shadow:0 1px 2px #0006;align-items:center;gap:8px;margin:0;font-size:.8rem;display:flex}.entry-schedule__hint i{color:#fff6;font-size:.82rem}@media (width<=600px){.entry-types{grid-template-columns:1fr}.entry-type{min-height:0}.entry-form__row{grid-template-columns:1fr}.entry-colors{justify-content:flex-start}.entry-schedule__days{gap:4px}.entry-day{width:40px;height:40px;font-size:.7rem}}.icon-button{color:#ffffffe6;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s,color .2s,transform .15s;display:grid;position:relative}.icon-button:not(.icon-button--image):hover{color:#fff;background:#ffffff40;transform:scale(1.1)}.icon-button:active{transform:scale(.95)}.icon-button--active{color:#fff;background:#ffffff4d;border-color:#ffffff73}.icon-button--image{background-position:50%;background-size:cover;background-origin:border-box;background-clip:border-box}.icon-button--image:active{transform:none}.icon-button__content{place-items:center;font-size:1rem;font-weight:600;line-height:1;display:grid}.icon-button__tooltip{-webkit-backdrop-filter:blur(8px);color:#fffffff2;white-space:nowrap;pointer-events:none;opacity:0;background:#0000008c;border-radius:8px;padding:6px 10px;font-size:.75rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)translate(4px)}.icon-button:hover .icon-button__tooltip,.icon-button:focus-visible .icon-button__tooltip{opacity:1;transform:translateY(-50%)translate(0)}.sidebar{z-index:1000;width:var(--rail-width);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border-left:1px solid #ffffff1f;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 0;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar__group{flex-direction:column;align-items:center;gap:12px;display:flex}.top-bar{top:0;left:0;right:var(--rail-width);z-index:1000;height:var(--top-bar-height);-webkit-backdrop-filter:blur(20px);background:#0b111ef0;border-bottom:1px solid #ffffff24;justify-content:center;align-items:center;display:flex;position:fixed}.top-bar__logo{width:calc(var(--top-bar-height) * .5);height:calc(var(--top-bar-height) * .5)}.app-main{z-index:1;min-height:100%;padding-top:var(--top-bar-height);padding-right:var(--rail-width);position:relative}.app-main--focus{padding-top:0}.loading-screen{z-index:1500;place-items:center;animation:.3s both loading-screen-in;display:grid;position:fixed;inset:0}.loading-screen__mark{filter:drop-shadow(0 4px 16px #00000059);animation:1.4s linear infinite loading-screen-spin}@keyframes loading-screen-in{0%{opacity:0}to{opacity:1}}@keyframes loading-screen-spin{to{transform:rotate(360deg)}}@keyframes grid-view-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.grid-view{--grid-day-size:56px;--grid-name-width:200px;--grid-line:#ffffff12;height:calc(100vh - var(--top-bar-height));animation:.5s both grid-view-in;position:relative}.grid-view--message{place-items:center;display:grid}.grid-view__scroll{overscroll-behavior:contain;scrollbar-color:#ffffff38 transparent;scrollbar-width:thin;height:100%;overflow:auto}.grid-view__scroll::-webkit-scrollbar{width:10px;height:10px}.grid-view__scroll::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:3px solid #0000;border-radius:999px}.grid-view__scroll::-webkit-scrollbar-track{background:0 0}.grid-table{border-collapse:separate;border-spacing:0;table-layout:fixed}.grid-table thead th{z-index:3;height:var(--grid-day-size);text-align:center;vertical-align:middle;background:0 0;border-bottom:1px solid #ffffff24;padding:0;position:sticky;top:0}.grid-table .grid-corner{z-index:5;width:var(--grid-name-width);min-width:var(--grid-name-width);max-width:var(--grid-name-width);border-right:1px solid var(--grid-line);color:#ffffff80;letter-spacing:.18em;text-align:left;text-transform:uppercase;text-shadow:0 1px 2px #00000073;background:#0b111ef5;border-bottom:1px solid #ffffff24;padding:0 18px;font-size:.68rem;font-weight:700;position:sticky;top:0;left:0}.grid-table .grid-day-header{width:var(--grid-day-size);min-width:var(--grid-day-size);max-width:var(--grid-day-size)}.grid-day-header__weekday{color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 2px #00000073;font-size:.6rem;font-weight:600;display:block}.grid-day-header__date{color:#ffffffd9;text-shadow:0 1px 4px #00000073;margin-top:2px;font-size:.85rem;font-weight:600;display:block}.grid-day-header.is-today{box-shadow:inset 0 -2px #ffffffb3}.grid-day-header.is-today .grid-day-header__weekday{color:#ffffffd9}.grid-day-header.is-today .grid-day-header__date{color:#fff}.grid-table .grid-name-cell{z-index:2;width:var(--grid-name-width);min-width:var(--grid-name-width);max-width:var(--grid-name-width);border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);-webkit-backdrop-filter:blur(14px);text-align:left;vertical-align:middle;background:#0f172ad1;padding:0 18px;transition:background .2s;position:sticky;left:0}.grid-name-cell__inner{align-items:center;gap:10px;min-width:0;display:flex}button.grid-name-cell__inner{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}button.grid-name-cell__inner:hover .grid-name-cell__title{color:#fff}.grid-name-cell__dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px #ffffff29}.grid-name-cell__title{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #00000073;font-size:.85rem;font-weight:500;overflow:hidden}.grid-table .grid-day-cell{width:var(--grid-day-size);min-width:var(--grid-day-size);max-width:var(--grid-day-size);height:var(--grid-day-size);border-bottom:1px solid var(--grid-line);vertical-align:middle;padding:3px;transition:background .2s}.grid-day-cell.is-today{background:linear-gradient(#ffffff0f,#ffffff04)}.grid-cell__square,.grid-cell__ghost{background:0 0;border:1px solid #ffffff1f;border-radius:9px;place-items:center;width:100%;height:100%;display:grid}.grid-cell__square{color:#fff;font:inherit;cursor:pointer;padding:0;font-size:.72rem;transition:background .18s,border-color .18s,box-shadow .18s,transform .12s}.grid-cell__square:hover{background:#ffffff1f;transform:translateY(-1px)}.grid-cell__square:active{transform:scale(.94)}.grid-cell__square:focus-visible{outline:none;box-shadow:0 0 0 2px #8b9dffb3}.grid-cell__square i{text-shadow:0 1px 3px #00000073}.grid-cell__ghost{background:0 0;border-style:dashed;border-color:#ffffff14}.grid-day-cell--skipped{opacity:.5}.grid-cell__square.is-streak{z-index:1;position:relative;box-shadow:0 0 14px #ffffff38}.grid-cell__square.is-bond-left{border-left-color:#0000;border-top-left-radius:0;border-bottom-left-radius:0}.grid-cell__square.is-bond-right{border-right-color:#0000;border-top-right-radius:0;border-bottom-right-radius:0}.grid-day-cell:has(.is-bond-left){padding-left:0}.grid-day-cell:has(.is-bond-right){padding-right:0}.grid-lane-cell{border-bottom:1px solid var(--grid-line);vertical-align:middle;padding:3px}.grid-lane{width:100%;height:calc(var(--grid-day-size) - 6px);border-radius:9px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.grid-lane__hit{cursor:pointer;background:0 0;border:none;transition:background .15s;position:absolute;top:0;bottom:0}.grid-lane__hit:hover{background:#ffffff29}.grid-lane__label{color:#ffffffe0;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #0000008c;font-size:.72rem;font-weight:600;position:absolute;top:50%;transform:translate(-50%,-50%)}.grid-lane__break{color:#fff;pointer-events:none;background:#f43f5eeb;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.58rem;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000073}.grid-lane__today{pointer-events:none;background:#ffffff73;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.grid-message{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:0 24px;display:flex}.grid-message i{color:#fff6;font-size:1.6rem}.grid-message__title{color:#ffffffd9;text-shadow:0 2px 10px #0006;margin:0;font-size:1.05rem;font-weight:600}.grid-message__hint{color:#ffffff8c;text-shadow:0 1px 4px #0006;margin:0;font-size:.88rem}.focus-habit__hero{color:#ffffff4d;cursor:pointer;background:#ffffff0f;border:2px solid #fff3;border-radius:50%;place-items:center;width:104px;height:104px;margin:26px auto 0;font-size:36px;transition:background .25s,border-color .25s,color .25s;display:grid}.focus-habit__hero:focus-visible,.focus-habit__action:focus-visible{outline-offset:4px;outline:2px solid #fffc}.focus-habit__hero:disabled,.focus-habit__action:disabled{cursor:default}.focus-habit__hero[aria-busy=true],.focus-habit__action[aria-busy=true]{opacity:.5}.focus-habit__hero:hover:not(:disabled){color:#ffffffa6;background:#ffffff1f;border-color:#fff6}.focus-habit__status{margin:22px 0 0;font-size:20px;line-height:1.4}.focus-habit__streaks{color:#ffffff73;margin:8px 0 0;font-size:13px;line-height:1.5}.focus-habit__streaks strong{color:#ffffffd9;font-weight:500}.focus-habit__action{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#667eea40;border:1px solid #667eea99;border-radius:24px;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:10px 26px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.focus-habit__action:hover:not(:disabled){background:#667eea59}.focus-habit__recent{background:#0003;border:1px solid #ffffff0d;border-radius:16px;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:388px;margin:26px auto 0;padding:12px 16px;list-style:none;display:grid}.focus-habit__day{background:#ffffff0a;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;display:flex}.focus-habit__day:focus-visible{outline-offset:3px;outline:2px solid #fffc}.focus-habit__day.is-completed{background:#22c55e4d;border-color:#4ade808c}.focus-habit__day.is-completed .focus-habit__marker{color:#86efac}.focus-habit__day.is-incomplete{border-style:dashed}.focus-habit__day.is-not-scheduled,.focus-habit__day.is-before-start{opacity:.45;border-color:#0000}.focus-habit__day.is-today .focus-habit__weekday{color:#93c5fd}.focus-habit__weekday{text-transform:uppercase;color:#ffffff80;font-size:9px}.focus-habit__date{font-variant-numeric:tabular-nums;font-size:12px}.focus-habit__marker{color:#fff6;font-size:10px}.focus-habit.is-completed .focus-habit__hero{color:#fff;background:linear-gradient(135deg,#10b981,#22c55e);border-color:#6ee7b7;box-shadow:0 0 30px #22c55e33}.focus-habit.is-completed .focus-habit__status{color:#4ade80}.focus-habit.is-completed .focus-habit__streaks strong{color:#86efac}.focus-habit.is-completed .focus-habit__action{color:#ffffffd9;background:#ffffff14;border-color:#ffffff38}.focus-habit.is-completed .focus-habit__action:hover:not(:disabled){background:#ffffff24}@media (width<=600px){.focus-habit__recent{gap:3px;margin-inline:-8px;padding:10px 6px}.focus-habit__weekday{font-size:8px}.focus-habit__action{min-height:44px}}@media (prefers-reduced-motion:reduce){.focus-habit__hero,.focus-habit__action{transition:none}}.focus-view{color:#ffffffe6;text-shadow:0 2px 10px #0000004d;justify-content:center;align-items:center;min-height:100dvh;padding:32px;display:flex}.focus-card{background:radial-gradient(ellipse at 50% 35%, var(--focus-entry-tint,transparent), transparent 70%), #141a2873;-webkit-backdrop-filter:blur(28px);border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;width:640px;max-width:100%;min-height:566px;padding:36px 44px;display:flex;box-shadow:0 20px 60px #0000004d}.focus-card__header,.focus-card__navigation,.focus-card__footer,.focus-card__status,.focus-card__shortcuts{align-items:center;display:flex}.focus-card__header,.focus-card__footer{justify-content:space-between;gap:16px}.focus-card__navigation{gap:12px}.focus-card__nav-button,.focus-card__edit{color:#ffffffb3;cursor:pointer;place-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s;display:grid}.focus-card__nav-button:focus-visible,.focus-card__edit:focus-visible{outline-offset:4px;outline:2px solid #fffc}.focus-card__nav-button{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;font-size:12px}.focus-card__nav-button:hover:not(:disabled){background:#ffffff24}.focus-card__nav-button:disabled{opacity:.3;cursor:default}.focus-card__position{color:#ffffffa6;font-variant-numeric:tabular-nums;gap:12px;font-size:13px;display:flex}.focus-card__edit{color:#fff6;background:0 0;border:0;font-size:14px}.focus-card__edit:hover{color:#ffffffe6}.focus-card__body{text-align:center;flex:1;padding:44px 0}.focus-card__title{overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:600;line-height:1.4}.focus-card__empty p{color:#ffffff80;font-size:14px;line-height:1.6}.focus-card__footer{color:#ffffff73;border-top:1px solid #ffffff0f;padding-top:20px;font-size:12px}.focus-card__status{gap:7px}.focus-card__status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #10b9818c}.focus-card__status-dot.is-loading{box-shadow:none;background:#fff6}.focus-card__shortcuts{flex-wrap:wrap;gap:8px;font-family:ui-monospace,monospace}.focus-card__shortcuts kbd{color:#ffffffb3;min-width:21px;height:22px;font:inherit;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;place-items:center;padding:0 6px;display:grid}.focus-days-since__number{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 4px 30px #0006;margin-top:24px;font-size:160px;font-weight:700;line-height:1.05}.focus-days-since__number--large-count{overflow-wrap:anywhere;font-size:clamp(64px,12vw,112px)}.focus-days-since__label{color:#ffffffa6;margin:12px 0 0;font-size:18px;font-weight:300;line-height:1.4}.focus-days-since__date{color:#ffffff73;margin:8px 0 0;font-size:13px;line-height:1.5}.focus-days-since__action{color:#fca5a5;max-width:100%;min-height:42px;font:inherit;cursor:pointer;background:#ef444429;border:1px solid #ef444466;border-radius:24px;justify-content:center;align-items:center;gap:10px;margin-top:32px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.focus-days-since__action:hover:not(:disabled){background:#ef44443d;border-color:#ef444499}.focus-days-since__action:focus-visible{outline-offset:4px;outline:2px solid #fffc}.focus-days-since__action:disabled{opacity:.5;cursor:default}.focus-days-since__action--undo{color:#a5b4fc;background:#667eea33;border-color:#667eea80}.focus-days-since__action--undo:hover:not(:disabled){background:#667eea4d;border-color:#667eeab3}.focus-days-since.is-broken .focus-days-since__number{color:#fca5a5;text-shadow:0 0 32px #ef44441f}.focus-days-since.is-broken .focus-days-since__label{color:#f87171;font-weight:400}@media (width<=600px){.focus-view{padding:20px 12px}.focus-card{border-radius:22px;min-height:min(566px,100dvh - 40px);padding:24px 20px}.focus-card__nav-button,.focus-card__edit{width:40px;height:40px}.focus-card__navigation,.focus-card__position{gap:8px}.focus-card__title{font-size:22px}.focus-card__footer{flex-wrap:wrap}.focus-days-since__number{font-size:clamp(64px,22vw,112px)}.focus-days-since__number--large-count{font-size:clamp(44px,14vw,72px)}.focus-days-since__action{min-height:44px;padding-inline:18px}}@media (prefers-reduced-motion:reduce){.focus-days-since__action{transition:none}}.focus-layer{inset:0 var(--rail-width) 0 0;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .36s ease-in,visibility 0s linear .36s;position:fixed;overflow-y:auto}.focus-layer--active{opacity:1;visibility:visible;pointer-events:auto;transition:none}@media (prefers-reduced-motion:reduce){.focus-layer{transition:none}}.auth{text-align:center;flex-direction:column;gap:28px;padding:44px;display:flex}.auth__logo{justify-content:center;display:flex}.auth__google{color:#1f2937;height:48px;font:inherit;cursor:pointer;background:#fffffff2;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-weight:600;transition:background .2s,transform .15s;display:flex}.auth__google:hover:not(:disabled){background:#fff}.auth__google:active:not(:disabled){transform:scale(.99)}.auth__google:disabled{opacity:.6;cursor:default}.auth__divider{color:#fff9;letter-spacing:.08em;text-shadow:0 1px 2px #00000080;align-items:center;gap:14px;font-size:.7rem;font-weight:600;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:#ffffff2e;flex:1;height:1px}.auth__error{color:#ff6e6ef2;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #00000080;margin:0;font-size:.72rem;font-weight:600}.auth__form{flex-direction:column;gap:16px;display:flex}.auth__input{color:#111827;width:100%;height:48px;font:inherit;background:#fffffff2;border:none;border-radius:12px;outline:none;padding:0 16px;font-size:.95rem;transition:box-shadow .2s}.auth__input::placeholder{color:#9ca3af}.auth__input:focus{box-shadow:0 0 0 2px #8b9dffd9}.auth__input--joined{border-radius:12px 0 0 12px}.auth__primary{color:#fff;height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:filter .2s,transform .15s;display:flex;box-shadow:0 8px 20px #764ba259}.auth__primary:hover:not(:disabled){filter:brightness(1.08)}.auth__primary:active:not(:disabled){transform:scale(.99)}.auth__primary:disabled{opacity:.7;cursor:default}.auth__password-row{display:flex}.auth__submit{color:#fff;min-width:132px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:0 12px 12px 0;flex:none;font-weight:600;transition:filter .2s}.auth__submit:hover:not(:disabled){filter:brightness(1.08)}.auth__submit:disabled{cursor:default}.auth__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite auth-spin;display:inline-block}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth__toggle{color:#fffc;text-shadow:0 1px 2px #00000080;margin:0;font-size:.95rem}.auth__toggle-action{color:#fffffff2;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.auth__toggle-action:hover{text-decoration:underline}@media (width<=600px){.auth{gap:22px;padding:32px 24px}}.ui-kit{color:#ffffffe6;max-width:720px;margin:0 auto;padding:56px 24px}.ui-kit__title{text-shadow:0 1px 2px #00000080,0 2px 12px #00000059;margin:0 0 8px;font-size:2rem;font-weight:600}.ui-kit__subtitle{color:#fff9;text-shadow:0 1px 2px #00000080;margin:0 0 32px}.ui-kit__lead{color:#fffffff2}.ui-button{color:#fffffff2;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;padding:11px 20px;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s}.ui-button:hover{background:#ffffff29}.ui-button:active{transform:scale(.97)}.ui-button--primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 8px 20px #764ba259}.ui-button--primary:hover{background:linear-gradient(135deg,#7184ee 0%,#8255ae 100%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.toast{z-index:3000;-webkit-backdrop-filter:blur(14px)saturate(140%);color:#ffffffeb;text-shadow:0 1px 2px #0006;background:#0f172abd;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 48px);padding:12px 20px;font-size:.9rem;animation:.4s cubic-bezier(.16,1,.3,1) both toast-in;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0006}.toast i{color:#8b9dff;font-size:.95rem}