.hb-segmented{border:1px solid #79747e;border-radius:999px;width:100%;display:flex;overflow:hidden}.hb-segmented__item{min-width:0;min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-left:1px solid #79747e;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:14px;font-weight:500;transition:background-color .12s;display:inline-flex}.hb-segmented__item:first-child{border-left:none}@media (hover:hover){.hb-segmented__item:hover:not(:disabled):not(.hb-segmented__item--selected){background:var(--hover)}}.hb-segmented__item:active:not(:disabled):not(.hb-segmented__item--selected){background:var(--hover)}.hb-segmented__item--selected{background:var(--mint);color:var(--brand-green-dark)}.hb-segmented__item:focus-visible{outline-offset:-3px}.hb-segmented__item:disabled{cursor:default;opacity:.45}.hb-segmented__check{flex:none;width:18px;height:18px;margin-left:-2px}.hb-switch{background:var(--surface-variant);appearance:none;cursor:pointer;border:2px solid #79747e;border-radius:999px;flex:none;width:52px;height:32px;margin:0;transition:background-color .15s,border-color .15s;position:relative}.hb-switch:before{content:"";background:#79747e;border-radius:50%;width:16px;height:16px;transition:left .15s,width .15s,height .15s,background-color .15s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.hb-switch:checked{border-color:var(--brand-green);background:var(--brand-green)}.hb-switch:checked:before{background:#fff;width:24px;height:24px;left:22px}.hb-switch:disabled{cursor:default;opacity:.4}.hb-switch-row{cursor:pointer;align-items:center;gap:16px;min-height:48px;padding:4px 0;display:flex}.hb-switch-row--disabled{cursor:default}.hb-switch-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.hb-stepper{align-items:center;gap:4px;min-height:52px;display:flex}.hb-stepper__label{flex:1;min-width:0}.hb-stepper__value{text-align:center;font-variant-numeric:tabular-nums;width:40px}.hb-field{flex-direction:column;gap:6px;display:flex}.hb-field__label{color:var(--ink-muted);font-size:13px;font-weight:500}.hb-field__box{background:var(--surface);border:1px solid #79747e;border-radius:8px;align-items:center;min-height:52px;transition:border-color .12s,box-shadow .12s;display:flex}.hb-field__box:focus-within{border-color:var(--brand-green);box-shadow:inset 0 0 0 1px var(--brand-green)}.hb-field--error .hb-field__box{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.hb-field__input{background:0 0;border:none;border-radius:8px;outline:none;flex:1;min-width:0;height:50px;padding:0 14px;font-size:16px}.hb-field__input:focus-visible{outline:none}.hb-field__suffix{color:var(--ink-muted);padding-right:14px}.hb-field__help{color:var(--ink-muted);font-size:12px;line-height:16px}.hb-field--error .hb-field__help{color:var(--danger)}.hb-menu{z-index:200;background:var(--surface);min-width:168px;max-width:min(280px,100vw - 16px);box-shadow:var(--shadow-3);transform-origin:100% 0;border-radius:8px;flex-direction:column;padding:8px 0;animation:.12s ease-out hb-menu-in;display:flex;position:fixed}.hb-menu--up{transform-origin:100% 100%}.hb-menu__item{min-height:48px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0 16px;font-size:15px;display:flex}.hb-menu__item:focus-visible{background:var(--hover);outline:none}@media (hover:hover){.hb-menu__item:hover:not(:disabled){background:var(--hover);outline:none}}.hb-menu__item:active:not(:disabled){background:var(--hover);outline:none}.hb-menu__item:disabled{cursor:default;opacity:.4}.hb-menu__text{flex-direction:column;padding:6px 0;display:flex}.hb-menu__hint{color:var(--ink-muted);font-size:12px}.hb-menu__item--danger{color:var(--danger)}.hb-menu__icon{color:var(--ink-muted);display:inline-flex}.hb-menu__icon>svg{width:20px;height:20px}@keyframes hb-menu-in{0%{opacity:0;transform:scale(.94)}}.hb-toaster{right:0;bottom:calc(16px + var(--safe-bottom));z-index:300;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;left:0}.hb-toast{color:#f4eff4;max-width:560px;min-height:48px;box-shadow:var(--shadow-3);pointer-events:auto;background:#313033;border-radius:12px;align-items:center;gap:8px;padding:6px 8px 6px 16px;font-size:14px;line-height:20px;animation:.18s cubic-bezier(.2,.8,.2,1) hb-toast-in;display:flex}.hb-toast__message{flex:1;padding:8px 0}.hb-toast__action{color:#8fe3a1;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;min-height:36px;padding:0 12px;font-size:14px;font-weight:600}@media (hover:hover){.hb-toast__action:hover{background:#ffffff14}}.hb-toast__action:active{background:#ffffff14}@keyframes hb-toast-in{0%{opacity:0;transform:translateY(12px)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-green:#1ea845;--brand-green-dark:#15873a;--mint:#d4fad6;--mint-line:#2db84f;--magic:#e5397a;--ink:#1c1c1e;--ink-plan:#2b2f36;--ink-muted:#77777c;--canvas:#f6f6f7;--sheet-bg:#f7f3f8;--surface:#fff;--surface-variant:#f0f0f3;--divider:#e6e6ea;--outline:#d0d0d6;--card-border:#dcdde1;--wall:#59616e;--grid-minor:#dde3ea;--grid-major:#c3cdd8;--plan-bg:#f3f5f7;--danger:#d32f2f;--scrim:#1414185c;--hover:#1c1c1e0f;--pressed:#1c1c1e1a;--focus-ring:#1ea84580;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--shadow-1:0 1px 2px #14141e14, 0 1px 3px #14141e0f;--shadow-2:0 2px 6px #14141e1a, 0 6px 16px #14141e14;--shadow-3:0 8px 28px #14141e2e;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:var(--font-sans);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;line-height:1.375}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);min-width:320px;color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,h4,p{margin:0}a{color:var(--brand-green-dark)}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}img,svg,canvas{display:block}:focus{outline:none}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}::selection{background:var(--mint)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.hb-headline-md{letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:1.2}.hb-headline-sm{font-size:24px;font-weight:600;line-height:1.25}.hb-title-lg{font-size:21px;font-weight:600;line-height:1.3}.hb-title-md{font-size:17px;font-weight:500;line-height:1.35}.hb-body-lg{font-size:16px;line-height:22px}.hb-body-md{font-size:14px;line-height:20px}.hb-label-lg{font-size:15px;font-weight:600;line-height:20px}.hb-label-md{font-size:12px;font-weight:500;line-height:16px}.hb-muted{color:var(--ink-muted)}.hb-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hb-wraps{-webkit-line-clamp:3;text-wrap:balance;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hb-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.hb-btn{min-height:44px;color:var(--brand-green-dark);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;line-height:20px;text-decoration:none;transition:background-color .12s,border-color .12s,box-shadow .12s,transform 80ms;display:inline-flex}.hb-btn:active:not(:disabled){transform:scale(.98)}.hb-btn:disabled{cursor:default;opacity:.42}.hb-btn>svg{flex:none;width:20px;height:20px}.hb-btn--primary{background:var(--brand-green);color:#fff}@media (hover:hover){.hb-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-1);background:#1b9a3f}}.hb-btn--primary:active:not(:disabled){background:var(--brand-green-dark)}.hb-btn--outline{background:var(--surface);border-color:var(--outline);color:var(--brand-green-dark)}@media (hover:hover){.hb-btn--outline:hover:not(:disabled){background:#f3fbf4}}.hb-btn--outline:active:not(:disabled){background:#f3fbf4}.hb-btn--tonal{background:var(--mint);color:var(--brand-green-dark)}@media (hover:hover){.hb-btn--tonal:hover:not(:disabled){background:#c4f3c7}}.hb-btn--tonal:active:not(:disabled){background:#c4f3c7}.hb-btn--text{color:var(--brand-green-dark);padding:0 14px}@media (hover:hover){.hb-btn--text:hover:not(:disabled){background:#1ea84514}}.hb-btn--text:active:not(:disabled){background:#1ea84514}.hb-btn--magic{background:var(--magic);color:#fff}.hb-btn--danger{color:var(--danger)}.hb-btn--danger.hb-btn--primary{background:var(--danger);color:#fff}@media (hover:hover){.hb-btn--danger.hb-btn--text:hover:not(:disabled){background:#d32f2f14}}.hb-btn--danger.hb-btn--text:active:not(:disabled){background:#d32f2f14}.hb-btn--lg{min-height:56px;padding:0 28px;font-size:17px}.hb-btn--sm{min-height:36px;padding:0 14px;font-size:14px}.hb-btn--block{width:100%;display:flex}.hb-icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s,box-shadow .12s;display:inline-flex}@media (hover:hover){.hb-icon-btn:hover:not(:disabled){background:var(--hover)}}.hb-icon-btn:active:not(:disabled){background:var(--pressed)}.hb-icon-btn:disabled{cursor:default;opacity:.38}.hb-icon-btn>svg{width:24px;height:24px}.hb-icon-btn--sm{width:36px;height:36px;position:relative}.hb-icon-btn--sm:before{content:"";position:absolute;inset:-6px}.hb-icon-btn--sm>svg{width:20px;height:20px}.hb-icon-btn--lg{width:56px;height:56px}.hb-icon-btn--lg>svg{width:28px;height:28px}.hb-icon-btn--surface{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-2)}@media (hover:hover){.hb-icon-btn--surface:hover:not(:disabled){background:#f7f7f8}}.hb-icon-btn--surface:active:not(:disabled){background:#f7f7f8}.hb-icon-btn--tonal{background:var(--mint);color:var(--brand-green-dark)}@media (hover:hover){.hb-icon-btn--tonal:hover:not(:disabled){background:#c4f3c7}}.hb-icon-btn--tonal:active:not(:disabled){background:#c4f3c7}.hb-icon-btn--brand{color:var(--brand-green)}.hb-icon-btn--magic{background:var(--surface);color:var(--magic);box-shadow:var(--shadow-2)}@media (hover:hover){.hb-icon-btn--magic:hover:not(:disabled){background:#fff5f8}}.hb-icon-btn--magic:active:not(:disabled){background:#fff5f8}.hb-icon-btn--selected{background:var(--mint);color:var(--brand-green-dark)}.hb-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg)}.hb-card--flat{border-color:#0000}.hb-card--raised{box-shadow:var(--shadow-1);border-color:#0000}.hb-card--interactive{cursor:pointer;transition:box-shadow .12s,transform 80ms}@media (hover:hover){.hb-card--interactive:hover{box-shadow:var(--shadow-2)}}.hb-card--interactive:active{transform:scale(.99)}.hb-scrim{z-index:100;background:var(--scrim);justify-content:center;align-items:flex-end;animation:.16s ease-out hb-fade-in;display:flex;position:fixed;inset:0}.hb-scrim--center{align-items:center;padding:24px}.hb-sheet{width:100%;max-height:calc(100dvh - var(--safe-top) - 24px);padding-bottom:var(--safe-bottom);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--sheet-bg);box-shadow:var(--shadow-3);flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) hb-sheet-in;display:flex;position:relative}.hb-sheet:focus-visible,.hb-dialog:focus-visible{outline:none}.hb-sheet--white{background:var(--surface)}.hb-sheet__handle{opacity:.55;background:#79747e;border-radius:2px;flex:none;width:36px;height:4px;margin:12px auto 4px}.hb-sheet__header{flex:none;align-items:center;gap:8px;padding:12px 20px 8px 24px;display:flex}.hb-sheet__title{flex:1;min-width:0}.hb-sheet__body{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 20px 20px;overflow-y:auto}@media (width>=720px){.hb-scrim--adaptive{align-items:center;padding:24px}.hb-scrim--adaptive>.hb-sheet{border-radius:var(--radius-xl);width:min(560px,100%);max-height:min(85dvh,860px);padding-bottom:0;animation:.18s cubic-bezier(.2,.8,.2,1) hb-dialog-in}.hb-scrim--adaptive>.hb-sheet--wide{width:min(760px,100%)}.hb-scrim--adaptive>.hb-sheet>.hb-sheet__handle{display:none}.hb-scrim--adaptive>.hb-sheet>.hb-sheet__header{padding-top:20px}}.hb-dialog{border-radius:var(--radius-xl);background:var(--surface);width:min(400px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-3);flex-direction:column;animation:.18s cubic-bezier(.2,.8,.2,1) hb-dialog-in;display:flex}.hb-dialog__title{padding:24px 24px 0;font-size:22px;font-weight:600;line-height:1.3}.hb-dialog__body{color:#49454f;flex:1;min-height:0;padding:16px 24px 8px;font-size:14px;line-height:20px;overflow-y:auto}.hb-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px 16px 16px 24px;display:flex}@keyframes hb-fade-in{0%{opacity:0}}@keyframes hb-sheet-in{0%{transform:translateY(100%)}}@keyframes hb-dialog-in{0%{opacity:0;transform:scale(.96)}}.hb-page{min-height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--canvas);flex-direction:column;display:flex}.hb-topbar{z-index:6;min-height:calc(64px + var(--safe-top));margin-top:calc(-1 * var(--safe-top));padding:calc(8px + var(--safe-top)) 8px 8px 4px;background:var(--canvas);flex:none;align-items:center;gap:4px;display:flex;position:sticky;top:0}.hb-topbar__title{flex:1;min-width:0;font-size:21px;font-weight:500;line-height:1.3}.hb-content{width:100%;max-width:720px;margin:0 auto;padding:0 16px}.home-loading{justify-content:center;align-items:center}.home-loading__spinner{border:3px solid var(--mint);border-top-color:var(--brand-green);opacity:0;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite home-spin,.2s ease-out .35s forwards home-appear}@keyframes home-spin{to{transform:rotate(360deg)}}@keyframes home-appear{to{opacity:1}}.home-error{justify-content:center;align-items:center}.home-error__body{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:360px;padding:24px;display:flex}.home-error__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.home__content{width:100%;max-width:1120px;padding:0 16px calc(104px + var(--safe-bottom));margin:0 auto}.home__header{align-items:center;gap:4px;padding:16px 0 8px;display:flex}.home__title{flex:1;min-width:0}.home__header-btn>svg{width:28px;height:28px}.home__section-title{padding:12px 0 4px}.home-summary{border:1px solid var(--divider);background:var(--surface);text-align:center;border-radius:22px;flex-direction:column;align-items:center;margin:6px 0;padding:18px;display:flex}.home-summary__art{flex:none}.home-summary__name{max-width:100%}.home-summary__text{margin-top:4px}.home-summary__action{margin-top:12px}.home__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.home__grid{grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:10px 18px}}.home-card{flex-direction:column;min-width:0;padding-bottom:12px;display:flex}.home-card__thumb{aspect-ratio:1;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;width:100%;padding:0;transition:box-shadow .12s,transform 80ms;display:block;position:relative;overflow:hidden}@media (hover:hover){.home-card__thumb:hover{box-shadow:var(--shadow-2)}}.home-card__thumb:active{transform:scale(.99)}.home-card__meta{align-items:flex-start;gap:2px;padding-top:8px;display:flex}.home-card__text{cursor:pointer;flex:1;min-width:0}.home-card__menu{color:var(--ink-muted);margin:-4px -8px 0 0}.home-fab{right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));translate:0 calc(-1 * var(--hb-toast-space,0px));z-index:10;background:var(--brand-green);color:#fff;height:56px;box-shadow:var(--shadow-2);cursor:pointer;border:none;border-radius:16px;align-items:center;gap:12px;padding:0 20px 0 16px;font-size:15px;font-weight:600;transition:background-color .12s,box-shadow .12s,transform 80ms,translate .18s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:fixed}@media (hover:hover){.home-fab:hover{box-shadow:var(--shadow-3);background:#1b9a3f}}.home-fab:active{background:var(--brand-green-dark);transform:scale(.98)}.home-fab>svg{width:24px;height:24px}@media (width>=1152px){.home-fab{right:calc(50vw - 544px)}}.home-new{padding-top:4px}.home-new__list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.home-option{border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-1);text-align:left;cursor:pointer;border:none;align-items:center;gap:20px;padding:18px;transition:box-shadow .12s,transform 80ms;display:flex}@media (hover:hover){.home-option:hover{box-shadow:var(--shadow-2)}}.home-option:active{transform:scale(.99)}.home-option__art{flex:none}.home-option__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.home-option__title{font-size:21px;font-weight:600;line-height:1.3}.home-option__subtitle{color:var(--ink-muted);font-size:14px;line-height:20px}.home-new__import{text-align:center;flex-direction:column;align-items:center;gap:2px;padding-top:14px;display:flex}.home-new__hint{max-width:340px}.home-help{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.home-help__para{margin-top:12px}.home-drop{z-index:400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#d4fad6b8;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out hb-fade-in;display:flex;position:fixed;inset:0}.home-drop__panel{border:2px dashed var(--mint-line);border-radius:var(--radius-xl);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-3);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:32px 24px;display:flex}.home-drop__icons{color:var(--brand-green);gap:12px;margin-bottom:6px;display:flex}.home-drop__icons>svg{width:36px;height:36px}