@charset "UTF-8";:root{--bg: #E4E4EA;--surface: #FFFFFF;--surface-hover: #F0F0F4;--border: #CDCDD3;--border-strong: #A8A8B0;--divider: #9E9EA8;--primary: #C4652A;--primary-hover: #D4742F;--primary-muted: #F8EDE4;--primary-rgb: 196, 101, 42;--accent: #3D2B1F;--accent-hover: #54392A;--accent-rgb: 61, 43, 31;--text: #171717;--text-secondary: #6B6B6B;--text-muted: #9B9B9B;--text-inverse: #FFFFFF;--text-rgb: 23, 23, 23;--success: #2E7D32;--success-bg: #E8F5E9;--success-rgb: 46, 125, 50;--warning: #E65100;--warning-bg: #FFF3E0;--warning-rgb: 230, 81, 0;--danger: #C62828;--danger-hover: #B71C1C;--danger-bg: #FFEBEE;--danger-rgb: 198, 40, 40;--border-rgb: 232, 223, 212;--overlay: rgba(0, 0, 0, .5);--focus-ring: 0 0 0 3px rgba(196, 101, 42, .2);--logo-pill-bg: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .14);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .14);--header-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--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;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.2;--leading-normal: 1.4;--leading-relaxed: 1.5;--leading-loose: 1.7;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--heat: linear-gradient(135deg, #FF9500 0%, #FF3D00 50%, #D32F2F 100%);--heat-glow: 0 0 20px rgba(255, 77, 0, .4);--font-display: "Poppins", sans-serif;--line-accent: repeating-linear-gradient( 90deg, transparent 0, transparent 4px, var(--border) 4px, var(--border) 8px )}html.dark{--bg: #111113;--surface: #1A1A1E;--surface-hover: #242428;--border: #2E2E33;--border-strong: #3A3A40;--divider: #4A4A52;--primary: #D4793A;--primary-hover: #E08844;--primary-muted: #2A1C10;--primary-rgb: 212, 121, 58;--accent: #C4A882;--accent-hover: #D4BC9A;--accent-rgb: 196, 168, 130;--text: #F0EBE5;--text-secondary: #A89F95;--text-muted: #6B6058;--text-inverse: #1A1612;--text-rgb: 240, 235, 229;--success: #4CAF50;--success-bg: #1A2E1A;--success-rgb: 76, 175, 80;--warning: #FF9800;--warning-bg: #2E2210;--warning-rgb: 255, 152, 0;--danger: #EF5350;--danger-hover: #E53935;--danger-bg: #2E1A1A;--danger-rgb: 239, 83, 80;--border-rgb: 55, 50, 45;--overlay: rgba(0, 0, 0, .6);--focus-ring: 0 0 0 3px rgba(212, 121, 58, .25);--logo-pill-bg: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .35);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .3);--header-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .1)}html.dark img[src*="denju.svg"]{filter:brightness(0) invert(1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}html{color-scheme:light;background:var(--bg)}html.dark{color-scheme:dark;background:var(--bg)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.04;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 179px,var(--text) 179px,var(--text) 180px),repeating-linear-gradient(0deg,transparent 0,transparent 179px,var(--text) 179px,var(--text) 180px)}html.dark body:before{opacity:.06}.app-layout,main,header,.main{position:relative;z-index:1}button,input,select,textarea{font-family:inherit}html.dark{scrollbar-color:var(--border-strong) var(--bg)}::selection{background:rgba(var(--primary-rgb),.2);color:var(--text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes likeBounce{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skeleton{background:linear-gradient(90deg,var(--surface-hover) 25%,var(--primary-muted) 50%,var(--surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}button:active:not(:disabled){transform:scale(.97)}a{transition:color var(--transition-fast)}