:root{--bg:#020511;--text:#fff;--accent:#fff2a8;--accent-bg:#121826;--border:#263040;--muted:#d5deef;--text-disabled:#6b7280;--link:#3c8dff;--link-visited:#84a6e0;--code:#da3a52;--code-bg:#1e222f;--input-bg:#0e1320;--input-bg-focus:#151a27;--table-odd:#0d111e;--table-even:#131826;--notice-bg:#1e2430;--inner-area-bg:#262626;--padding:8pt;--app-height:100vh}body{background-color:var(--bg);color:var(--text);font-family:Atkinson Hyperlegible,Inter,sans-serif;font-size:16px;margin:0}h1,h2,h3,h4,h5,h6{color:var(--accent);font-weight:600}h1{font-size:150%;text-align:center}h1,h3{margin:0}h3{font-size:100%}strong{color:var(--accent)}.muted,footer,small,time{color:var(--muted)}a{color:var(--link);text-decoration:underline}a:visited{color:var(--link-visited)}a:hover{color:var(--accent)}button,input[type=button],input[type=submit]{background-color:var(--accent);border:1px solid var(--border);border-radius:15pt;color:var(--accent-bg);padding:var(--padding)}button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:var(--accent)!important;border-color:var(--accent)!important;color:var(--bg)!important}button:disabled,input[type=button]:disabled,input[type=submit]:disabled{background-color:var(--border);border:1px solid var(--border);color:var(--text-disabled);cursor:not-allowed;opacity:.6}label{color:var(--muted)}input,select,textarea{background-color:var(--input-bg);border:1px solid var(--border);border-radius:15pt;color:var(--text);padding:var(--padding)}input:focus,select:focus,textarea:focus{background-color:var(--input-bg-focus);outline:2px solid var(--accent)}code,pre{background-color:var(--code-bg);color:var(--code);font-family:JetBrains Mono,monospace}table thead{background-color:var(--accent-bg);color:var(--accent)}table tbody tr:nth-child(odd){background-color:var(--table-odd)}table tbody tr:nth-child(2n){background-color:var(--table-even)}blockquote,hr,table{border-color:var(--border)}.error,.notice,.success{background-color:var(--notice-bg);border-left:4px solid var(--accent);padding-left:1rem}.margin-top{margin-top:16pt}.fieldset{display:flex;flex-direction:column;margin-bottom:16pt}.fieldset label{font-size:80%;margin-bottom:3pt;margin-left:8pt}.bottom-note{color:var(--muted);font-size:90%;text-align:center}.inner-area{background-color:var(--inner-area-bg);border-radius:20pt;margin-bottom:64pt}.kiao-card{background-color:var(--accent-bg);border:1px solid var(--border);border-radius:20pt;box-shadow:0 8px 32px #0000004d;margin-bottom:30px;padding:40px}.kiao-card h1{font-size:200%;margin-bottom:30px}.kiao-card h2{font-size:150%;margin-bottom:20px}.kiao-card h3{font-size:120%;margin-bottom:15px}.kiao-card p{color:var(--muted);line-height:1.6;margin-bottom:15px}.kiao-card ul{list-style:none;margin:15px 0;padding-left:0}.kiao-card li{color:var(--text);line-height:1.6;padding:10px 0}.kiao-warning{background-color:#da3a521a;border-left:4px solid var(--code);border-radius:10pt;margin-bottom:30px;padding:20px}.kiao-warning h3{color:var(--code);font-size:110%;margin-bottom:15px}.kiao-warning p{color:var(--muted);line-height:1.6;margin-bottom:15px}@media (max-width:768px){.kiao-card{padding:30px 20px}.kiao-card h1{font-size:150%}}main{background-color:var(--bg)!important;color:var(--text)!important}.unit-detail,.article-detail,.error,.empty{background-color:var(--accent-bg)!important;border:1px solid var(--border)!important}.text-content{border:1px solid var(--border)!important}h1,h2,h3,h4,h5,h6,.token-line h2,.token-line h3,.token-line h4,.token-line h5,.token-line h6,.article-content :global(h1),.article-content :global(h2),.article-content :global(h3),.article-content :global(h4),.other-languages h3{color:var(--accent)!important}.text-content.text-content,.token-line.token-line,.token-line.token-line>div,.token-line.token-line div,.article-content.article-content,.article-content.article-content :global(p){color:var(--text)!important}.text-content.text-content *,.token-line.token-line *,.token-line.token-line div *,.article-content.article-content :global(*){color:inherit!important}.token-line.token-line>div,.token-line.token-line div:not(.unordered-list-item){color:var(--text)!important}strong,.text-content strong,.token-line strong,.article-content :global(strong){color:var(--accent)!important}.token-line h1,.token-line h2,.token-line h3,.token-line h4,.token-line h5,.token-line h6{color:var(--accent)!important}.description,.subtitle,.author-info,.tags,.other-languages li,.article-intro,.no-content,time{color:var(--muted)!important}.article-content :global(blockquote){color:var(--muted)!important;border-left-color:var(--link)!important}.domain{background-color:transparent!important;color:var(--link)!important;border:none!important}.meta{border-top-color:var(--border)!important}.catalog-item article{position:relative!important;z-index:1!important;box-shadow:0 2px 4px #0000004d!important}.catalog-item:hover article{box-shadow:0 4px 12px #00000080!important;z-index:10!important}.catalog-item h2{margin-top:0!important}code,pre{background-color:var(--code-bg)!important;color:var(--code)!important}th{background-color:var(--accent-bg)!important;color:var(--accent)!important}.unit-footer,.article-footer,.other-languages{border-color:var(--border)!important;background-color:var(--accent-bg)!important}.breadcrumb a,.article-content :global(a),.other-languages strong,.abbr-tooltip{color:var(--link)!important}.breadcrumb a:hover{color:var(--accent)!important}.unordered-list-item:before{color:var(--link)!important}.breadcrumb .separator{color:var(--border)!important}.remark-form-container{background-color:var(--accent-bg)!important;border:1px solid var(--border)!important}.remark-form-container h2,.remark-form-container h3{color:var(--accent)!important}.remark-form-container p,.remark-form-container label,.remark-form-container *:not(h1):not(h2):not(h3):not(button):not(input):not(textarea){color:var(--muted)!important}.remark-form-container input,.remark-form-container textarea{background-color:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important}.remark-form-container input:focus,.remark-form-container textarea:focus{background-color:var(--input-bg-focus)!important}.remark-form-container input::placeholder,.remark-form-container textarea::placeholder{color:var(--text-disabled)!important}.braink-logo{position:fixed;top:14px;right:14px;width:60px;height:60px;z-index:1000}