.navbar[data-v-06bb5762]{position:sticky;top:0;z-index:100;min-height:var(--navbar-height);border-bottom:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:box-shadow var(--duration-normal) var(--ease-apple)}.navbar-inner[data-v-06bb5762]{height:var(--navbar-height);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-6)}.brand[data-v-06bb5762],.desktop-nav[data-v-06bb5762],.actions[data-v-06bb5762],.account-button[data-v-06bb5762]{display:inline-flex;align-items:center}.brand[data-v-06bb5762]{gap:var(--space-2)}.brand-dot[data-v-06bb5762]{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 0 0 6px var(--color-primary-subtle)}.brand-name[data-v-06bb5762]{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:0}.brand-line[data-v-06bb5762]{width:1px;height:16px;background:var(--color-border-light)}.brand-sub[data-v-06bb5762]{color:var(--color-text-secondary);font-size:var(--text-xs);letter-spacing:.5px}.desktop-nav[data-v-06bb5762]{justify-content:center;gap:var(--space-1)}.nav-link[data-v-06bb5762]{position:relative;min-height:32px;display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-apple),color var(--duration-fast) var(--ease-apple)}.nav-link[data-v-06bb5762]:hover,.nav-link.active[data-v-06bb5762]{background:var(--color-bg-elevated)}.nav-link[data-v-06bb5762]:hover{color:var(--color-text-primary)}.nav-link.active[data-v-06bb5762]{color:var(--color-primary)}.actions[data-v-06bb5762]{position:fixed;top:8px;right:max(var(--space-4),env(safe-area-inset-right));z-index:1003;gap:var(--space-2)}.mobile-menu[data-v-06bb5762]{display:none}.account[data-v-06bb5762]{position:relative}.account-button[data-v-06bb5762]{min-height:36px;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:0 var(--space-3) 0 6px;background:var(--color-bg-base);color:var(--color-text-primary);font-weight:var(--weight-semibold)}.account-button span[data-v-06bb5762]{width:26px;height:26px;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary)}.account-button img[data-v-06bb5762]{width:100%;height:100%;object-fit:cover}.account-button b[data-v-06bb5762]{font:inherit}.account-menu[data-v-06bb5762]{position:absolute;top:calc(100% + var(--space-3));right:0;width:180px;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--glass-bg);box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.account-menu button[data-v-06bb5762]{width:100%;min-height:34px;display:flex;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-sm);padding:0 var(--space-3);background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left}.account-menu button svg[data-v-06bb5762]{flex:0 0 16px}.account-menu button[data-v-06bb5762]:hover{background:var(--color-bg-elevated)}.account-menu .danger[data-v-06bb5762]{color:var(--color-danger)}.account-menu .placeholder[data-v-06bb5762]{color:var(--color-text-tertiary);cursor:default}.account-menu .placeholder[data-v-06bb5762]:hover{background:transparent}.account-menu-enter-active[data-v-06bb5762],.account-menu-leave-active[data-v-06bb5762]{transition:opacity var(--dur-normal) var(--ease-smooth),transform var(--dur-normal) var(--ease-smooth)}.account-menu-enter-from[data-v-06bb5762],.account-menu-leave-to[data-v-06bb5762]{opacity:0;transform:translateY(6px) scale(.98)}.drawer-mask[data-v-06bb5762]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#1d1d1f47}.drawer-panel[data-v-06bb5762]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1101;padding:var(--space-6);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.drawer-head[data-v-06bb5762]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-10)}.drawer-head strong[data-v-06bb5762]{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.drawer-link[data-v-06bb5762]{min-height:48px;display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-family:var(--font-sans);font-size:18px;font-weight:var(--weight-semibold)}.confirm-mask[data-v-06bb5762]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:var(--space-5);background:#1d1d1f52;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.confirm-card[data-v-06bb5762]{position:relative;width:min(380px,100%);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-6);background:var(--color-bg-base);box-shadow:var(--shadow-lg);text-align:center}.confirm-close[data-v-06bb5762]{position:absolute;top:var(--space-3);right:var(--space-3);width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--color-border-light);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-secondary)}.confirm-icon[data-v-06bb5762]{width:44px;height:44px;display:grid;place-items:center;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:#ff3b3014;color:var(--color-danger)}.confirm-card h2[data-v-06bb5762]{margin:0;font-size:22px;line-height:1.25}.confirm-card p[data-v-06bb5762]{margin:var(--space-2) 0 0;color:var(--color-text-secondary);line-height:var(--leading-loose)}.confirm-actions[data-v-06bb5762]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-5)}.confirm-btn[data-v-06bb5762]{min-height:34px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-base);color:var(--color-text-primary);font-weight:var(--weight-semibold)}.confirm-btn.danger[data-v-06bb5762]{border-color:transparent;background:#ff3b3014;color:var(--color-danger)}.confirm-btn.ghost[data-v-06bb5762]{background:var(--color-bg-elevated)}.confirm-fade-enter-active[data-v-06bb5762],.confirm-fade-leave-active[data-v-06bb5762]{transition:opacity var(--dur-normal) var(--ease-smooth)}.confirm-fade-enter-from[data-v-06bb5762],.confirm-fade-leave-to[data-v-06bb5762]{opacity:0}.drawer-fade-enter-active[data-v-06bb5762],.drawer-fade-leave-active[data-v-06bb5762],.drawer-slide-enter-active[data-v-06bb5762],.drawer-slide-leave-active[data-v-06bb5762]{transition:opacity var(--dur-normal) var(--ease-smooth),transform .26s var(--ease-smooth)}.drawer-fade-enter-from[data-v-06bb5762],.drawer-fade-leave-to[data-v-06bb5762]{opacity:0}.drawer-slide-enter-from[data-v-06bb5762],.drawer-slide-leave-to[data-v-06bb5762]{transform:translateY(-100%)}.drawer-slide-enter-to[data-v-06bb5762],.drawer-slide-leave-from[data-v-06bb5762]{transform:translateY(0)}@media (max-width: 900px){.navbar-inner[data-v-06bb5762]{grid-template-columns:1fr auto}.desktop-nav[data-v-06bb5762],.brand-line[data-v-06bb5762],.brand-sub[data-v-06bb5762]{display:none}.mobile-menu[data-v-06bb5762]{display:inline-flex}}.notion-toast[data-v-0719be0a]{position:fixed;top:18px;left:50%;z-index:1800;min-height:44px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:0 16px 0 12px;background:var(--glass-bg);color:var(--color-text-primary);box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transform:translate(-50%);font-size:14px;font-weight:var(--weight-semibold)}.notion-toast__icon[data-v-0719be0a]{width:22px;height:22px;display:grid;place-items:center;border-radius:var(--radius-full);background:#34c7591f;color:var(--color-success)}.notion-toast__icon svg[data-v-0719be0a]{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.notion-toast-enter-active[data-v-0719be0a],.notion-toast-leave-active[data-v-0719be0a]{transition:opacity var(--duration-fast) var(--ease-apple),transform var(--duration-fast) var(--ease-apple)}.notion-toast-enter-from[data-v-0719be0a],.notion-toast-leave-to[data-v-0719be0a]{opacity:0;transform:translate(-50%,-8px) scale(.98)}.settings-root[data-v-cf248b58]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;isolation:isolate}.settings-backdrop[data-v-cf248b58]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#1d1d1f52;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.settings-wrap[data-v-cf248b58]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;padding:12px;overflow:hidden}.settings-dialog[data-v-cf248b58]{position:relative;width:min(1040px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);background:var(--color-bg-base);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.close[data-v-cf248b58]{position:absolute;right:var(--space-4);top:var(--space-4);z-index:2}.banner[data-v-cf248b58]{display:grid;grid-template-columns:64px 1fr;gap:var(--space-4);align-items:center;padding:20px 28px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg-base)}.banner-avatar[data-v-cf248b58]{width:54px;height:54px;position:relative;display:grid;place-items:center;border:1px solid var(--color-primary-alpha);border-radius:50%;background:var(--color-primary-subtle);color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha);overflow:hidden}.banner-avatar img[data-v-cf248b58]{width:100%;height:100%;object-fit:cover}.banner-avatar svg[data-v-cf248b58]{position:absolute;right:-2px;bottom:-2px;border-radius:50%;padding:var(--space-1);background:var(--color-bg-base)}h2[data-v-cf248b58],h3[data-v-cf248b58]{font-family:var(--font-sans)}h2[data-v-cf248b58]{margin:0;font-size:24px}.banner p[data-v-cf248b58],.upload-row p[data-v-cf248b58]{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.settings-grid[data-v-cf248b58]{flex:1;min-height:0;display:grid;grid-template-columns:1.45fr 1fr;gap:24px;padding:22px 28px 18px;overflow:auto}.side-blocks[data-v-cf248b58]{display:grid;gap:22px;align-content:start}.block[data-v-cf248b58]{animation:blockIn-cf248b58 var(--duration-slow) var(--ease-apple) both}.block-head[data-v-cf248b58]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.block-head h3[data-v-cf248b58]{margin:0;font-size:var(--text-lg)}.block-head span[data-v-cf248b58]{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.5px}.upload-row[data-v-cf248b58]{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.avatar-upload[data-v-cf248b58]{width:52px;height:52px;display:grid;place-items:center;border:2px dashed var(--color-border);border-radius:50%;color:var(--color-primary);transition:all var(--duration-fast) var(--ease-apple)}.avatar-upload[data-v-cf248b58]:hover{border-style:solid;background:var(--color-primary-subtle)}.field[data-v-cf248b58]{position:relative;display:block;margin:14px 0}.field input[data-v-cf248b58],.field textarea[data-v-cf248b58]{width:100%;min-height:38px;border:0;border-bottom:1px solid var(--color-border);padding:14px 0 4px;background:transparent;color:currentColor;outline:none}.field textarea[data-v-cf248b58]{min-height:76px;resize:vertical}.field span[data-v-cf248b58]{position:absolute;left:0;top:16px;color:var(--color-text-secondary);pointer-events:none;transition:transform var(--duration-fast) var(--ease-apple),color var(--duration-fast) var(--ease-apple),font-size var(--duration-fast) var(--ease-apple)}.field input:focus+span[data-v-cf248b58],.field input:not(:placeholder-shown)+span[data-v-cf248b58],.field textarea:focus+span[data-v-cf248b58],.field textarea:not(:placeholder-shown)+span[data-v-cf248b58]{transform:translateY(-18px);color:var(--color-primary);font-size:12px}.field input[data-v-cf248b58]:focus,.field textarea[data-v-cf248b58]:focus{border-color:var(--color-primary)}.field[data-v-cf248b58]:focus-within{filter:drop-shadow(0 0 14px var(--color-primary-alpha))}.icon-field[data-v-cf248b58]{padding-left:34px}.icon-field svg[data-v-cf248b58]{position:absolute;left:0;top:14px;color:var(--color-primary)}.icon-field span[data-v-cf248b58]{left:34px}.password-link[data-v-cf248b58]{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:currentColor;padding:0}.password-link b[data-v-cf248b58]{color:var(--color-primary)}.password-grid[data-v-cf248b58]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-actions[data-v-cf248b58]{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-border-light);padding:14px 28px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.settings-actions span[data-v-cf248b58]{color:var(--color-text-secondary);font-size:var(--text-sm)}.settings-actions div[data-v-cf248b58]{display:flex;gap:var(--space-3)}.save-btn[data-v-cf248b58]:hover{color:var(--color-text-inverse)}.hidden[data-v-cf248b58]{display:none}.settings-fade-enter-active[data-v-cf248b58],.settings-fade-leave-active[data-v-cf248b58]{transition:opacity var(--duration-normal) var(--ease-apple)}.settings-fade-enter-from[data-v-cf248b58],.settings-fade-leave-to[data-v-cf248b58]{opacity:0}@keyframes blockIn-cf248b58{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.settings-wrap[data-v-cf248b58]{padding:0;align-items:end}.settings-dialog[data-v-cf248b58]{max-height:94vh;border-radius:24px 24px 0 0}.settings-grid[data-v-cf248b58],.banner[data-v-cf248b58]{grid-template-columns:1fr;padding:var(--space-5)}.settings-actions[data-v-cf248b58]{display:grid}.settings-actions div[data-v-cf248b58],.settings-actions button[data-v-cf248b58]{width:100%}.password-grid[data-v-cf248b58]{grid-template-columns:1fr}}:root{--color-primary: #007aff;--color-primary-hover: #0066d6;--color-primary-active: #0055b3;--color-primary-subtle: #e8f2ff;--color-primary-alpha: rgba(0, 122, 255, .12);--color-success: #34c759;--color-warning: #ff9500;--color-danger: #ff3b30;--color-info: #5ac8fa;--color-bg-base: #ffffff;--color-bg-elevated: #f5f5f7;--color-bg-overlay: rgba(255, 255, 255, .72);--color-border: #d2d2d7;--color-border-light: #e8e8ed;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #aeaeb2;--color-text-inverse: #ffffff;--color-code-bg: #f2f2f7;--color-code-text: #1d1d1f;--color-code-accent: var(--color-primary);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--glass-blur: blur(20px) saturate(180%);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .5);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 28px;--text-3xl: 34px;--text-4xl: 48px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-loose: 1.8;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--ease-apple: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--content-width-sm: 640px;--content-width-md: 960px;--content-width-lg: 1200px;--navbar-height: 52px;--color-accent: var(--color-primary);--color-accent-dark: var(--color-primary-hover);--color-accent-muted: var(--color-primary-alpha);--color-bg-primary: var(--color-bg-base);--color-bg-secondary: var(--color-bg-elevated);--color-bg-tertiary: var(--color-border-light);--color-border-hover: var(--color-border);--color-danger-bg: rgba(255, 59, 48, .08);--radius-pill: var(--radius-full);--shadow-card: var(--shadow-sm);--shadow-card-hover: var(--shadow-md);--font-display: var(--font-sans);--font-body: var(--font-sans);--transition-fast: var(--duration-fast) var(--ease-apple);--transition-base: var(--duration-normal) var(--ease-apple);--bg-base: var(--color-bg-base);--bg-surface: var(--color-bg-base);--bg-elevated: var(--color-bg-elevated);--bg-overlay: var(--color-bg-elevated);--bg-glass: var(--glass-bg);--border-subtle: var(--color-border-light);--border-default: var(--color-border);--border-strong: var(--color-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--text-disabled: var(--color-text-tertiary);--chart-silver: var(--color-text-tertiary);--chart-blue: var(--color-primary);--chart-green: var(--color-success);--font-serif: var(--font-sans);--radius-2xl: var(--radius-xl);--ease-smooth: var(--ease-apple);--ease-out-expo: var(--ease-apple);--dur-instant: 80ms;--dur-fast: var(--duration-fast);--dur-normal: var(--duration-normal);--dur-slow: var(--duration-slow);--dur-page: var(--duration-slow)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;padding:0;background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);text-rendering:optimizeLegibility}body.modal-open{overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}a{color:var(--color-primary);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-apple)}a:hover{opacity:.75}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%;background:var(--color-bg-elevated)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}::selection{background:var(--color-primary-alpha);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.page{min-height:100vh;background:var(--color-bg-base)}.container{width:min(var(--content-width-lg),calc(100vw - 48px));margin:0 auto}.section{max-width:var(--content-width-lg);margin:0 auto;padding:var(--space-20) var(--space-8)}.section-white{background:var(--color-bg-base)}.section-gray{background:var(--color-bg-elevated)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.eyebrow,.card-meta,.meta{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.5px;text-transform:uppercase}.section-title{margin:0 0 var(--space-3);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:0;line-height:var(--leading-tight)}.section-desc,.section-subtitle{margin:0;max-width:720px;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-normal)}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:0 18px;background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-apple),background var(--duration-fast) var(--ease-apple),color var(--duration-fast) var(--ease-apple),box-shadow var(--duration-fast) var(--ease-apple)}.button:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary)}.button:active{transform:scale(.97)}.button.primary{border-color:transparent;background:var(--color-primary);color:var(--color-text-inverse)}.button.primary:hover{background:var(--color-primary-hover);color:var(--color-text-inverse);box-shadow:0 4px 20px #007aff38}.button.ghost{background:transparent}.button.danger{border-color:transparent;background:#ff3b3014;color:var(--color-danger)}.icon-btn{width:36px;min-width:36px;padding:0}.card,.content-card{position:relative;overflow:hidden;border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-6);background:var(--color-bg-base);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-apple),transform var(--duration-normal) var(--ease-apple)}.card:hover,.content-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-title{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.tag{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;min-height:22px;border:1px solid transparent;border-radius:var(--radius-full);padding:0 var(--space-3);background:var(--color-primary-subtle);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.5px;text-transform:uppercase}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-code-bg) 25%,var(--color-border-light) 50%,var(--color-code-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.reveal-init,.card-appear{opacity:0;transform:translateY(16px);transition:opacity var(--duration-slow) var(--ease-apple),transform var(--duration-slow) var(--ease-apple)}.reveal-init.is-revealed,.card-appear.visible{opacity:1;transform:translateY(0)}.page-enter-active,.page-leave-active{transition:opacity var(--duration-normal) var(--ease-apple),transform var(--duration-normal) var(--ease-apple)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.tab-content-enter-active{transition:opacity var(--duration-normal) var(--ease-apple),transform var(--duration-normal) var(--ease-apple)}.tab-content-leave-active{transition:opacity var(--duration-fast) var(--ease-apple),transform var(--duration-fast) var(--ease-apple)}.tab-content-enter-from{opacity:0;transform:translate(12px)}.tab-content-leave-to{opacity:0;transform:translate(-12px)}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}@keyframes numberFlip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){html.tools-page-locked,body.tools-page-locked{width:100%;height:100dvh;overflow:hidden!important;overscroll-behavior:none}body.tools-page-locked .page{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;overflow:hidden!important}body.tools-page-locked .navbar{flex:0 0 var(--navbar-height)}body.tools-page-locked .page-enter-active,body.tools-page-locked .page-leave-active{transition:none}body.tools-page-locked .page-enter-from,body.tools-page-locked .page-leave-to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 767px){.container{width:min(100% - 32px,var(--content-width-lg))}.section{padding:var(--space-12) var(--space-4)}.section-head{display:block}.section-title{font-size:var(--text-2xl)}.content-card,.card{padding:var(--space-4)}}