:root{--color-primary-50: #e8f5e9;--color-primary-100: #c8e6c9;--color-primary-200: #a5d6a7;--color-primary-300: #81c784;--color-primary-400: #66bb6a;--color-primary-500: #4caf50;--color-primary-600: #43a047;--color-primary-700: #388e3c;--color-primary-800: #2e7d32;--color-primary-900: #1b5e20;--gradient-primary: linear-gradient(135deg, #4caf50, #2e7d32, #1b5e20);--gradient-primary-subtle: linear-gradient(135deg, rgba(76,175,80,.1), rgba(46,125,50,.05));--color-secondary-50: #fff8e1;--color-secondary-100: #ffecb3;--color-secondary-200: #ffe082;--color-secondary-300: #ffd54f;--color-secondary-400: #ffca28;--color-secondary-500: #ffc107;--color-secondary-600: #ffb300;--color-secondary-700: #ffa000;--color-secondary-800: #ff8f00;--color-secondary-900: #ff6f00;--color-neutral-0: #ffffff;--color-neutral-50: #fafaf9;--color-neutral-100: #f5f5f4;--color-neutral-200: #e7e5e4;--color-neutral-300: #d6d3d1;--color-neutral-400: #a8a29e;--color-neutral-500: #78716c;--color-neutral-600: #57534e;--color-neutral-700: #44403c;--color-neutral-800: #292524;--color-neutral-900: #1c1917;--color-success-50: #edf7ed;--color-success-100: #c8e6c9;--color-success-200: #a5d6a7;--color-success-300: #81c784;--color-success-400: #66bb6a;--color-success-500: #4caf50;--color-success-600: #43a047;--color-success-700: #388e3c;--color-success-800: #2e7d32;--color-success-900: #1b5e20;--color-warning-50: #fff8e1;--color-warning-100: #ffecb3;--color-warning-200: #ffe082;--color-warning-300: #ffd54f;--color-warning-400: #ffca28;--color-warning-500: #ffc107;--color-warning-600: #ffb300;--color-warning-700: #ffa000;--color-warning-800: #ff8f00;--color-warning-900: #ff6f00;--color-error-50: #ffebee;--color-error-100: #ffcdd2;--color-error-200: #ef9a9a;--color-error-300: #e57373;--color-error-400: #ef5350;--color-error-500: #f44336;--color-error-600: #e53935;--color-error-700: #d32f2f;--color-error-800: #c62828;--color-error-900: #b71c1c;--color-info-50: #e1f5fe;--color-info-100: #b3e5fc;--color-info-200: #81d4fa;--color-info-300: #4fc3f7;--color-info-400: #29b6f6;--color-info-500: #03a9f4;--color-info-600: #039be5;--color-info-700: #0288d1;--color-info-800: #0277bd;--color-info-900: #01579b;--color-success: var(--color-success-800);--color-success-bg: var(--color-success-50);--color-warning: var(--color-warning-800);--color-warning-bg: var(--color-warning-50);--color-error: var(--color-error-800);--color-error-bg: var(--color-error-50);--color-info: var(--color-info-700);--color-info-bg: var(--color-info-50);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-disabled: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--motion-instant: 50ms;--motion-fast: .15s;--motion-base: .25s;--motion-slow: .35s;--motion-leisure: .5s;--ease-standard: cubic-bezier(.2, .9, .4, 1.1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-emotion: cubic-bezier(.34, 1.2, .64, 1);--space-0: 0;--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;--space-24: 96px;--space-32: 128px;--space-40: 160px;--space-48: 192px;--space-64: 256px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-3xl: 48px;--radius-full: 9999px;--shadow-none: 0 0 #0000;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05)}:root{--bottom-nav-height: calc(72px + env(safe-area-inset-bottom, 0px)) ;--sidebar-width: 280px}.app-layout{display:flex;flex-direction:row;height:100dvh;background-color:var(--color-neutral-50);overflow:hidden}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100dvh;overflow-y:auto;overflow-x:hidden;position:relative}.adaptive-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#fafaf9d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none;box-shadow:0 4px 24px #0000000a;position:sticky;top:0;z-index:40;min-height:72px;transition:all var(--motion-base) var(--ease-standard)}.header-center-title{position:absolute;left:50%;transform:translate(-50%);font-weight:700;font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap}.desktop-only-flex{display:none}.mobile-only-flex{display:flex}.app-main{flex:1;padding:var(--space-6) var(--space-4) calc(var(--bottom-nav-height) + var(--space-8))}.desktop-sidebar{display:none}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:none;box-shadow:0 -8px 32px #0000000a;z-index:50;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center}@media (min-width: 768px){.desktop-sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);min-width:var(--sidebar-width);height:100dvh;background:var(--color-neutral-0);border-right:none;box-shadow:4px 0 32px #00000008;padding:var(--space-6);overflow-y:auto;z-index:40}.adaptive-header{min-height:80px;padding:var(--space-4) var(--space-12);box-shadow:none;background:#fafaf9f2}.header-center-title{display:none}.desktop-only-flex{display:flex}.mobile-only-flex,.mobile-bottom-nav{display:none}.app-main{padding:var(--space-4) var(--space-12) var(--space-12)}}@media (max-width: 767px){header[style*="margin-bottom: var(--space-20)"]{margin-bottom:var(--space-8)!important}header[style*="margin-bottom: var(--space-20)"]>div{width:64px!important;height:64px!important;margin-bottom:var(--space-4)!important;border-radius:var(--radius-xl)!important}header[style*="margin-bottom: var(--space-20)"]>div>div{width:32px!important;height:32px!important;border-width:3px!important}header[style*="margin-bottom: var(--space-20)"]>h1{font-size:var(--text-3xl)!important}header[style*="margin-bottom: var(--space-20)"]>p{font-size:var(--text-base)!important}h1[style*="font-size: var(--text-4xl)"]{font-size:var(--text-3xl)!important;margin-bottom:var(--space-6)!important}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img,picture,video,canvas,svg{display:block;max-width:100%;pointer-events:none}input,button,textarea,select{font:inherit}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}.is-selectable{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;cursor:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-8);min-height:3.5rem;border-radius:var(--radius-full);border:none;font-weight:600;font-size:var(--text-base);letter-spacing:var(--tracking-tight);line-height:1;transition:all var(--motion-fast) var(--ease-standard);cursor:pointer;position:relative;overflow:hidden;text-decoration:none;user-select:none}@media (max-width: 767px){.btn{width:100%}}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #4caf5026}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4caf504d}.btn-primary:active{transform:translateY(1px);transition:var(--motion-instant);box-shadow:0 2px 4px #4caf5033}.btn-secondary{background:var(--color-secondary-500);color:var(--color-neutral-900);box-shadow:0 4px 12px #ffc10726}.btn-secondary:hover{background:var(--color-secondary-600);transform:translateY(-2px);box-shadow:0 8px 20px #ffc1074d}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:before{content:"";position:absolute;inset:0;background:currentColor;border-radius:inherit;opacity:0;transition:opacity var(--motion-fast) var(--ease-standard)}.btn-ghost:hover:before{opacity:.08}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);border:none;background:transparent;color:inherit;cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;padding:0;margin:0}.icon-btn:hover{background:var(--color-neutral-100)}.icon-btn:active{background:var(--color-neutral-200);transform:scale(.92)}.btn-loading{cursor:wait;position:relative}.btn-loading .btn-content{opacity:0}.btn-loading:after{content:"";position:absolute;width:24px;height:24px;border:3px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--color-neutral-100);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{text-align:center;padding:var(--space-12);background:var(--color-neutral-50);border-radius:var(--radius-lg);border:1px dashed var(--color-neutral-300)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5;animation:gentle-float 3s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.empty-state-title{font-size:1.25rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-message{color:var(--text-tertiary);font-size:.875rem}.card{background:var(--color-neutral-0);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);padding:var(--space-8);position:relative;overflow:hidden}.card.card-interactive{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}@media (max-width: 767px){.card{padding:var(--space-6);border-radius:var(--radius-xl)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.input-field{width:100%;min-height:3.5rem;padding:0 var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-300);background:var(--color-neutral-0);color:var(--text-primary);font-size:var(--text-base);transition:all var(--motion-fast) var(--ease-standard);box-shadow:var(--shadow-sm);appearance:none}.input-field::placeholder{color:var(--text-disabled);font-weight:400}.input-field:hover{border-color:var(--color-neutral-400);box-shadow:var(--shadow-md)}.input-field:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100),var(--shadow-md)}.input-field.input-error{border-color:var(--color-error);background-color:var(--color-error-bg)}.input-field.input-error:focus{box-shadow:0 0 0 3px var(--color-error-bg),var(--shadow-md)}.input-error-msg{color:var(--color-error);font-weight:500;font-size:var(--text-sm);margin-top:var(--space-1);animation:slide-down .2s var(--ease-enter);transform-origin:top}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1;white-space:nowrap}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-800)}.badge-secondary{background:var(--color-secondary-100);color:var(--color-secondary-800)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-700)}.switch-wrapper{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.switch-input{display:none}.switch-track{width:56px;height:32px;background:var(--color-neutral-300);border-radius:var(--radius-full);position:relative;transition:background .3s var(--ease-standard);box-shadow:var(--shadow-inner)}.switch-thumb{width:28px;height:28px;background:var(--color-neutral-0);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s var(--ease-emotion);box-shadow:0 2px 4px #0003}.switch-input:checked+.switch-track{background:var(--color-primary-500)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(24px)}.switch-label{font-weight:600;font-size:var(--text-base);color:var(--text-primary)}.progress-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.progress-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.progress-track{width:100%;height:12px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-inner)}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .6s var(--ease-standard);position:relative}.progress-indeterminate .progress-fill{width:100%;animation:indeterminate 2s infinite linear;background:linear-gradient(90deg,var(--color-primary-300) 0%,var(--color-primary-500) 50%,var(--color-primary-300) 100%);background-size:200% 100%}@keyframes indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.slider-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.slider-label{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);display:flex;justify-content:space-between}.slider-input{-webkit-appearance:none;width:100%;height:8px;background:var(--color-neutral-200);border-radius:var(--radius-full);outline:none;margin:var(--space-3) 0;box-shadow:var(--shadow-inner)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 4px 12px #00000026;border:1.5px solid var(--color-neutral-300);transition:transform var(--motion-instant) var(--ease-standard)}.slider-input::-webkit-slider-thumb:active{transform:scale(1.15);border-color:var(--color-primary-400)}.accordion-wrapper{display:flex;flex-direction:column;border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);background:var(--color-neutral-0);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-neutral-200)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:transparent;border:none;font-weight:600;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--motion-fast)}.accordion-header:hover{background:var(--color-neutral-50)}.accordion-icon{color:var(--text-secondary);transition:transform var(--motion-fast) var(--ease-standard)}.accordion-item.is-open .accordion-icon{transform:rotate(180deg);color:var(--color-primary-600)}.accordion-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-base) var(--ease-standard)}.accordion-item.is-open .accordion-content-wrapper{grid-template-rows:1fr}.accordion-content{overflow:hidden}.accordion-inner{padding:0 var(--space-6) var(--space-5);color:var(--text-secondary);line-height:var(--leading-relaxed)}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--ease-standard);display:flex;justify-content:center;align-items:center}.modal-overlay.is-open{opacity:1;pointer-events:auto}.modal-container{background:var(--color-neutral-0);z-index:101;transition:all var(--motion-slow) var(--ease-emotion);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-neutral-100)}.modal-title{font-weight:800;font-size:var(--text-2xl);color:var(--text-primary);margin:0}.modal-close-btn{background:var(--color-neutral-100);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background var(--motion-fast)}.modal-close-btn:hover{background:var(--color-neutral-200)}.modal-content{padding:var(--space-6);overflow-y:auto;flex:1;color:var(--text-secondary);line-height:var(--leading-relaxed)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-neutral-100);display:flex;justify-content:flex-end;gap:var(--space-4);background:var(--color-neutral-50)}@media (max-width: 767px){.modal-overlay{align-items:flex-end}.modal-container{width:100%;max-height:90dvh;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom,0px)}.modal-overlay.is-open .modal-container{transform:translateY(0)}.modal-drag-indicator{width:48px;height:6px;background:var(--color-neutral-300);border-radius:99px;margin:var(--space-3) auto 0}}@media (min-width: 768px){.modal-container{width:90%;max-width:520px;max-height:85vh;border-radius:var(--radius-2xl);transform:scale(.95);opacity:0}.modal-overlay.is-open .modal-container{transform:scale(1);opacity:1}.modal-drag-indicator{display:none}}.avatar-wrapper{display:inline-flex;position:relative;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--gradient-primary-subtle);color:var(--color-primary-700);font-weight:700;text-transform:uppercase;box-shadow:var(--shadow-inner);user-select:none;flex-shrink:0}.avatar-image{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:48px;height:48px;font-size:var(--text-base)}.avatar-lg{width:64px;height:64px;font-size:var(--text-xl)}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:var(--radius-full);border:2px solid var(--color-neutral-0);background:var(--color-neutral-300)}.avatar-status.is-online{background:var(--color-success)}.avatar-status.is-busy{background:var(--color-error)}.avatar-status.is-away{background:var(--color-warning)}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-6));right:var(--space-4);width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #4caf504d;border:none;cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);z-index:45;-webkit-tap-highlight-color:transparent}.fab:hover{transform:translateY(-4px);box-shadow:0 12px 32px #4caf5066}.fab:active{transform:translateY(0) scale(.9);transition-duration:var(--motion-instant)}@media (min-width: 768px){.fab{bottom:var(--space-8);right:var(--space-8);width:64px;height:64px}}.tabs-wrapper{display:flex;flex-direction:column;width:100%}.tabs-list{display:flex;gap:var(--space-4);border-bottom:1px solid var(--color-neutral-200);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tabs-list::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast) var(--ease-standard);margin-bottom:-1px}.tab-btn:hover{color:var(--color-primary-600)}.tab-btn.is-active{color:var(--color-primary-700);border-bottom-color:var(--color-primary-500)}.tabs-content{padding:var(--space-6) 0;animation:fade-in var(--motion-base) var(--ease-enter)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.control-wrapper{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;padding:var(--space-1) 0}.control-input{display:none}.control-box{width:24px;height:24px;border:2px solid var(--color-neutral-300);background:var(--color-neutral-0);display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast) var(--ease-standard);color:#fff}.control-checkbox .control-box{border-radius:var(--radius-sm)}.control-input:checked+.control-box{background:var(--color-primary-500);border-color:var(--color-primary-500)}.control-checkbox .control-icon{transform:scale(0);transition:transform var(--motion-base) var(--ease-emotion)}.control-radio .control-box{border-radius:var(--radius-full)}.control-radio .control-icon{width:10px;height:10px;background:#fff;border-radius:50%;transform:scale(0);transition:transform var(--motion-base) var(--ease-emotion)}.control-input:checked+.control-box .control-icon{transform:scale(1)}.control-wrapper:hover .control-box{border-color:var(--color-primary-400)}.control-label{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid transparent}.alert-icon{flex-shrink:0;margin-top:2px}.alert-content{flex:1}.alert-title{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-1)}.alert-message{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert-info{background:var(--color-info-bg);border-left-color:var(--color-info);color:var(--color-info)}.alert-info .alert-message{color:var(--color-neutral-700)}.alert-success{background:var(--color-success-bg);border-left-color:var(--color-success);color:var(--color-success)}.alert-success .alert-message{color:var(--color-neutral-700)}.alert-warning{background:var(--color-warning-bg);border-left-color:var(--color-warning);color:var(--color-warning)}.alert-warning .alert-message{color:var(--color-neutral-800)}.alert-error{background:var(--color-error-bg);border-left-color:var(--color-error);color:var(--color-error)}.alert-error .alert-message{color:var(--color-neutral-800)}.toast-container{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-4));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-3);z-index:1000;pointer-events:none;width:90%;max-width:400px}@media (min-width: 768px){.toast-container{bottom:var(--space-8);left:auto;right:var(--space-8);transform:none;width:320px}}.toast{background:var(--color-neutral-900);color:var(--color-neutral-0);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);pointer-events:auto;animation:toast-slide-up .4s var(--ease-emotion);will-change:transform,opacity}.toast.success{background:var(--color-success-700);color:var(--color-neutral-0)}.toast.error{background:var(--color-error-700);color:var(--color-neutral-0)}.toast.info{background:var(--color-info-700);color:var(--color-neutral-0)}.toast.is-closing{animation:toast-fade-out .3s var(--ease-exit) forwards}.toast-content{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:600}.toast-icon{color:var(--color-neutral-0)}.toast-close{background:transparent;border:none;color:currentColor;opacity:.7;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast);margin-right:-var(--space-2)}.toast-close:hover{background:#fff3;opacity:1}@keyframes toast-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-fade-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(10px) scale(.95);opacity:0}}textarea.input-field{min-height:120px;resize:vertical;line-height:var(--leading-relaxed);padding-top:var(--space-4);padding-bottom:var(--space-4)}.list-wrapper{display:flex;flex-direction:column;background:var(--color-neutral-0);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200)}.list-item{display:flex;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-neutral-100);background:var(--color-neutral-0);transition:background var(--motion-fast);text-decoration:none;color:var(--text-primary)}.list-item:last-child{border-bottom:none}.list-item.is-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.list-item.is-clickable:hover{background:var(--color-neutral-50)}.list-item.is-clickable:active{background:var(--color-neutral-100)}.list-item-slot-start{margin-right:var(--space-4);display:flex;align-items:center;justify-content:center;color:inherit;opacity:.8}.list-item-content{flex:1;display:flex;flex-direction:column;justify-content:center}.list-item-title{font-weight:600;font-size:var(--text-base);color:inherit;line-height:var(--leading-tight)}.list-item-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.list-item-slot-end{margin-left:var(--space-4);display:flex;align-items:center;justify-content:center;color:inherit;opacity:.5}.list-item.is-dragging{opacity:.5;background:var(--color-primary-50)}.reorder-handle{cursor:grab;color:var(--color-neutral-400);padding:var(--space-2);margin-right:-var(--space-2);display:flex;align-items:center}.reorder-handle:active{cursor:grabbing}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.select-container{position:relative;width:100%}.select-field{width:100%;min-height:3.5rem;display:flex;align-items:center;padding:0 var(--space-12) 0 var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-300);background:var(--color-neutral-0);color:var(--text-primary);font-size:var(--text-base);font-weight:500;transition:all var(--motion-fast) var(--ease-standard);box-shadow:var(--shadow-sm);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.select-placeholder{color:var(--text-disabled);font-weight:400}.select-text-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-field:hover{border-color:var(--color-neutral-400);box-shadow:var(--shadow-md)}.select-field.is-focused,.select-field:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100),var(--shadow-md)}.select-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);transition:transform var(--motion-fast) var(--ease-standard)}.select-icon.is-open{color:var(--color-primary-600);transform:translateY(-50%) rotate(180deg)}.select-field.input-error{border-color:var(--color-error);background-color:var(--color-error-bg);color:var(--color-error-900)}.select-field.input-error.is-focused{box-shadow:0 0 0 3px var(--color-error-bg),var(--shadow-md)}.select-backdrop{position:fixed;inset:0;z-index:90}.select-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:260px;overflow-y:auto;z-index:100;padding:var(--space-2) 0;animation:select-slide-down .2s var(--ease-emotion);transform-origin:top center}@keyframes select-slide-down{0%{opacity:0;transform:translateY(-8px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.select-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);cursor:pointer;transition:background var(--motion-fast);font-size:var(--text-base);color:var(--text-primary)}.select-option:hover{background:var(--color-neutral-50)}.select-option:active{background:var(--color-neutral-100)}.select-option.is-selected{background:var(--color-primary-50);color:var(--color-primary-800);font-weight:600}.select-option-check{color:var(--color-primary-600)}.refresher-container{position:relative;width:100%;overflow:hidden}.refresher-content{transition:transform .3s cubic-bezier(.2,.9,.4,1.1);will-change:transform}.refresher-content.is-pulling{transition:none}.refresher-spinner-wrapper{position:absolute;top:0;left:0;right:0;height:60px;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);z-index:-1}.refresher-spinner{width:32px;height:32px;border-radius:50%;background:var(--color-neutral-0);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary-500);transition:transform .1s}.refresher-spinner svg{transition:transform .1s}.is-refreshing .refresher-spinner svg{animation:refresher-spin 1s linear infinite}@keyframes refresher-spin{to{transform:rotate(360deg)}}.context-menu-backdrop{position:fixed;inset:0;z-index:200;background:#0000;display:none}.context-menu-backdrop.is-open{display:block}.context-menu-popover{position:fixed;background:#fafaf9f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:200px;z-index:201;overflow:hidden;display:flex;flex-direction:column;animation:context-scale-fade .15s var(--ease-emotion);transform-origin:top left}@keyframes context-scale-fade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--text-primary);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--motion-fast);-webkit-tap-highlight-color:transparent}.context-menu-item:hover,.context-menu-item:active{background:var(--color-neutral-100)}.context-menu-item.danger{color:var(--color-error-600)}.context-menu-item.danger .context-icon{color:var(--color-error-500)}.context-icon{color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.context-divider{height:1px;background:var(--color-neutral-200);margin:var(--space-1) 0}@media (max-width: 767px){.context-menu-backdrop{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background var(--motion-base)}.context-menu-popover{inset:auto 0 0!important;width:100%;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;border:none;padding-bottom:env(safe-area-inset-bottom,0px);animation:context-slide-up .3s var(--ease-standard)}.context-menu-item{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.context-menu-popover:before{content:"";display:block;width:48px;height:6px;background:var(--color-neutral-300);border-radius:99px;margin:var(--space-3) auto var(--space-2)}}@keyframes context-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.onboarding-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:500px;position:relative;background:var(--color-neutral-0);border-radius:inherit}.onboarding-progress{display:flex;gap:var(--space-2);padding:var(--space-6) var(--space-6) 0;width:100%}.onboarding-segment{flex:1;height:4px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.onboarding-segment-fill{height:100%;width:0%;background:var(--color-primary-500);transition:width .4s var(--ease-standard);border-radius:var(--radius-full)}.onboarding-segment.is-completed .onboarding-segment-fill,.onboarding-segment.is-active .onboarding-segment-fill{width:100%}.onboarding-segment.is-active .onboarding-segment-fill{background:var(--color-primary-400)}.onboarding-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-6);animation:slide-in-right .5s var(--ease-emotion)}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.onboarding-icon-wrapper{width:120px;height:120px;background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-10);box-shadow:0 16px 40px #4caf5026;position:relative}.onboarding-icon-wrapper:before{content:"";position:absolute;inset:-12px;border-radius:var(--radius-full);background:var(--color-primary-50);opacity:.5;z-index:-1}.onboarding-title{font-size:var(--text-3xl);font-weight:900;color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}.onboarding-desc{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:420px;margin:0 auto}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);margin-top:auto;gap:var(--space-4)}@media (max-width: 767px){.onboarding-footer{flex-direction:column-reverse}.onboarding-footer .btn{width:100%}.onboarding-icon-wrapper{width:96px;height:96px;margin-bottom:var(--space-8)}.onboarding-title{font-size:var(--text-2xl)}.onboarding-desc{font-size:var(--text-base)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.perspective-1000{perspective:1000px}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif}body{font-family:var(--font-sans);background-color:var(--color-neutral-50);color:var(--text-primary);margin:0;-webkit-font-smoothing:antialiased}.motion-track{container-type:inline-size}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--color-neutral-0);border-right:1px solid var(--color-neutral-200);padding:var(--space-6) var(--space-4);display:none;flex-direction:column;gap:var(--space-1);overflow-y:auto;z-index:50}@media (min-width: 1024px){.sidebar{display:flex}}.sidebar-logo{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-600);display:flex;align-items:center;gap:var(--space-2)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none}.sidebar-item:hover{background:var(--color-neutral-100);color:var(--text-primary)}.sidebar-item.is-active{background:var(--color-primary-50);color:var(--color-primary-700)}.sidebar-divider{height:1px;background:var(--color-neutral-200);margin:var(--space-4) 0}.sidebar-footer{padding:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);margin-top:auto}.tab-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fffffff2;border-top:1px solid var(--color-neutral-200);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;backdrop-filter:blur(10px)}@media (min-width: 1024px){.tab-nav{display:none}}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);border-radius:var(--radius-lg);min-width:64px;text-decoration:none;color:var(--text-tertiary)}.tab-item:hover{background:var(--color-neutral-100)}.tab-item.is-active{color:var(--color-primary-600)}.tab-label{font-size:var(--text-xs);font-weight:var(--font-medium)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}@media (min-width: 1024px){.main-content{padding-bottom:0;padding-left:260px}}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-4)}@media (min-width: 768px){.page-container{padding:var(--space-6)}}@media (min-width: 1024px){.page-container{padding:var(--space-8)}}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}@media (min-width: 768px){.page-title{font-size:var(--text-4xl)}}.page-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.blog-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width: 640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);overflow:hidden}.card-interactive{cursor:pointer;transition:all var(--motion-fast) var(--ease-standard)}.card-interactive:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg)}.card-interactive:active{transform:scale(.98)}.blog-card{display:flex;flex-direction:column;height:100%}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-image{aspect-ratio:16 / 9;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-base) var(--ease-standard)}.card-interactive:hover .blog-card-image img{transform:scale(1.03)}.blog-card-content{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.category-badge{border-radius:var(--radius-full);font-weight:var(--font-medium)}.blog-card-date{font-size:var(--text-sm);color:var(--text-tertiary)}.blog-card-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-neutral-100)}.blog-card-author{display:flex;align-items:center;gap:var(--space-2)}.blog-card-author-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.blog-card-readtime{font-size:var(--text-sm);color:var(--text-tertiary)}.blog-card-featured{display:flex;flex-direction:column}@media (min-width: 1024px){.blog-card-featured{flex-direction:row}.blog-card-featured .blog-card-image{flex:1.5}.blog-card-featured .blog-card-content{flex:1;display:flex;flex-direction:column;justify-content:center}}.blog-card-featured .blog-card-title{font-size:var(--text-2xl);-webkit-line-clamp:3}.blog-card-featured .blog-card-image{aspect-ratio:auto;height:100%;min-height:200px}.blog-card-featured .blog-card-image img{border-radius:var(--radius-lg)}.blog-card-image-skeleton{aspect-ratio:16 / 9}.latest-hero{text-align:center;padding:var(--space-12) 0;margin-bottom:var(--space-8)}.latest-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-900));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3)}.latest-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.latest-section{margin-bottom:var(--space-12)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6);color:var(--text-primary)}.explore-search{display:flex;align-items:center;gap:var(--space-3);background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.explore-search-input{flex:1;border:none;background:none;outline:none;font-size:var(--text-base);color:var(--text-primary)}.explore-search-input::placeholder{color:var(--text-tertiary)}.explore-categories{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-4);margin-bottom:var(--space-6);-webkit-overflow-scrolling:touch;scrollbar-width:none}.explore-categories::-webkit-scrollbar{display:none}.category-filter{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-neutral-200);background:var(--color-neutral-0);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast) var(--ease-standard)}.category-filter:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.category-filter.is-active{background:var(--cat-color, var(--color-primary-500));border-color:transparent;color:#fff}.results-count{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) 0;gap:var(--space-4)}@media (min-width: 640px){.profile-header{flex-direction:row;text-align:left;gap:var(--space-6)}}.profile-info{flex:1}.profile-name{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.profile-username{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-3)}.profile-bio{font-size:var(--text-base);color:var(--text-secondary);max-width:400px}.profile-stats{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-6) 0;border-top:1px solid var(--color-neutral-200);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--space-6)}@media (min-width: 640px){.profile-stats{justify-content:flex-start}}.stat-item{display:flex;flex-direction:column;align-items:center}@media (min-width: 640px){.stat-item{align-items:flex-start}}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary)}.stat-divider{width:1px;height:40px;background:var(--color-neutral-200)}.profile-links{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.profile-link-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-neutral-0);border-radius:var(--radius-lg);color:var(--text-secondary)}.profile-section{margin-bottom:var(--space-8)}.profile-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.settings-list{display:flex;flex-direction:column;gap:var(--space-2)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-neutral-0);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--motion-fast)}.settings-item:hover{background:var(--color-neutral-100)}.settings-item-info{display:flex;align-items:center;gap:var(--space-3)}.settings-item-danger{color:var(--color-error-600)}.about-text{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.about-version{font-size:var(--text-sm);color:var(--text-tertiary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-4)}.empty-state-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--text-tertiary)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state-text{color:var(--text-secondary);max-width:300px;margin:0 auto}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp var(--motion-slow) var(--ease-enter) forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.markdown-content{line-height:var(--leading-relaxed);color:var(--text-primary)}.markdown-content h1{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:var(--space-8) 0 var(--space-4)}.markdown-content h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:var(--space-6) 0 var(--space-3)}.markdown-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-5) 0 var(--space-2)}.markdown-content p{margin:var(--space-4) 0}.markdown-content ul,.markdown-content ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.markdown-content li{margin:var(--space-2) 0}.markdown-content code{font-family:var(--font-mono);background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.9em}.markdown-content pre{background:var(--color-neutral-900);color:var(--color-neutral-0);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4) 0}.markdown-content pre code{background:none;padding:0;font-size:var(--text-sm)}.markdown-content blockquote{border-left:4px solid var(--color-primary-500);padding-left:var(--space-4);margin:var(--space-4) 0;font-style:italic;color:var(--text-secondary)}.markdown-content img{border-radius:var(--radius-lg);margin:var(--space-6) 0}.markdown-content a{color:var(--color-primary-600);text-decoration:underline;text-underline-offset:2px}.markdown-content a:hover{color:var(--color-primary-700)}