*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden;position:relative;transition:background-color .3s var(--transition-smooth),color .3s var(--transition-smooth)}.liquid-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 20% 30%,#161a22,transparent 40%),radial-gradient(circle at 80% 70%,#1c212b,transparent 50%);filter:blur(30px);animation:moveClouds 15s infinite alternate ease-in-out}body.light-mode .liquid-bg{background:radial-gradient(circle at 20% 30%,rgba(180,190,200,.45) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(210,200,190,.5) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(190,200,190,.4) 0%,transparent 50%);filter:blur(60px);opacity:.8}.noise-overlay{position:fixed;inset:0;z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:100px 100px}body.light-mode .noise-overlay{opacity:.08;mix-blend-mode:multiply}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");mix-blend-mode:overlay;transition:opacity .3s ease,mix-blend-mode .3s ease}body.modal-open{overflow:hidden}:root{--bg-main: #0f1419;--bg-surface: rgba(20, 25, 32, .6);--bg-modal: rgba(15, 20, 25, .96);--bg-primary: #0f1419;--text-main: #e8e6e3;--text-muted: #8b8985;--accent-article: #6b8faf;--accent-photo: #a98b7a;--accent-link: #8a7f9e;--accent-playlist: #b89968;--border-color: rgba(232, 230, 227, .1);--shadow-color: rgba(0, 0, 0, .5);--header-height: 80px;--gap: 1rem;--radius: 45px;--radius-lg: 45px;--radius-sm: 18px;--transition-smooth: cubic-bezier(.4, 0, .2, 1)}body.light-mode{--bg-main: #faf8f5;--bg-primary: #faf8f5;--bg-surface: rgba(255, 255, 255, .8);--bg-modal: rgba(252, 250, 247, .98);--text-main: #1a1a1a;--text-muted: rgba(60, 60, 60, .65);--accent-article: #4a6fa5;--accent-photo: #b8755e;--accent-link: #7b6b9d;--accent-playlist: #c89a5a;--border-color: rgba(45, 45, 45, .12);--shadow-color: rgba(0, 0, 0, .08)}body.light-mode:after{opacity:.015;mix-blend-mode:multiply}h1,h2,h3,h4,h5,h6{font-family:Crimson Pro,Georgia,serif;font-weight:600;line-height:1.2;color:var(--text-main);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}.content-wrapper{width:100%;max-width:720px;margin:0 auto;padding:3rem 2rem;color:var(--text-main);position:relative;z-index:2}.content-hero{margin:-3rem -2rem 3rem;overflow:hidden;border-bottom:none;position:relative;border-radius:0 0 45px 45px}.content-hero img,.hero-img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block;opacity:.85;filter:grayscale(.15) contrast(.95)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(15,20,25,.3) 100%)}body.light-mode .hero-overlay{background:linear-gradient(180deg,transparent 0%,rgba(245,243,240,.3) 100%)}.content-header{margin-bottom:2.5rem}.content-type{display:inline-block;font-family:Inter,sans-serif;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-article);border:none;padding:.35rem .9rem;border-radius:20px;margin-bottom:1.5rem;background:#6b8faf14}body.light-mode .content-type{background:#4a6fa526;color:var(--accent-article);border:1px solid rgba(74,111,165,.25)}.content-header h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin-bottom:1.25rem;color:var(--text-main);font-weight:600}.content-header .lead{font-family:Inter,sans-serif;font-size:1.05rem;font-weight:300;color:var(--text-muted);line-height:1.7;border-left:2px solid rgba(169,139,122,.4);padding-left:1.25rem;margin-top:1.5rem}body.light-mode .content-header .lead{border-left-color:#8b725e66}.content-body{font-family:Inter,sans-serif;font-size:1.05rem;font-weight:300;line-height:1.75;color:#c5c3c0}body.light-mode .content-body{color:#2d2d2dcc}.content-body p{margin-bottom:1.5rem}.content-body h2{font-size:1.75rem;margin:3rem 0 1.25rem;color:var(--text-main);font-weight:600}.content-body h3{font-family:Inter,sans-serif;font-size:1.3rem;margin:2.5rem 0 1rem;color:var(--text-main);font-weight:500}.content-body h4{font-family:Inter,sans-serif;font-size:1.15rem;margin:2rem 0 .875rem;color:var(--text-main);font-weight:500}.content-body ul,.content-body ol{padding-left:1.75rem;margin-bottom:1.5rem}.content-body li{margin-bottom:.5rem}.content-body a{color:var(--accent-link);text-decoration:none;border-bottom:1px solid rgba(138,127,158,.25);transition:all .3s var(--transition-smooth)}.content-body a:hover{color:var(--accent-photo);border-bottom-color:#a98b7a80}body.light-mode .content-body a{border-bottom-color:#6d658a4d}body.light-mode .content-body a:hover{border-bottom-color:#8b725e99}.content-body img{border-radius:var(--radius);margin:2.5rem 0;width:100%;opacity:.9;filter:grayscale(.1) contrast(.95)}.content-body blockquote{border-left:2px solid rgba(169,139,122,.4);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-muted);font-size:1.05rem;font-weight:300;border-radius:0 20px 20px 0;background:#a98b7a08;padding:1rem 1.5rem}body.light-mode .content-body blockquote{border-left-color:#8b725e66;background:#8b725e0f}.content-body code{background:#6b8faf14;padding:.25em .5em;border-radius:6px;font-size:.9em;font-family:JetBrains Mono,Courier New,monospace;color:var(--accent-article);border:none}body.light-mode .content-body code{background:#4a6fa526;border:1px solid rgba(74,111,165,.2)}.content-body pre{background:#141920b3;padding:1.5rem;border-radius:20px;overflow-x:auto;margin:2rem 0;border:none}body.light-mode .content-body pre{background:linear-gradient(135deg,#4a6fa514,#7b6b9d14);border:1px solid rgba(74,111,165,.15)}.content-body pre code{background:none;padding:0;color:inherit;border:none}.content-body hr{border:none;height:1px;background:#e8e6e31a;margin:3rem 0;border-radius:1px}body.light-mode .content-body hr{background:#2d2d2d26}.content-body table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:20px;overflow:hidden}.content-body th,.content-body td{padding:.875rem;border:1px solid rgba(232,230,227,.08);text-align:left}body.light-mode .content-body th,body.light-mode .content-body td{border-color:#2d2d2d1a}.content-body th{background:#6b8faf14;font-weight:500;color:var(--accent-article)}body.light-mode .content-body th{background:linear-gradient(135deg,#4a6fa51f,#b8755e1a)}#modal-body .content-wrapper{padding-top:3rem}#modal-body .content-hero{margin-top:-3rem}@media(max-width:768px){:root{--header-height: 70px;--gap: .875rem}.content-wrapper{padding:2.5rem 1.75rem}.content-hero{margin:-2.5rem -1.75rem 2.5rem}.content-hero img,.hero-img{max-height:300px}.content-header h1{font-size:2rem}.content-header .lead{font-size:1rem;padding-left:1rem}.content-body{font-size:1rem}.content-body h2{font-size:1.5rem;margin:2.5rem 0 1rem}.content-body h3{font-size:1.2rem;margin:2rem 0 .875rem}#modal-body .content-wrapper{padding-top:2.5rem}#modal-body .content-hero{margin-top:-2.5rem}}@media(max-width:480px){.content-wrapper{padding:2rem 1.5rem}.content-hero{margin:-2rem -1.5rem 2rem}.content-body ul,.content-body ol{padding-left:1.5rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid rgba(169,139,122,.5);outline-offset:4px;border-radius:8px}body.light-mode *:focus-visible{outline-color:#8b725e99}::selection{background:#a98b7a4d;color:var(--text-main)}::-moz-selection{background:#a98b7a4d;color:var(--text-main)}body.light-mode ::selection{background:linear-gradient(135deg,#b8755e4d,#7b6b9d40)}body.light-mode ::-moz-selection{background:linear-gradient(135deg,#b8755e4d,#7b6b9d40)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#8b89854d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b898580}body.light-mode ::-webkit-scrollbar-thumb{background:#64646440}body.light-mode ::-webkit-scrollbar-thumb:hover{background:#64646466}@keyframes moveClouds{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.liquid-bg{animation:none!important}}