*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-text: #333;--color-text-light: #ffffff;--color-heading: #333;--color-muted: #aaa;--color-muted-light: #dcdcdc;--color-border: #dadada;--color-primary: #bb9f5e;--color-primary-dark: #3e3b30;--color-secondary: #14c4bc;--color-accent: #897656;--color-link: #bb9f5e;--color-link-hover: #ceac5e;--color-primary-shadow: #bb9f5e;--color-success: #4ade80;--color-success-dark: #22c55e;--color-error: #ef4444;--color-dark: #222222;--color-dark-lighter: #333333;--color-footer-border: #444444;--color-footer-text: #333;--color-footer-link: #333;--color-header-bg: #efedea;--color-table-label-bg: #e7e4e0;--color-table-label-bg-hover: #d5d0c9;--color-table-label-color: rgb(91, 84, 74);--color-item-border: #dedede;--color-warning: #ef4444;--color-text-secondary: #666;--color-bg-alt: #f8f8f8;--color-star-5-text: #b79b00;--color-star-5: gold;--color-star-4: rgb(201, 131, 237);--color-star-3: rgb(129, 206, 255);--color-star-2: rgb(156, 243, 176);--color-star-1: #dedede;--color-pity-low: #4ade80;--color-pity-medium: #f59e0b;--color-pity-high: #ef4444;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1440px;--font-family-base: "Roboto", Arial, sans-serif;--font-family-heading: "Roboto", Arial, sans-serif;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-size-6xl: 3rem;--font-size-7xl: 3.5rem;--font-size-8xl: 4rem;--font-size-fluid-xs: clamp(.625rem, .5rem + .5vw, .75rem);--font-size-fluid-sm: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-fluid-base: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-fluid-md: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-fluid-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-fluid-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-fluid-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.75rem);--font-size-fluid-3xl: clamp(1.75rem, 1.5rem + 1.25vw, 2rem);--font-size-fluid-4xl: clamp(2rem, 1.75rem + 1.5vw, 2.5rem);--font-size-fluid-5xl: clamp(2.5rem, 2.25rem + 1.75vw, 3rem);--font-size-fluid-6xl: clamp(3rem, 2.5rem + 2.5vw, 3.5rem);--font-size-fluid-7xl: clamp(3.5rem, 3rem + 3vw, 4rem);--font-size-fluid-8xl: clamp(4rem, 3.5rem + 3.5vw, 5rem);--font-size-h1: var(--font-size-4xl);--font-size-h2: var(--font-size-3xl);--font-size-h3: var(--font-size-2xl);--font-size-h4: var(--font-size-xl);--font-size-h5: var(--font-size-lg);--font-size-h6: var(--font-size-md);--font-size-fluid-h1: var(--font-size-fluid-4xl);--font-size-fluid-h2: var(--font-size-fluid-3xl);--font-size-fluid-h3: var(--font-size-fluid-2xl);--font-size-fluid-h4: var(--font-size-fluid-xl);--font-size-fluid-h5: var(--font-size-fluid-lg);--font-size-fluid-h6: var(--font-size-fluid-md);--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-loose: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--container-width: 1200px;--container-width-lg: 2000px;--gutter-width: 20px;--border-radius: 4px;--border-width: 1px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition-duration: .3s;--header-height: 100px}.dark{--color-bg: #1a1a1a;--color-text: #e0e0e0;--color-text-light: #ffffff;--color-heading: #f0f0f0;--color-muted: #999;--color-muted-light: #cdcdcd;--color-border: #444;--color-primary: #c4a865;--color-primary-dark: #8b7e5f;--color-secondary: #1fb8b0;--color-accent: #a89678;--color-link: #d4b877;--color-link-hover: #e6c888;--color-primary-shadow: rgba(212, 184, 119, .5);--color-success: #5eef8b;--color-success-dark: #3dd668;--color-error: #ff6b6b;--color-dark: #0a0a0a;--color-dark-lighter: #3b3a3a;--color-footer-border: #2a2a2a;--color-footer-text: #e0e0e0;--color-footer-link: #d4b877;--color-header-bg: #252525;--color-table-label-bg: #2a2a2a;--color-table-label-bg-hover: #3a3a3a;--color-table-label-color: #c0c0c0;--color-item-border: #3a3a3a;--color-warning: #ff6b6b;--color-text-secondary: #aaa;--color-bg-alt: #2a2a2a;--box-shadow: 0 4px 6px rgba(0, 0, 0, .3)}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:var(--header-height, 100px);transition:background-color .3s ease,color .3s ease}@media (max-width: 480px){html{font-size:14px}:root{--line-height-base: 1.6}}@media (min-width: 481px) and (max-width: 1023px){html{font-size:15px}}@media (min-width: 1024px){html{font-size:16px}}body{margin:0;width:100%;font-family:var(--font-family-base);color:var(--color-text);background-color:var(--color-bg);line-height:var(--line-height-base);transition:background-color .3s ease,color .3s ease}input,button,textarea,select{font:inherit;color:inherit;border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);transition:all var(--transition-duration) ease}img,picture,video,canvas,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-heading);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-duration) ease}a:hover{color:var(--color-link-hover)}ul,ol{list-style:none}.link{color:var(--color-link);text-decoration:none;position:relative;transition:color var(--transition-duration) ease}.link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--color-link-hover);transition:width var(--transition-duration) ease}.link:hover{color:var(--color-link-hover)}.link:hover:after{width:100%}.truncate-text,.truncate-text-2,.truncate-text-3,.truncate-text-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.truncate-text{-webkit-line-clamp:1;line-clamp:1}.truncate-text-2{-webkit-line-clamp:2;line-clamp:2}.truncate-text-3{-webkit-line-clamp:3;line-clamp:3}.truncate-text-4{-webkit-line-clamp:4;line-clamp:4}script{display:none}.dark *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.dark input,.dark button,.dark textarea,.dark select{background-color:var(--color-dark-lighter);color:var(--color-text);border-color:var(--color-border)}.dark input:focus,.dark button:focus,.dark textarea:focus,.dark select:focus{border-color:var(--color-primary);outline-color:var(--color-primary)}.dark table{background-color:var(--color-dark-lighter);border-color:var(--color-border)}.dark th{background-color:var(--color-table-label-bg);color:var(--color-table-label-color);border-color:var(--color-border)}.dark td{border-color:var(--color-border);color:var(--color-text)}.dark tr:hover{background-color:var(--color-table-label-bg-hover)}.dark .card,.dark .panel,.dark .box{background-color:var(--color-dark-lighter);border-color:var(--color-border)}.dark pre,.dark code{background-color:var(--color-dark);color:var(--color-text);border-color:var(--color-border)}.dark ::-webkit-scrollbar{background-color:var(--color-dark)}.dark ::-webkit-scrollbar-track{background-color:var(--color-dark)}.dark ::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background-color:var(--color-muted)}.dark .editor-quote{color:var(--color-text);border-left:4px solid var(--color-primary);background-color:var(--color-dark-lighter)}