.toast-container[data-v-10b6b018]{position:fixed;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-10b6b018]{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-10b6b018]:hover{transform:translate(-4px);box-shadow:var(--shadow-xl)}.toast-icon[data-v-10b6b018]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full)}.toast-message[data-v-10b6b018]{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-10b6b018]{border-left-color:var(--color-success)}.toast-success .toast-icon[data-v-10b6b018]{background:var(--color-success);color:var(--color-text-inverse)}.toast-error[data-v-10b6b018]{border-left-color:var(--color-error)}.toast-error .toast-icon[data-v-10b6b018]{background:var(--color-error);color:var(--color-text-inverse)}.toast-warning[data-v-10b6b018]{border-left-color:var(--color-warning)}.toast-warning .toast-icon[data-v-10b6b018]{background:var(--color-warning);color:var(--color-text-inverse)}.toast-info[data-v-10b6b018]{border-left-color:var(--color-info)}.toast-info .toast-icon[data-v-10b6b018]{background:var(--color-info);color:var(--color-text-inverse)}.toast-enter-active[data-v-10b6b018],.toast-leave-active[data-v-10b6b018]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-10b6b018]{opacity:0;transform:translate(100%)}.toast-leave-to[data-v-10b6b018]{opacity:0;transform:translate(100%) scale(.8)}.toast-move[data-v-10b6b018]{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(max-width:428px){.toast-container[data-v-10b6b018]{top:var(--space-md);right:var(--space-md);left:var(--space-md);width:auto}}.app[data-v-4805dd58]{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;display:flex;flex-direction:column;padding-bottom:var(--app-content-bottom-offset);transition:padding-bottom var(--transition-base);overflow:hidden}.bottom-nav[data-v-4805dd58]{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}.bottom-nav-inner[data-v-4805dd58]{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-4805dd58]{--app-content-bottom-offset: 0px}.app.keyboard-open .bottom-nav[data-v-4805dd58]{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-4805dd58]{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-4805dd58]{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-4805dd58]: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-4805dd58]{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-4805dd58]: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-4805dd58]{color:var(--color-text-tertiary);cursor:not-allowed;pointer-events:none}.nav-icon-feed-wrap[data-v-4805dd58]{position:relative;display:inline-block;line-height:0}.nav-icon-feed-lock[data-v-4805dd58]{position:absolute;top:-2px;right:-2px;color:var(--color-primary);filter:drop-shadow(0 0 1px var(--color-bg-elevated))}.nav-btn[data-v-4805dd58]:not(.nav-btn--fab):active{transform:scale(var(--scale-pressed))}.nav-label[data-v-4805dd58]{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-4805dd58]{color:var(--color-primary)}.nav-btn.active .nav-label[data-v-4805dd58]{font-weight:var(--font-weight-semibold)}.nav-btn.active[data-v-4805dd58]: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)}@media(max-width:380px){.bottom-nav-inner[data-v-4805dd58]{padding:var(--space-sm) var(--space-md) var(--space-xs);margin:0 var(--space-sm)}.nav-btn[data-v-4805dd58]{padding:var(--space-xs) var(--space-sm)}}@media(max-width:340px){.bottom-nav-inner[data-v-4805dd58]{padding:var(--space-xs) var(--space-sm) var(--space-xs)}.nav-btn[data-v-4805dd58]{padding:var(--space-xs)}.nav-btn--fab[data-v-4805dd58]{width:48px;height:48px;margin-top:-24px}.nav-btn--fab[data-v-4805dd58]:active{transform:scale(var(--scale-pressed))}.nav-label[data-v-4805dd58]{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)}[data-theme=fairyGarden]{--theme-bg: #FAFCF8;--theme-surface: #FFFFFF;--theme-surface-muted: #EDF3E8;--theme-tint: #D4E4C8;--theme-tint-mid: #A8CCA0;--theme-accent: #6BA368;--theme-accent-deep: #4E8A4A;--theme-accent-warm: #D4917E;--theme-text: #2C3B28;--theme-text-muted: #6B7E65;--theme-text-light: #99AA92;--theme-overlay: rgba(44, 59, 40, .45);--theme-success: #6BA368;--theme-gradient-from: #A8CCA0;--theme-gradient-to: #6BA368;--theme-gallery-1: #D4E4C8;--theme-gallery-2: #E8D4C8;--theme-gallery-3: #C8D4E8;--theme-perfect: #D4A24E;--theme-verified: #5AADCC;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-tint-mid);--color-primary-rgb: 107, 163, 104;--color-success: var(--theme-success);--color-success-rgb: 107, 163, 104;--color-warning: #c9a227;--color-error: #c44e4e;--color-error-rgb: 196, 78, 78;--color-info: var(--theme-accent);--color-star: #e6b800;--color-star-rgb: 230, 184, 0;--color-heart: #c44e4e;--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: #f0f5ed;--color-border-primary: #c8dcc4;--color-border-secondary: #a8c8a0;--color-border-tertiary: #8db88a;--shadow-sm: 0 1px 3px rgba(44, 59, 40, .08);--shadow-md: 0 2px 8px rgba(44, 59, 40, .1);--shadow-lg: 0 4px 16px rgba(44, 59, 40, .12);--shadow-xl: 0 8px 32px rgba(44, 59, 40, .15);--shadow-primary: 0 4px 12px rgba(107, 163, 104, .3);--shadow-primary-lg: 0 6px 20px rgba(107, 163, 104, .4);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .12))}[data-theme=fairyGarden] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=cottonCandy]{--theme-bg: #FFFAFB;--theme-surface: #FFFFFF;--theme-surface-muted: #FCE8F0;--theme-tint: #F5C6D8;--theme-tint-mid: #E899B8;--theme-accent: #E06C9F;--theme-accent-deep: #C44E82;--theme-accent-warm: #8CBBDE;--theme-text: #3D2035;--theme-text-muted: #8C6B7E;--theme-text-light: #B89AAC;--theme-overlay: rgba(61, 32, 53, .45);--theme-success: #6ECB8B;--theme-gradient-from: #E899B8;--theme-gradient-to: #E06C9F;--theme-gallery-1: #F5C6D8;--theme-gallery-2: #C6D8F5;--theme-gallery-3: #F5E0C6;--theme-perfect: #D4A24E;--theme-verified: #5AADCC;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-tint-mid);--color-primary-rgb: 224, 108, 159;--color-success: var(--theme-success);--color-success-rgb: 110, 203, 139;--color-warning: #e6a020;--color-error: #d44e6e;--color-error-rgb: 212, 78, 110;--color-info: var(--theme-accent-warm);--color-star: #e6b800;--color-star-rgb: 230, 184, 0;--color-heart: var(--theme-accent);--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: #fff5f8;--color-border-primary: #f0d0dc;--color-border-secondary: #e8b8c8;--color-border-tertiary: #d8a0b4;--shadow-sm: 0 1px 3px rgba(61, 32, 53, .08);--shadow-md: 0 2px 8px rgba(61, 32, 53, .1);--shadow-lg: 0 4px 16px rgba(61, 32, 53, .12);--shadow-xl: 0 8px 32px rgba(61, 32, 53, .15);--shadow-primary: 0 4px 12px rgba(224, 108, 159, .35);--shadow-primary-lg: 0 6px 20px rgba(224, 108, 159, .45);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .12))}[data-theme=cottonCandy] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=sunsetStudio]{--theme-bg: #FEFBF8;--theme-surface: #FFFFFF;--theme-surface-muted: #F5EDE4;--theme-tint: #F2DDD0;--theme-tint-mid: #E4B8A0;--theme-accent: #D4845A;--theme-accent-deep: #B86B42;--theme-accent-warm: #D4917E;--theme-text: #3D2E22;--theme-text-muted: #8A7568;--theme-text-light: #B5A599;--theme-overlay: rgba(61, 46, 34, .45);--theme-success: #8CB868;--theme-gradient-from: #E4B8A0;--theme-gradient-to: #D4845A;--theme-gallery-1: #F2DDD0;--theme-gallery-2: #D0E0F2;--theme-gallery-3: #E0F2D0;--theme-perfect: #D4A24E;--theme-verified: #5AADCC;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-tint-mid);--color-primary-rgb: 212, 132, 90;--color-success: var(--theme-success);--color-success-rgb: 140, 184, 104;--color-warning: var(--theme-accent);--color-error: #c44e4e;--color-error-rgb: 196, 78, 78;--color-info: var(--theme-accent-warm);--color-star: #e6a020;--color-star-rgb: 230, 160, 32;--color-heart: #c44e4e;--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: #fdf8f5;--color-border-primary: #e8d8d0;--color-border-secondary: #d8c0b0;--color-border-tertiary: #c8a890;--shadow-sm: 0 1px 3px rgba(61, 46, 34, .08);--shadow-md: 0 2px 8px rgba(61, 46, 34, .1);--shadow-lg: 0 4px 16px rgba(61, 46, 34, .12);--shadow-xl: 0 8px 32px rgba(61, 46, 34, .15);--shadow-primary: 0 4px 12px rgba(212, 132, 90, .3);--shadow-primary-lg: 0 6px 20px rgba(212, 132, 90, .4);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .12))}[data-theme=sunsetStudio] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=dreamyLavender]{--theme-bg: #FBFAFE;--theme-surface: #FFFFFF;--theme-surface-muted: #F0E8F6;--theme-tint: #DFD0EE;--theme-tint-mid: #C4A8DE;--theme-accent: #9B6DC4;--theme-accent-deep: #7E50AA;--theme-accent-warm: #D4A0C4;--theme-text: #2E2240;--theme-text-muted: #756588;--theme-text-light: #A498B2;--theme-overlay: rgba(46, 34, 64, .45);--theme-success: #6ECB8B;--theme-gradient-from: #C4A8DE;--theme-gradient-to: #9B6DC4;--theme-gallery-1: #DFD0EE;--theme-gallery-2: #D0DFEE;--theme-gallery-3: #EED0DF;--theme-perfect: #D4A24E;--theme-verified: #5AADCC;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-tint-mid);--color-primary-rgb: 155, 109, 196;--color-success: var(--theme-success);--color-success-rgb: 110, 203, 139;--color-warning: #b8860b;--color-error: #c44e6e;--color-error-rgb: 196, 78, 110;--color-info: var(--theme-accent-warm);--color-star: #e6b800;--color-star-rgb: 230, 184, 0;--color-heart: var(--theme-accent);--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: #f8f5fc;--color-border-primary: #d8c8e8;--color-border-secondary: #c0a8d8;--color-border-tertiary: #a888c8;--shadow-sm: 0 1px 3px rgba(46, 34, 64, .08);--shadow-md: 0 2px 8px rgba(46, 34, 64, .1);--shadow-lg: 0 4px 16px rgba(46, 34, 64, .12);--shadow-xl: 0 8px 32px rgba(46, 34, 64, .15);--shadow-primary: 0 4px 12px rgba(155, 109, 196, .35);--shadow-primary-lg: 0 6px 20px rgba(155, 109, 196, .45);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .12))}[data-theme=dreamyLavender] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=oceanBreeze]{--theme-bg: #F9FCFC;--theme-surface: #FFFFFF;--theme-surface-muted: #E4F2F0;--theme-tint: #C4E4DE;--theme-tint-mid: #8CC8BE;--theme-accent: #3EA89A;--theme-accent-deep: #2D8A7E;--theme-accent-warm: #E08878;--theme-text: #1E3530;--theme-text-muted: #5C7E76;--theme-text-light: #8EAAA4;--theme-overlay: rgba(30, 53, 48, .45);--theme-success: #3EA89A;--theme-gradient-from: #8CC8BE;--theme-gradient-to: #3EA89A;--theme-gallery-1: #C4E4DE;--theme-gallery-2: #E4C4D0;--theme-gallery-3: #DEE4C4;--theme-perfect: #D4A24E;--theme-verified: #5AADCC;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-tint-mid);--color-primary-rgb: 62, 168, 154;--color-success: var(--theme-success);--color-success-rgb: 62, 168, 154;--color-warning: #d4a030;--color-error: #d45e5e;--color-error-rgb: 212, 94, 94;--color-info: var(--theme-accent);--color-star: #e6b800;--color-star-rgb: 230, 184, 0;--color-heart: var(--theme-accent-warm);--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: #f0faf9;--color-border-primary: #b8d8d4;--color-border-secondary: #98c8c0;--color-border-tertiary: #78b0a8;--shadow-sm: 0 1px 3px rgba(30, 53, 48, .08);--shadow-md: 0 2px 8px rgba(30, 53, 48, .1);--shadow-lg: 0 4px 16px rgba(30, 53, 48, .12);--shadow-xl: 0 8px 32px rgba(30, 53, 48, .15);--shadow-primary: 0 4px 12px rgba(62, 168, 154, .35);--shadow-primary-lg: 0 6px 20px rgba(62, 168, 154, .45);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .12))}[data-theme=oceanBreeze] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=midnightBloom]{--theme-bg: #141622;--theme-surface: #1E2035;--theme-surface-muted: #252840;--theme-tint: #2E3150;--theme-tint-mid: #3D4168;--theme-accent: #E8609C;--theme-accent-deep: #D44888;--theme-accent-warm: #F0A050;--theme-text: #ECE8F4;--theme-text-muted: #9896B0;--theme-text-light: #6C6A85;--theme-overlay: rgba(10, 10, 20, .65);--theme-success: #5CE0A0;--theme-gradient-from: #E8609C;--theme-gradient-to: #B840D0;--theme-gallery-1: #2E3150;--theme-gallery-2: #352E40;--theme-gallery-3: #2E4038;--theme-perfect: #D4A24E;--theme-verified: #5AADCC;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: #f078b0;--color-primary-rgb: 232, 96, 156;--color-success: var(--theme-success);--color-success-rgb: 92, 224, 160;--color-warning: var(--theme-accent-warm);--color-error: #ff6b8a;--color-error-rgb: 255, 107, 138;--color-info: var(--theme-accent);--color-star: var(--theme-accent-warm);--color-star-rgb: 240, 160, 80;--color-heart: var(--theme-accent);--color-text-primary: var(--theme-text);--color-text-secondary: var(--theme-text-muted);--color-text-tertiary: var(--theme-text-light);--color-text-inverse: #141622;--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: #282c45;--color-border-primary: #3D4168;--color-border-secondary: #4d5180;--color-border-tertiary: #5c6090;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .7);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .8);--shadow-primary: 0 4px 16px rgba(232, 96, 156, .4);--shadow-primary-lg: 0 8px 24px rgba(232, 96, 156, .5);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}[data-theme=midnightBloom] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=darkAcademia]{--theme-bg: #1E1B18;--theme-surface: #2C2824;--theme-surface-muted: #38322D;--theme-tint: #463E36;--theme-tint-mid: #5C5046;--theme-accent: #C69B7B;--theme-accent-deep: #A67B5B;--theme-accent-warm: #D4B491;--theme-text: #E6DCCA;--theme-text-muted: #9C8E80;--theme-text-light: #73675C;--theme-overlay: rgba(18, 15, 12, .7);--theme-success: #7B9E75;--theme-gradient-from: #5C5046;--theme-gradient-to: #C69B7B;--theme-gallery-1: #8C705F;--theme-gallery-2: #5F708C;--theme-gallery-3: #708C5F;--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: 198, 155, 123;--color-success: var(--theme-success);--color-success-rgb: 123, 158, 117;--color-warning: var(--theme-accent-warm);--color-error: #c97b7b;--color-error-rgb: 201, 123, 123;--color-info: var(--theme-accent);--color-star: var(--theme-accent-warm);--color-star-rgb: 212, 180, 145;--color-heart: var(--theme-accent);--color-text-primary: var(--theme-text);--color-text-secondary: var(--theme-text-muted);--color-text-tertiary: var(--theme-text-light);--color-text-inverse: #1E1B18;--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: #35302a;--color-border-primary: #463E36;--color-border-secondary: #5C5046;--color-border-tertiary: #73675C;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .6);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .7);--shadow-primary: 0 4px 16px rgba(198, 155, 123, .35);--shadow-primary-lg: 0 8px 24px rgba(198, 155, 123, .45);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}[data-theme=darkAcademia] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=holoY2K]{--theme-bg: #F2F3F5;--theme-surface: #FFFFFF;--theme-surface-muted: #E8EAEF;--theme-tint: #DDE1E8;--theme-tint-mid: #C4CAD6;--theme-accent: #00C2FF;--theme-accent-deep: #0088CC;--theme-accent-warm: #FF70D9;--theme-text: #2A2E35;--theme-text-muted: #8890A0;--theme-text-light: #B0B8C6;--theme-overlay: rgba(42, 46, 53, .45);--theme-success: #00E0B8;--theme-gradient-from: #FF70D9;--theme-gradient-to: #00C2FF;--theme-gallery-1: #DDE1E8;--theme-gallery-2: #E8DDF5;--theme-gallery-3: #DDF5F2;--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: 0, 194, 255;--color-success: var(--theme-success);--color-success-rgb: 0, 224, 184;--color-warning: #ffb84d;--color-error: #ff6b8a;--color-error-rgb: 255, 107, 138;--color-info: var(--theme-accent);--color-star: var(--theme-accent-warm);--color-star-rgb: 255, 112, 217;--color-heart: var(--theme-accent);--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: #f8f9fb;--color-border-primary: #C4CAD6;--color-border-secondary: #B0B8C6;--color-border-tertiary: #8890A0;--shadow-sm: 0 1px 3px rgba(42, 46, 53, .08);--shadow-md: 0 2px 8px rgba(42, 46, 53, .1);--shadow-lg: 0 4px 16px rgba(42, 46, 53, .12);--shadow-xl: 0 8px 32px rgba(42, 46, 53, .15);--shadow-primary: 0 4px 12px rgba(0, 194, 255, .35);--shadow-primary-lg: 0 6px 20px rgba(0, 194, 255, .45);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .12))}[data-theme=holoY2K] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=bauhausPop]{--theme-bg: #FFFDF5;--theme-surface: #FFFFFF;--theme-surface-muted: #F2F0E6;--theme-tint: #FFE600;--theme-tint-mid: #FFD500;--theme-accent: #3D5AFE;--theme-accent-deep: #0026CA;--theme-accent-warm: #FF2E00;--theme-text: #111111;--theme-text-muted: #555555;--theme-text-light: #999999;--theme-overlay: rgba(17, 17, 17, .45);--theme-success: #00C853;--theme-gradient-from: #FF2E00;--theme-gradient-to: #3D5AFE;--theme-gallery-1: #FFE600;--theme-gallery-2: #FF8A80;--theme-gallery-3: #82B1FF;--theme-perfect: #D4A24E;--theme-verified: #5AADCC;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: #7B9CFF;--color-primary-rgb: 61, 90, 254;--color-success: var(--theme-success);--color-success-rgb: 0, 200, 83;--color-warning: var(--theme-accent-warm);--color-error: #D50000;--color-error-rgb: 213, 0, 0;--color-info: var(--theme-accent);--color-star: var(--theme-tint-mid);--color-star-rgb: 255, 213, 0;--color-heart: var(--theme-accent-warm);--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: #fffef8;--color-border-primary: #FFD500;--color-border-secondary: #e6d000;--color-border-tertiary: #999999;--shadow-sm: 0 1px 3px rgba(17, 17, 17, .08);--shadow-md: 0 2px 8px rgba(17, 17, 17, .1);--shadow-lg: 0 4px 16px rgba(17, 17, 17, .12);--shadow-xl: 0 8px 32px rgba(17, 17, 17, .15);--shadow-primary: 0 4px 12px rgba(61, 90, 254, .35);--shadow-primary-lg: 0 6px 20px rgba(61, 90, 254, .45);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .12))}[data-theme=bauhausPop] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=softCanvas]{--theme-bg: #FAF8F5;--theme-surface: #FFFFFF;--theme-surface-muted: #F3EDE6;--theme-tint: #EBDDD0;--theme-tint-mid: #D4B49A;--theme-accent: #D4736E;--theme-accent-deep: #B8524D;--theme-accent-warm: #E8A598;--theme-text: #3A2E28;--theme-text-muted: #7D6E64;--theme-text-light: #AD9E94;--theme-overlay: rgba(58, 46, 40, .45);--theme-success: #7EAE82;--theme-gradient-from: #E8A598;--theme-gradient-to: #D4736E;--theme-gallery-1: #EBDDD0;--theme-gallery-2: #D0DFE4;--theme-gallery-3: #EED8D0;--theme-perfect: #CFA24B;--theme-verified: #5A9EAD;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-tint-mid);--color-primary-rgb: 212, 115, 110;--color-success: var(--theme-success);--color-success-rgb: 126, 174, 130;--color-warning: #C49234;--color-error: #C44E4E;--color-error-rgb: 196, 78, 78;--color-info: var(--theme-accent-warm);--color-star: #D4A83B;--color-star-rgb: 212, 168, 59;--color-heart: var(--theme-accent);--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: #FDF6F0;--color-border-primary: #E5D8CC;--color-border-secondary: #D4C0B0;--color-border-tertiary: #C2A898;--shadow-sm: 0 1px 3px rgba(58, 46, 40, .06);--shadow-md: 0 2px 8px rgba(58, 46, 40, .08);--shadow-lg: 0 4px 16px rgba(58, 46, 40, .1);--shadow-xl: 0 8px 32px rgba(58, 46, 40, .13);--shadow-primary: 0 4px 12px rgba(212, 115, 110, .3);--shadow-primary-lg: 0 6px 20px rgba(212, 115, 110, .4);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}[data-theme=softCanvas] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=midnightAtelier]{--theme-bg: #141218;--theme-surface: #1E1B24;--theme-surface-muted: #28242F;--theme-tint: #3A3444;--theme-tint-mid: #5C5270;--theme-accent: #E8A87C;--theme-accent-deep: #D4865A;--theme-accent-warm: #F0C4A8;--theme-text: #EDE8F2;--theme-text-muted: #A69BB4;--theme-text-light: #746888;--theme-overlay: rgba(10, 8, 14, .65);--theme-success: #78C49A;--theme-gradient-from: #E8A87C;--theme-gradient-to: #D4865A;--theme-gallery-1: #3A3444;--theme-gallery-2: #2E3444;--theme-gallery-3: #44343A;--theme-perfect: #D4A24E;--theme-verified: #6AB8D4;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-tint-mid);--color-primary-rgb: 232, 168, 124;--color-success: var(--theme-success);--color-success-rgb: 120, 196, 154;--color-warning: #D4A24E;--color-error: #E06B6B;--color-error-rgb: 224, 107, 107;--color-info: var(--theme-accent-warm);--color-star: #E6C44A;--color-star-rgb: 230, 196, 74;--color-heart: #E87C8A;--color-text-primary: var(--theme-text);--color-text-secondary: var(--theme-text-muted);--color-text-tertiary: var(--theme-text-light);--color-text-inverse: #141218;--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: #262230;--color-border-primary: #332E3E;--color-border-secondary: #443E52;--color-border-tertiary: #5A5268;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .35);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--shadow-primary: 0 4px 12px rgba(232, 168, 124, .25);--shadow-primary-lg: 0 6px 20px rgba(232, 168, 124, .35);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .3))}[data-theme=midnightAtelier] body{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=markerPop]{--theme-bg: #FFF7F3;--theme-surface: #FFFFFF;--theme-surface-muted: #FFEDE5;--theme-tint: #C8E6E2;--theme-tint-mid: #72C2B8;--theme-accent: #2CA096;--theme-accent-deep: #1D7A72;--theme-accent-warm: #F4A68C;--theme-text: #2A2D30;--theme-text-muted: #6B7178;--theme-text-light: #A0A6AD;--theme-overlay: rgba(42, 45, 48, .45);--theme-success: #58B87A;--theme-gradient-from: #72C2B8;--theme-gradient-to: #2CA096;--theme-gallery-1: #C8E6E2;--theme-gallery-2: #FFD5C8;--theme-gallery-3: #C8D0F0;--theme-perfect: #E8B44C;--theme-verified: #4EA8D4;--color-primary: var(--theme-accent);--color-primary-dark: var(--theme-accent-deep);--color-primary-light: var(--theme-tint-mid);--color-primary-rgb: 44, 160, 150;--color-success: var(--theme-success);--color-success-rgb: 88, 184, 122;--color-warning: #D49A2E;--color-error: #D45858;--color-error-rgb: 212, 88, 88;--color-info: var(--theme-accent-warm);--color-star: #E8B44C;--color-star-rgb: 232, 180, 76;--color-heart: #E87C8A;--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: #FFF0EA;--color-border-primary: #E0D4CE;--color-border-secondary: #C8E0DC;--color-border-tertiary: #8CC8C0;--shadow-sm: 0 1px 3px rgba(42, 45, 48, .06);--shadow-md: 0 2px 8px rgba(42, 45, 48, .09);--shadow-lg: 0 4px 16px rgba(42, 45, 48, .11);--shadow-xl: 0 8px 32px rgba(42, 45, 48, .14);--shadow-primary: 0 4px 12px rgba(44, 160, 150, .3);--shadow-primary-lg: 0 6px 20px rgba(44, 160, 150, .4);--shadow-drop: drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}[data-theme=markerPop] body{background:var(--color-bg-primary);color:var(--color-text-primary)}*{box-sizing:border-box;margin:0;padding:0}: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;--header-top-padding: var(--space-lg);--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;--bottom-nav-safe-area: 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:manipulation;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-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease;touch-action:manipulation;overscroll-behavior:none}#app{min-height:100vh;min-height:100dvh;width:100%;max-width:428px;margin:0 auto;background:var(--color-bg-primary);position:relative;overflow:hidden}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:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::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)}.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}