.toast-container[data-v-61dd82a8]{position:fixed;top:calc(max(var(--header-top-padding, 0px),var(--safe-area-inset-top)) + var(--space-lg));right:var(--space-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;max-width:90vw;width:400px}.toast[data-v-61dd82a8]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);pointer-events:auto;cursor:pointer;transition:all var(--transition-base);border-left:4px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast[data-v-61dd82a8]:hover{transform:translate(-4px);box-shadow:var(--shadow-xl)}.toast-icon[data-v-61dd82a8]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full)}.toast-message[data-v-61dd82a8]{flex:1;min-width:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis}.toast-success[data-v-61dd82a8]{border-left-color:var(--color-success)}.toast-success .toast-icon[data-v-61dd82a8]{background:var(--color-success);color:var(--color-text-inverse)}.toast-error[data-v-61dd82a8]{border-left-color:var(--color-error)}.toast-error .toast-icon[data-v-61dd82a8]{background:var(--color-error);color:var(--color-text-inverse)}.toast-warning[data-v-61dd82a8]{border-left-color:var(--color-warning)}.toast-warning .toast-icon[data-v-61dd82a8]{background:var(--color-warning);color:var(--color-text-inverse)}.toast-info[data-v-61dd82a8]{border-left-color:var(--color-info)}.toast-info .toast-icon[data-v-61dd82a8]{background:var(--color-info);color:var(--color-text-inverse)}.toast-enter-active[data-v-61dd82a8],.toast-leave-active[data-v-61dd82a8]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-61dd82a8]{opacity:0;transform:translate(100%)}.toast-leave-to[data-v-61dd82a8]{opacity:0;transform:translate(100%) scale(.8)}.toast-move[data-v-61dd82a8]{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(max-width:428px){.toast-container[data-v-61dd82a8]{top:calc(max(var(--header-top-padding, 0px),var(--safe-area-inset-top)) + var(--space-lg));right:var(--space-md);left:var(--space-md);width:auto}}.route-fade-enter-active[data-v-f9cc7676],.route-fade-leave-active[data-v-f9cc7676]{transition:opacity .15s ease}.route-fade-enter-from[data-v-f9cc7676],.route-fade-leave-to[data-v-f9cc7676]{opacity:0}.app[data-v-f9cc7676]{width:100%;max-width:428px;margin:0 auto;--app-content-bottom-offset: var(--bottom-nav-visible-offset);background:var(--color-bg-primary);height:100vh;height:100dvh;height:var(--tg-viewport-stable-height, 100dvh);min-height:0;display:flex;flex-direction:column;padding-bottom:var(--app-content-bottom-offset);transition:padding-bottom var(--transition-base);overflow:hidden}.app-content[data-v-f9cc7676]{flex:1;min-height:0;display:flex;flex-direction:column}.safe-area-backdrop[data-v-f9cc7676]{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;height:var(--header-top-padding);background:var(--color-bg-primary);z-index:var(--z-sticky);pointer-events:none}@media(min-width:768px){.safe-area-backdrop[data-v-f9cc7676]{display:none}}@media(min-width:768px){.app[data-v-f9cc7676]{max-width:680px}}@media(min-width:1024px){.app[data-v-f9cc7676]{max-width:960px}}@media(min-width:1280px){.app[data-v-f9cc7676]{max-width:1200px}}@media(min-width:1600px){.app[data-v-f9cc7676]{max-width:1400px}}.bottom-nav[data-v-f9cc7676]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;margin:0;z-index:var(--z-fixed);padding:0 var(--space-md) calc(var(--bottom-nav-safe-area) + var(--bottom-nav-float-gap));transition:transform var(--transition-base),opacity var(--transition-base);pointer-events:none;overflow:visible}@media(min-width:768px){.bottom-nav[data-v-f9cc7676]{max-width:680px}}@media(min-width:1024px){.bottom-nav[data-v-f9cc7676]{max-width:960px}}@media(min-width:1280px){.bottom-nav[data-v-f9cc7676]{max-width:1200px}}@media(min-width:1600px){.bottom-nav[data-v-f9cc7676]{max-width:1400px}}.bottom-nav-inner[data-v-f9cc7676]{display:flex;align-items:flex-end;justify-content:space-around;padding:10px var(--space-lg) 8px;margin:0;background:color-mix(in srgb,var(--color-bg-elevated) 96%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 -4px 30px #00000014,0 2px 12px #0000000a;border:1px solid var(--color-border-primary);position:relative;pointer-events:auto}.app.keyboard-open[data-v-f9cc7676]{--app-content-bottom-offset: 0px}.app.keyboard-open .bottom-nav[data-v-f9cc7676]{transform:translate(-50%) translateY(calc(100% + var(--bottom-nav-safe-area) + var(--bottom-nav-float-gap)));opacity:0;pointer-events:none}.nav-btn[data-v-f9cc7676]{border:none;background:none;padding:var(--space-xs) var(--space-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex:1 1 0;min-width:0;max-width:100px;position:relative}.nav-btn--fab[data-v-f9cc7676]{flex:0 0 auto;width:56px;height:56px;padding:0;max-width:none;margin-top:-28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--theme-gradient-from),var(--theme-gradient-to));color:var(--color-text-inverse);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 40%,transparent);justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.nav-btn--fab[data-v-f9cc7676]:active{transform:scale(var(--scale-pressed));box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary) 30%,transparent)}.nav-btn--fab.active[data-v-f9cc7676]{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text-inverse) 35%,transparent),0 10px 32px color-mix(in srgb,var(--color-primary) 50%,transparent);transform:scale(1.06)}.nav-btn--fab.active[data-v-f9cc7676]:active{transform:scale(.98);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text-inverse) 25%,transparent),0 6px 20px color-mix(in srgb,var(--color-primary) 45%,transparent)}.nav-btn--disabled[data-v-f9cc7676]{color:var(--color-text-tertiary);cursor:not-allowed;pointer-events:none}.nav-icon-feed-wrap[data-v-f9cc7676]{position:relative;display:inline-block;line-height:0}.nav-icon-feed-lock[data-v-f9cc7676]{position:absolute;top:-2px;right:-2px;color:var(--color-primary);filter:drop-shadow(0 0 1px var(--color-bg-elevated))}.nav-btn[data-v-f9cc7676]:not(.nav-btn--fab):active{transform:scale(var(--scale-pressed))}.nav-label[data-v-f9cc7676]{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.15px;font-family:var(--font-family-base)}.nav-btn.active[data-v-f9cc7676]{color:var(--color-primary)}.nav-btn.active .nav-label[data-v-f9cc7676]{font-weight:var(--font-weight-semibold)}.nav-btn.active[data-v-f9cc7676]:not(.nav-btn--fab):after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary)}.keyboard-dismiss-btn[data-v-f9cc7676]{position:fixed;right:16px;bottom:calc(var(--keyboard-height, 0px) + 10px);z-index:var(--z-fixed);width:40px;height:40px;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.keyboard-dismiss-btn[data-v-f9cc7676]:active{transform:scale(var(--scale-pressed));background:var(--color-bg-elevated)}.kbd-dismiss-enter-active[data-v-f9cc7676],.kbd-dismiss-leave-active[data-v-f9cc7676]{transition:opacity .18s ease,transform .18s ease}.kbd-dismiss-enter-from[data-v-f9cc7676],.kbd-dismiss-leave-to[data-v-f9cc7676]{opacity:0;transform:translateY(10px) scale(.85)}@media(max-width:380px){.bottom-nav-inner[data-v-f9cc7676]{padding:var(--space-sm) var(--space-md) var(--space-xs);margin:0 var(--space-sm)}.nav-btn[data-v-f9cc7676]{padding:var(--space-xs) var(--space-sm)}}@media(max-width:340px){.bottom-nav-inner[data-v-f9cc7676]{padding:var(--space-xs) var(--space-sm) var(--space-xs)}.nav-btn[data-v-f9cc7676]{padding:var(--space-xs)}.nav-btn--fab[data-v-f9cc7676]{width:48px;height:48px;margin-top:-24px}.nav-btn--fab[data-v-f9cc7676]:active{transform:scale(var(--scale-pressed))}.nav-label[data-v-f9cc7676]{display:none}}[data-theme=cleanSlate]{--theme-bg: #FAFBFE;--theme-surface: #FFFFFF;--theme-surface-muted: #EBF2F8;--theme-tint: #D4E4F2;--theme-tint-mid: #A8C8E4;--theme-accent: #4A8EC2;--theme-accent-deep: #3572A5;--theme-accent-warm: #7BAFD6;--theme-text: #1C2D3E;--theme-text-muted: #5E7A92;--theme-text-light: #8DAABE;--theme-overlay: rgba(28, 45, 62, .45);--theme-success: #5AAE72;--theme-gradient-from: #8DBEE0;--theme-gradient-to: #4A8EC2;--theme-gallery-1: #D4E4F2;--theme-gallery-2: #E4D4E8;--theme-gallery-3: #D8EAD4;--theme-perfect: #D4A24E;--theme-verified: #5AADCC;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-accent-warm);--color-primary-rgb: 74, 142, 194;--color-success: var(--theme-success);--color-success-rgb: 90, 174, 114;--color-warning: #ff9500;--color-error: #ff3b30;--color-error-rgb: 255, 59, 48;--color-info: var(--theme-accent-warm);--color-star: #e6b800;--color-star-rgb: 230, 184, 0;--color-heart: #ff3b30;--color-text-primary: var(--theme-text);--color-text-secondary: var(--theme-text-muted);--color-text-tertiary: var(--theme-text-light);--color-text-inverse: #ffffff;--color-bg-primary: var(--theme-bg);--color-bg-secondary: var(--theme-bg);--color-bg-tertiary: var(--theme-surface-muted);--color-bg-elevated: var(--theme-surface);--color-bg-overlay: var(--theme-overlay);--color-bg-card: var(--theme-surface);--color-bg-card-hover: #f5f8fc;--color-border-primary: #d4e0ec;--color-border-secondary: #b8cce0;--color-border-tertiary: #9fb8d0;--shadow-sm: 0 1px 3px rgba(28, 45, 62, .08);--shadow-md: 0 2px 8px rgba(28, 45, 62, .1);--shadow-lg: 0 4px 16px rgba(28, 45, 62, .12);--shadow-xl: 0 8px 32px rgba(28, 45, 62, .15);--shadow-primary: 0 4px 12px rgba(74, 142, 194, .25);--shadow-primary-lg: 0 6px 20px rgba(74, 142, 194, .35);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .12))}[data-theme=cleanSlate] body{background:var(--color-bg-primary);color:var(--color-text-primary)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}:root{--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-display: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--text-title-size: var(--font-size-2xl);--text-title-weight: var(--font-weight-semibold);--text-title-line-height: 1.25;--text-subtitle-size: var(--font-size-lg);--text-subtitle-weight: var(--font-weight-medium);--text-subtitle-line-height: 1.35;--text-body-size: var(--font-size-base);--text-body-weight: var(--font-weight-normal);--text-body-line-height: var(--line-height-normal);--text-caption-size: var(--font-size-sm);--text-caption-weight: var(--font-weight-medium);--text-caption-line-height: 1.35;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--tg-content-safe-area-top: 0px;--header-top-padding: var(--tg-content-safe-area-top);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-base: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--opacity-hover: .85;--opacity-disabled: .4;--opacity-subtle: .6;--scale-hover: 1.02;--scale-pressed: .95;--z-base: 1;--z-dropdown: 100;--z-dropdown-overlay: 5;--z-above-dropdown-overlay: 10;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--bottom-nav-height: 72px;--bottom-nav-float-gap: 12px;--tg-content-safe-area-bottom: initial;--bottom-nav-safe-area: var(--tg-content-safe-area-bottom, env(safe-area-inset-bottom, 0px));--bottom-nav-visible-offset: calc( var(--bottom-nav-height) + var(--bottom-nav-float-gap) + var(--bottom-nav-safe-area) )}html{height:100%;width:100%;overflow-x:hidden;touch-action:auto;overscroll-behavior:none}body{min-height:100%;width:100%;overflow-x:hidden;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease;touch-action:auto;overscroll-behavior:none}button,a,[role=button],input[type=button],input[type=submit],input[type=reset]{touch-action:manipulation}#app{min-height:100vh;min-height:100dvh;min-height:var(--tg-viewport-stable-height, 100dvh);width:100%;max-width:428px;margin:0 auto;background:var(--color-bg-primary);position:relative;overflow:hidden}.app-content{padding-top:var(--header-top-padding)}@media(min-width:768px){:root{--header-top-padding: 0}.app-content{padding-top:0}#app{max-width:680px}}@media(min-width:1024px){#app{max-width:960px}}@media(min-width:1280px){#app{max-width:1200px}}@media(min-width:1600px){#app{max-width:1400px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--text-title-weight);line-height:var(--text-title-line-height);color:var(--color-text-primary)}p{margin:0}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:max(16px,1em)}::-webkit-scrollbar{width:0;height:0;display:none}::selection{background:var(--color-primary);color:var(--color-text-inverse)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html{scroll-behavior:smooth}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{-webkit-user-select:none;user-select:none}.view{display:flex;flex-direction:column;width:100%;min-width:0;height:100vh;height:100dvh;background:var(--color-bg-secondary);overflow:hidden}.header-bar{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);z-index:var(--z-sticky)}.title-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0;color:var(--color-text-primary);font-family:var(--font-family-display)}.page-badge{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.back-btn,.nav-arrow-btn{border:none;background:none;color:var(--color-primary);padding:var(--space-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base);border-radius:var(--radius-sm)}.back-btn:active,.nav-arrow-btn:active{transform:scale(var(--scale-pressed))}.nav-arrow-btn{background:var(--color-bg-tertiary);color:var(--color-primary)}.nav-arrow-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.nav-arrow-btn:not(:disabled):active{transform:scale(.92);background:var(--color-border-secondary)}.btn-primary{padding:var(--space-md) var(--space-2xl);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-primary);transition:all var(--transition-base)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-primary)}.btn-primary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card:active{transform:scale(var(--scale-pressed));box-shadow:var(--shadow-sm)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}@media(min-width:768px){.grid-2{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(5,minmax(0,1fr))}}.loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);color:var(--color-text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);gap:var(--space-lg)}.empty-icon{opacity:.3;margin-bottom:var(--space-sm)}.empty-text{color:var(--color-text-secondary);font-size:var(--font-size-lg);text-align:center;margin:0}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.stat{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.work-stats{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.work-stat{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.work-stat svg{width:14px;height:14px;flex-shrink:0}.work-stat--views{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.work-stat--usage{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.work-stat--rating{background:rgba(var(--color-star-rgb),.15);color:var(--color-star)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes heartBeat{0%,to{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smooth-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.tracker-view{font-family:"Quicksand",var(--font-family-base)}.tracker-view h1,.tracker-view h2,.tracker-view .title,.tracker-view .title-text,.tracker-view [class*=title],.tracker-view .hero-title,.tracker-view .hero-percent,.tracker-view .section-label,.tracker-view .slot-name,.tracker-view .notes-label,.tracker-view .modal-title,.tracker-view .stats-title,.tracker-view .stats-overview-pct{font-family:"Fredoka",var(--font-family-display)}