:root{--bg-app: #0c0c0c;--bg-primary: #141416;--bg-secondary: #1a1a1c;--bg-tertiary: #1e1e20;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #48484a;--accent: #ff6b4a;--accent-hover: #ff5939;--success: #12d08f;--danger: #b34f40;--warning: #ffd60a;--border: #232325;--border-subtle: #1c1c1e;--radius: 14px;--radius-sm: 10px;--radius-lg: 18px;--sidebar-width: 280px;--card-min-width: 340px;--card-padding: 24px;--main-padding-y: 32px;--main-padding-x: 32px;--main-padding-right: 24px;--touch-target: 44px;--font-h1: 32px;--font-h2: 22px;--font-stat-hero: 48px;--font-stat-large: 36px;--font-stat-medium: 32px;--transition-smooth: cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{min-height:100vh}::selection{background:#ff6b4a4d;color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, transparent);border-radius:3px}@keyframes panelContentFadeIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes panelEditSwitch{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardDelete{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes paginationPop{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.12)}to{transform:scale(1.05);opacity:1}}@keyframes logoFlip3d{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes subviewSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes subviewSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes settingsSlideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes settingsSlideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settingsSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(60px) scale(.95)}}@keyframes settingsItemIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes backdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes selectionBarIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes selectionBarOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes emptyFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes statsDropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes statsDropOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.97)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chatSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes chatPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.generator-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none}.generator-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress, 0%),var(--bg-tertiary) var(--range-progress, 0%),var(--bg-tertiary) 100%)}.generator-range::-moz-range-track{height:6px;border-radius:3px;background:var(--bg-tertiary)}.generator-range::-moz-range-progress{height:6px;border-radius:3px;background:var(--accent)}.generator-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);margin-top:-5px;cursor:pointer;box-shadow:0 1px 4px #0000004d;transition:transform .15s,box-shadow .15s}.generator-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #ff6b4a59}.generator-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);cursor:pointer;box-shadow:0 1px 4px #0000004d;transition:transform .15s,box-shadow .15s}.generator-range::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #ff6b4a59}@media(max-width:1199px){:root{--card-min-width: 300px;--main-padding-x: 28px;--main-padding-right: 20px}}@media(max-width:768px){:root{--card-min-width: 280px;--main-padding-x: 16px;--main-padding-right: 16px;--main-padding-y: 20px}}