:root{--c-bg: #fff7ec;--c-bg-deep: #ffeed8;--c-surface: #ffffff;--c-surface-2: #fdf3e6;--c-ink: #22243b;--c-ink-soft: #5b5e7e;--c-line: #e8dccb;--c-primary: #3d8bff;--c-primary-deep: #2a6ed6;--c-primary-ink: #ffffff;--c-accent: #ff7bac;--c-accent-deep: #d9578a;--c-mint: #39d9a8;--c-gold: #ffc53d;--c-danger: #e5484d;--c-danger-deep: #b93338;--c-success: #2fa36b;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--edge: 0 4px 0 rgba(34, 36, 59, .14);--edge-sm: 0 3px 0 rgba(34, 36, 59, .12);--shadow-float: 0 12px 32px rgba(34, 36, 59, .18);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--font-ui: "Nunito", "Quicksand", "Segoe UI Rounded", "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-base: 16px;--fs-sm: .875rem;--fs-lg: 1.125rem;--fs-title: 1.5rem;--fs-display: 2rem;--lh-base: 1.45;--fw-normal: 600;--fw-bold: 800;--tap: 48px;--page-max: 560px;--nav-h: 64px;--motion-fast: .12s;--motion-base: .22s}:root[data-band=mini]{--fs-base: 19px;--fs-title: 1.7rem;--fs-display: 2.3rem;--tap: 60px;--r-md: 22px;--r-lg: 30px;--r-xl: 40px;--nav-h: 76px;--fw-normal: 700}:root[data-band=pro]{--c-bg: #12131c;--c-bg-deep: #0d0e15;--c-surface: #1c1e2b;--c-surface-2: #242637;--c-ink: #edeef5;--c-ink-soft: #a2a6bd;--c-line: #2f3245;--c-primary: #6aa8ff;--c-primary-deep: #4d86d8;--c-primary-ink: #0d0e15;--c-accent: #c08bff;--c-accent-deep: #9b6adb;--c-gold: #ffd166;--fs-base: 15px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--tap: 44px;--fw-normal: 600;--fw-bold: 700;--edge: 0 3px 0 rgba(0, 0, 0, .45);--edge-sm: 0 2px 0 rgba(0, 0, 0, .4);--shadow-float: 0 12px 32px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{font-size:var(--fs-base);background:var(--c-bg-deep);color-scheme:light}:root[data-band=pro]{color-scheme:dark}body{margin:0;font-family:var(--font-ui);font-weight:var(--fw-normal);line-height:var(--lh-base);color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:-.01em}h2{font-size:var(--fs-lg);font-weight:var(--fw-bold)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--c-primary-deep)}:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px;border-radius:var(--r-sm)}.app{min-height:100%;display:flex;flex-direction:column;background:var(--c-bg);padding-top:env(safe-area-inset-top)}.app__main{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-4) var(--sp-4) calc(var(--nav-h) + var(--sp-6))}.app__nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:center;gap:var(--sp-1);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:var(--sp-1) var(--sp-2) calc(var(--sp-1) + env(safe-area-inset-bottom));background:var(--c-surface);border-top:2px solid var(--c-line)}.navlink{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap);border-radius:var(--r-md);text-decoration:none;color:var(--c-ink-soft);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.navlink .navlink__icon{width:26px;height:26px}:root[data-band=mini] .navlink .navlink__icon{width:32px;height:32px}.navlink[aria-current=page]{color:var(--c-primary-deep);background:var(--c-surface-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app__boot{min-height:100%;display:grid;place-items:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.icon{flex:none;object-fit:contain}.icon--sm{width:22px;height:22px}.icon--md{width:28px;height:28px}.icon--lg{width:40px;height:40px}.mascot{display:block;flex:none;width:auto;object-fit:contain}.mascot--sm{height:92px}.mascot--md{height:132px}.mascot--lg{height:176px}.iconbtn{flex:none;display:block;width:var(--tap);height:var(--tap);padding:0;border:0;background:none;cursor:pointer;transition:transform var(--motion-fast) ease}.iconbtn:active{transform:translateY(3px)}.iconbtn img{display:block;width:100%;height:100%;object-fit:contain}.meter{position:relative;height:24px}.meter__track,.meter__fill{position:absolute;inset:0;border-style:solid;border-width:12px 11px;border-image-slice:24 22 fill;border-image-repeat:stretch}.meter__fill{transition:clip-path var(--motion-base) ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border:0;border-radius:var(--r-pill);font-weight:var(--fw-bold);font-size:1rem;cursor:pointer;box-shadow:var(--edge);transition:transform var(--motion-fast) ease,filter var(--motion-fast) ease;text-decoration:none}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--primary{background:var(--c-primary);color:var(--c-primary-ink)}.btn--accent{background:var(--c-accent);color:#fff}.btn--ghost{background:var(--c-surface);color:var(--c-ink);box-shadow:var(--edge-sm);border:2px solid var(--c-line)}.btn--danger{background:var(--c-danger);color:#fff}.btn--lg{min-height:calc(var(--tap) + 12px);font-size:var(--fs-lg);padding:0 var(--sp-6)}.btn--block{display:flex;width:100%}.card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--edge);border:2px solid var(--c-line)}.card--flat{box-shadow:none}.card--tap{cursor:pointer;width:100%;text-align:left;transition:transform var(--motion-fast) ease}.card--tap:active{transform:translateY(3px);box-shadow:none}.card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--sp-1)}.spinner{display:inline-block;border-radius:50%;border:4px solid var(--c-line);border-top-color:var(--c-primary);animation:spin .9s linear infinite}.spinner--sm{width:20px;height:20px;border-width:3px}.spinner--md{width:34px;height:34px}.spinner--lg{width:52px;height:52px;border-width:5px}@keyframes spin{to{transform:rotate(360deg)}}.status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center;padding:var(--sp-6) var(--sp-4);min-height:180px}.status__art{display:block;width:auto;height:96px;object-fit:contain}.status__title{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.status__text{color:var(--c-ink-soft);max-width:34ch}.modal__backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));background:#0f101c8c;animation:fade var(--motion-base) ease}@media (min-height: 620px){.modal__backdrop{align-items:center}}.modal{width:100%;max-width:var(--page-max);max-height:85vh;overflow-y:auto;background:var(--c-surface);border-radius:var(--r-xl);padding:var(--sp-5);box-shadow:var(--shadow-float);animation:rise var(--motion-base) cubic-bezier(.2,.9,.3,1.2)}.modal__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.modal__title{flex:1;font-size:var(--fs-title);font-weight:var(--fw-bold)}.modal__actions{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-5)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.page__head{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.page__headtext{flex:1;min-width:0}.page__subtitle{color:var(--c-ink-soft);font-size:var(--fs-sm);margin-top:2px}.page__body{display:flex;flex-direction:column;gap:var(--sp-4)}.page__back{width:calc(var(--tap) - 6px);height:calc(var(--tap) - 6px)}.balance-row{display:flex;gap:var(--sp-3)}.balance{flex:1;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-2);border:2px solid var(--c-line)}.balance__value{font-size:var(--fs-lg);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.balance__label{flex-basis:100%;color:var(--c-ink-soft);font-size:var(--fs-sm)}.syncbanner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-2);border:2px dashed var(--c-line)}.syncbanner__icon{font-size:1.25rem;line-height:1}.syncbanner__text{flex:1 1 14rem;min-width:0;color:var(--c-ink-soft);font-size:var(--fs-sm)}.syncbanner__action{margin-left:auto;min-height:var(--tap);padding:0 var(--sp-4);border:2px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-surface);font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:pointer}.streaksum{display:flex;flex-direction:column;gap:var(--sp-3)}.streaksum__count{display:flex;align-items:center;gap:var(--sp-3)}.streaksum__days{font-size:var(--fs-title);font-weight:var(--fw-bold)}.streaksum__best,.streaksum__nexttext,.streaksum__freezetext{color:var(--c-ink-soft);font-size:var(--fs-sm)}.streaksum__next{display:flex;flex-direction:column;gap:var(--sp-2)}.streaksum__freeze{display:flex;align-items:center;gap:var(--sp-2)}.streakcal{display:flex;flex-direction:column;gap:var(--sp-2)}.streakcal__head,.streakcal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.streakcal__weekday{text-align:center;font-size:.7rem;color:var(--c-ink-soft)}.streakcal__day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--r-sm);background:var(--c-surface-2);border:2px solid transparent}.streakcal__num{font-size:.65rem;color:var(--c-ink-soft);line-height:1}.streakcal__dots{display:flex;gap:3px}.streakcal__dots i{width:7px;height:7px;border-radius:50%;background:var(--c-line);display:block}.streakcal__dots i.is-on{background:var(--c-mint)}.streakcal__day.is-full{background:color-mix(in srgb,var(--c-mint) 22%,var(--c-surface))}.streakcal__day.is-half{background:color-mix(in srgb,var(--c-mint) 10%,var(--c-surface))}.streakcal__day.is-frozen{background:color-mix(in srgb,var(--c-primary) 16%,var(--c-surface))}.streakcal__day.is-future{opacity:.45}.streakcal__day.is-today{border-color:var(--c-primary)}.streakcal__legend{color:var(--c-ink-soft);font-size:var(--fs-sm)}.hub__mini{display:flex;flex-direction:column;gap:var(--sp-4)}.hub__ministreak{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-title);font-weight:var(--fw-bold)}.hub__cardtext{color:var(--c-ink-soft);font-size:var(--fs-sm)}.hub__note{color:var(--c-ink-soft);font-size:var(--fs-sm);text-align:center}.hub__entries{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.hub__sekermeter{margin-top:var(--sp-3)}.hub__cardtitle{display:flex;align-items:center;gap:var(--sp-2)}.page__head .hub__mascot{height:104px;margin:calc(var(--sp-2) * -1) 0}:root[data-band=mini] .page__head .hub__mascot{height:124px}:root[data-band=pro] .page__head .hub__mascot{height:76px}.slot{display:flex;align-items:center;gap:var(--sp-3)}.slot__icon{align-self:flex-start}.slot__text{flex:1;min-width:0}.slot__title{font-weight:var(--fw-bold);font-size:var(--fs-lg)}.slot__status{font-size:var(--fs-sm)}.slot__hours{color:var(--c-ink-soft);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.hublist{list-style:none;margin:0;padding:0}.hublist__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:2px solid var(--c-line)}.hublist__row:last-child{border-bottom:0}.hublist__label{flex:1 1 40%;min-width:0;overflow-wrap:anywhere}.hublist__value{flex:1 1 auto;min-width:0;color:var(--c-ink-soft);font-size:var(--fs-sm);text-align:right;overflow-wrap:anywhere}