.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:var(--width-content);margin:0 auto;width:100%}#root{margin:0;padding:0;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:active{color:inherit}button::-moz-focus-inner{border:0;padding:0}*{scrollbar-width:auto;scrollbar-color:var(--bg-tertiary) var(--bg-primary)}*::-webkit-scrollbar{width:16px}*::-webkit-scrollbar-track{background:var(--bg-primary)}*::-webkit-scrollbar-thumb{background-color:#8f54a0;border-radius:10px;border:3px solid #ffffff}:root{--bg-primary: #1a1614;--bg-secondary: #0f0e0d;--bg-tertiary: #2a2520;--text-primary: #e8e6e3;--text-secondary: #c4c1bc;--text-muted: #9a968f;--accent-green: #22c55e;--accent-green-hover: #16a34a;--code-bg: #1b2028;--code-border: #4a4f58;--border-color: #3a372e;--shadow-color: rgba(0, 0, 0, .3);--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-code: "Courier New", monospace;--font-size-base: 16px;--line-height-base: 1.6;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--width-content: 1200px}html{font-size:var(--font-size-base);background:var(--bg-primary)}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-base);min-height:100vh;padding:0;margin:0;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;margin-bottom:var(--space-md);color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.1rem}p{margin-bottom:var(--space-sm);color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:underline;transition:none}a:hover{color:var(--accent-green)}button,.btn{font-family:var(--font-primary);font-size:1rem;padding:var(--space-sm) var(--space-md);border:none;border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:none}button:hover,.btn:hover{border:2px solid var(--accent-green);padding:calc(var(--space-sm) - 2px) calc(var(--space-md) - 2px)}button:active,.btn:active{background:var(--accent-green);color:#000}.container{max-width:var(--width-content);margin:0 auto;padding:var(--space-lg)}.main-content{padding:0px var(--space-lg);min-height:100vh}pre,code{font-family:var(--font-code)}code{background:var(--code-bg);border:1px solid var(--code-border);padding:2px 6px;border-radius:4px;font-size:.9em}pre{font-family:var(--font-code);white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important}pre code{background:transparent!important;border:none!important;padding:0!important;border-radius:0!important;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important}pre[class*=language-],.hljs{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important}nav{background:var(--bg-tertiary);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}nav ul{list-style:none;display:flex;gap:var(--space-md)}nav a{color:var(--text-secondary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:4px}nav a:hover,nav a.active{color:var(--text-primary);background:var(--bg-secondary)}.article-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.article-meta{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-sm)}.article-title{margin-bottom:var(--space-sm)}.article-content{margin-bottom:var(--space-xl)}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-md) 0}.article-nav{display:flex;align-items:center;padding:var(--space-lg) 0;margin-top:var(--space-xl);background:none!important;border:none!important}.nav-prev{flex:1;display:flex;justify-content:flex-start}.nav-center{flex:0 0 auto;display:flex;justify-content:center}.nav-next{flex:1;display:flex;justify-content:flex-end}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;padding:var(--space-xs);background:none!important;border:none!important}.nav-link:hover{color:var(--accent-green);text-decoration:underline;background:none!important}ul,ol{margin:var(--space-md) 0 var(--space-lg) 0;padding-left:var(--space-lg)}li{margin-bottom:var(--space-xs)}.roulette-homepage{height:100vh;max-width:var(--width-content);margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.search-section{display:flex;justify-content:center;padding:var(--space-lg) var(--space-md) var(--space-md) var(--space-md);flex-shrink:0}.search-bar{width:33.333%;min-width:300px;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:40px;color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;outline:none;transition:border-color .2s ease}.search-bar:focus{border-color:var(--accent-green)}.search-bar::placeholder{color:var(--text-muted)}.roulette-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--space-md);scroll-behavior:smooth}.roulette-articles-list{position:relative;padding:var(--space-lg) 0}.roulette-articles-list.centered-few-articles{display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:var(--space-xl) 0}.roulette-article-item{position:relative;margin-bottom:var(--space-lg);transform-origin:center center;cursor:pointer}.roulette-article-item:hover .article-item{border-color:var(--accent-green)}.roulette-article-item:hover h3,.roulette-article-item:hover .article-meta,.roulette-article-item:hover p{color:var(--accent-green)}.roulette-article-item .article-item{margin:0}.article-list{list-style:none}.article-item{padding:var(--space-lg);margin-bottom:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:none;cursor:pointer}.article-item:hover{border-color:var(--accent-green)}.article-item:hover h3,.article-item:hover .article-meta,.article-item:hover p{color:var(--accent-green)}.article-item h3,.article-item .article-meta{margin-bottom:var(--space-sm)}.article-item p{color:var(--text-muted);margin-bottom:var(--space-sm)}.read-more{color:var(--accent-green);text-decoration:none;font-weight:700}.read-more:hover{color:var(--accent-green-hover)}@media (max-width: 768px){.container{padding:var(--space-md)}.search-bar{width:90%;min-width:unset}.roulette-homepage{height:100vh}.roulette-scroll-container{padding:0 var(--space-sm)}.roulette-articles-list.centered-few-articles{min-height:50vh}.main-content{padding:var(--space-md)}.article-nav{flex-direction:column;gap:var(--space-md)}.nav-prev,.nav-center,.nav-next{flex:none;justify-content:center}.nav-link{max-width:100%;text-align:center}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mb-large{margin-bottom:var(--space-xl)}.mt-large{margin-top:var(--space-xl)}.loading{color:var(--text-muted);text-align:center;padding:var(--space-xl)}.error{color:#ff6b6b;text-align:center;padding:var(--space-lg);background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:8px;margin:var(--space-md) 0}.collapsible-section{margin:var(--space-lg) 0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.collapsible-header{width:100%!important;padding:var(--space-md)!important;background:transparent!important;border:1px solid transparent!important;color:var(--text-primary)!important;font-family:var(--font-primary)!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important;box-sizing:border-box!important;min-height:calc(1.1rem * 1.4 + 2 * var(--space-md))!important}.collapsible-header:hover{background:rgba(255,255,255,.05);border:1px solid #22c55e!important}.collapsible-header:focus{outline:none;background:rgba(255,255,255,.05)}.collapsible-header:active{background:rgba(255,255,255,.1);color:var(--text-primary)}.collapsible-header:focus:not(:focus-visible){outline:none}.collapsible-title{text-align:left;flex-grow:1}.collapsible-arrow{transition:transform .2s ease;font-size:.9rem;color:var(--text-secondary)}.collapsible-arrow.expanded{transform:rotate(90deg)}.collapsible-content{padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-sm);border-top:1px solid var(--border-color);background:var(--bg-primary);word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.collapsible-content *,.collapsible-content p,.collapsible-content div,.collapsible-content span,.collapsible-content h1,.collapsible-content h2,.collapsible-content h3,.collapsible-content h4,.collapsible-content h5,.collapsible-content h6{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;max-width:100%!important}.site-logo{position:fixed;top:var(--space-lg);left:var(--space-lg);z-index:1000;width:60px;height:60px;opacity:1;transition:opacity .5s ease-in-out}@media (max-width: 1450px){.site-logo{opacity:0;pointer-events:none}}