html{color-scheme: dark;--lumo-accent-color-dark: #ff4e70;--lumo-primary-color: #00d2ff;--lumo-primary-text-color: #ffffff;--lumo-background-color-dark: #000000;--lumo-contrast-level: 2;--lumo-surface-level: -1;--app-font-heading: var(--lumo-font-family,var(--lumo-font-family));--app-font-body: var(--lumo-font-family,var(--lumo-font-family));--lumo-font-smoothing: true;--app-hero-title-size: 1.6rem;--app-h1-size: 1.4rem;--app-h2-size: 1.2rem;--app-h3-size: 1.0rem;--app-font-weight-heading: 700;--lumo-app-layout-inset: 24px;--lumo-base-radius: 4;--lumo-base-size: 18;--lumo-shadow-color: --lumo-background-color}vaadin-app-layout{--vaadin-app-layout-navbar-height: 70px;--vaadin-app-layout-drawer-width: 300px;background-color: var(--lumo-background-color-dark)}vaadin-app-layout::part(navbar){background-color: var(--lumo-background-color-dark);margin: 0 auto}vaadin-app-layout::part(drawer){background-color: var(--lumo-background-color-dark);margin: 0 auto}vaadin-app-layout::part(content){background-color: var(--lumo-background-color-dark);margin: 0 auto}vaadin-side-nav{height: max-content !important;flex-grow: 1}vaadin-drawer-toggle{--vaadin-button-size: 4.5rem;--lumo-icon-size-m: 3rem}.drawer-logo{height: 60px;margin-top: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-m)}.fixed-footer{position: relative;text-align: center;padding-bottom: var(--lumo-space-m);color: var(--lumo-primary-color);font-size: var(--lumo-font-size-s)}.navbar-logo{height: 110px;max-height: 12vh;max-width: calc(100% - 10px);object-fit: contain;margin-top: var(--lumo-space-m);margin-bottom: var(--lumo-space-l);cursor: pointer;transition: transform 0.1s ease-in-out}.navbar-logo:active{transform: scale(0.95)}.navbar-slot{width: 70px}.navbar-toggle{margin-left: 10px;width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;padding-bottom: 6px;border-radius: 8px;background-color: transparent;border: 1px solid rgba(0,210,255,0.3);cursor: pointer;transition: border-color 0.2s,box-shadow 0.2s,transform 0.1s}.navbar-toggle:hover{border-color: var(--lumo-primary-color);box-shadow: 0 2px 8px rgba(0,210,255,0.15)}.navbar-toggle:active{transform: scale(0.95)}.navbar-toggle-icon{height: 30px;width: 30px;object-fit: contain;display: block}.scrollable-view{overflow: auto}.view-container{max-width: 650px;width: 100%;margin: 0 auto;padding-bottom: var(--lumo-space-xl)}.hero-section{text-align: center}.hero-section h1{font-family: var(--app-font-heading);font-size: var(--app-hero-title-size) !important;font-weight: var(--app-font-weight-heading);margin-top: 0;line-height: 1.2;color: var(--lumo-primary-color)}.hero-section h2{font-family: var(--app-font-heading);font-size: var(--app-h2-size) !important;font-weight: var(--app-font-weight-heading);margin-top: 0;line-height: 1.2;color: var(--lumo-primary-color)}.hero-section p{color: var(--lumo-primary-text-color)}.hero-subtitle{color: var(--lumo-primary-color);font-size: var(--lumo-font-size-l);margin-top: var(--lumo-space-xs);margin-bottom: 0 !important}.blog-content{font-family: var(--lumo-font-family,var(--lumo-font-family));color: var(--lumo-primary-text-color);line-height: var(--lumo-line-height-m)}.blog-content h1,.blog-content h2,.blog-content h3{font-family: var(--app-font-heading);color: var(--lumo-primary-color);font-weight: var(--app-font-weight-heading);margin-top: var(--lumo-space-m);margin-bottom: var(--lumo-space-m)}.blog-content h1:first-child,.blog-content h2:first-child{margin-top: var(--lumo-space-m)}.blog-content h1{font-size: var(--app-h1-size)}.blog-content h2{font-size: var(--app-h2-size)}.blog-content h3{font-size: var(--app-h3-size)}.blog-content p{margin-bottom: var(--lumo-space-m)}.blog-content ul{padding-left: 1.5rem;margin-bottom: var(--lumo-space-m);list-style-type: disc;list-style-position: inside}.blog-content li{display: list-item;list-style-type: disc;margin-bottom: var(--lumo-space-s)}.blog-content a{color: var(--lumo-primary-color);text-decoration: none;font-weight: 500;transition: color 0.2s}.blog-content a:hover{color: var(--lumo-accent-color-dark)}.blog-content vaadin-button{margin-top: var(--lumo-space-l)}.blog-content img{max-width: 60%;max-height: 300px;height: auto;object-fit: contain;border-radius: var(--lumo-base-radius,8px);margin-top: var(--lumo-space-s);margin-bottom: var(--lumo-space-m);margin-left: auto;margin-right: auto;display: block}.blog-content image-row{display: flex;gap: 15px;align-items: center;justify-content: center;flex-wrap: wrap;margin: 20px 0}.blog-content image-row img{max-width: 100%;height: auto;flex: 1;object-fit: cover}.card-section{margin-top: 0px}.blog-content a.feature-card,.feature-card{display: block;width: 100%;box-sizing: border-box;text-decoration: none !important;color: var(--lumo-primary-text-color) !important;background-color: #233348;padding: 1.25rem 1.75rem;border-radius: 8px;margin-top: 1rem;border: 1px solid rgba(0,210,255,0.3);cursor: pointer;overflow: hidden;transition: border-color 0.2s,box-shadow 0.2s}.feature-card:hover{border-color: var(--lumo-primary-color);box-shadow: 0 2px 10px rgba(0,210,255,0.2)}.feature-card-content{display: flex;align-items: center;gap: 1rem;width: 100%}.feature-card-icon{color: var(--lumo-primary-color);width: 2.5rem;height: 2.5rem;flex-shrink: 0}.feature-card h1,.feature-card h2,.feature-card p{text-decoration: none !important}.feature-card h1,.feature-card h2{color: var(--lumo-primary-color) !important}.feature-card p{color: var(--lumo-primary-text-color) !important}.feature-card-title{font-size: var(--lumo-font-size-l) !important;margin: 0 0 var(--lumo-space-xs) 0 !important}.feature-card-desc{margin: 0 !important}.playbook-tip{font-style: italic;opacity: 0.9}.playbook-download-section{margin-top: 3rem;margin-bottom: 3rem}.playbook-download-section a{text-decoration: none !important}.playbook-download-section a:hover{color: var(--lumo-accent-color-dark)}.onion-copy-section{margin-top: 1.5rem;margin-bottom: 3rem}.onion-code-block{font-family: monospace;background-color: var(--lumo-contrast-10pct);padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);word-break: break-all;text-align: center}.blog-view-container{max-width: 800px;width: 100%;margin: var(--lumo-space-xl);padding-bottom: var(--lumo-space-xl)}.blog-article-select{width: 100%;margin-bottom: var(--lumo-space-xl)}.blog-article-content{width: 100%;margin-top: var(--lumo-space-m);margin-bottom: var(--lumo-space-xl)}.legal-table{width: 100%;border-collapse: collapse;margin: 20px 0;font-family: var(--lumo-font-family);font-size: var(--lumo-font-size-m);color: var(--lumo-primary-text-color)}.legal-table thead th{text-align: left;padding: 12px;border-bottom: 1px solid var(--lumo-primary-text-color);color: var(--lumo-primary-text-color);font-weight: normal}.legal-table tbody td{padding: 10px 12px;color: var(--lumo-primary-text-color);border-bottom: 1px solid var(--lumo-primary-text-color)}.legal-table tbody tr:nth-child(even){background-color: transparent}.legal-table a{color: var(--lumo-primary-color);text-decoration: none}.legal-table a:hover{color: var(--lumo-accent-color-dark);text-decoration: none}.pwa-install-button-hidden{display: none !important}.blog-grid{display: flex;flex-wrap: wrap;gap: var(--lumo-space-m);margin-top: var(--lumo-space-xl);width: 100%}.blog-grid>.feature-card{flex: 1 1 calc(50% - var(--lumo-space-m));min-width: 250px;margin-top: 0}.blog-back-button{margin-bottom: var(--lumo-space-l);color: var(--lumo-primary-color);cursor: pointer}.blog-article-content #toc{background-color: var(--lumo-contrast-5pct);padding: var(--lumo-space-m) var(--lumo-space-l);border-radius: 8px;margin-bottom: var(--lumo-space-xl);border: 1px solid rgba(0,210,255,0.3)}.blog-article-content #toc .title{font-size: var(--lumo-font-size-l);font-weight: 600;color: var(--lumo-primary-color);margin-bottom: var(--lumo-space-s);margin-top: 0}.blog-article-content #toc ul{list-style-type: none;padding-left: var(--lumo-space-m)}.blog-article-content #toc a{text-decoration: none;color: var(--lumo-primary-text-color)}.blog-article-content #toc a:hover{color: var(--lumo-primary-color)}.blog-article-content pre,.blog-article-content code{font-family: "Fira Code","Consolas",monospace}.blog-article-content p>code,.blog-article-content li>code{background-color: var(--lumo-contrast-10pct);color: var(--lumo-primary-color);padding: 0.2em 0.4em;border-radius: 4px;font-size: 0.9em}.blog-article-content pre.highlight{background-color: #1A202C !important;color: #EDF2F7 !important;border-radius: var(--lumo-border-radius-m);padding: var(--lumo-space-m);border: 1px solid var(--lumo-contrast-20pct);overflow-x: auto}.blog-article-content pre.highlight code{background-color: transparent;color: inherit;padding: 0}.blog-article-content table.tableblock{width: 100%;border-collapse: collapse;margin: var(--lumo-space-l) 0;background: var(--lumo-base-color);border-radius: var(--lumo-border-radius-m);overflow: hidden;border: 1px solid var(--lumo-contrast-10pct)}.blog-article-content table.tableblock th,.blog-article-content table.tableblock thead th{background-color: var(--lumo-contrast-5pct);color: var(--lumo-primary-color);font-weight: 600;text-align: left;padding: var(--lumo-space-m);border-bottom: 1px solid var(--lumo-contrast-20pct)}.blog-article-content table.tableblock td{padding: var(--lumo-space-m);border-bottom: 1px solid var(--lumo-contrast-10pct);color: var(--lumo-body-text-color)}.blog-article-content .admonitionblock{margin: var(--lumo-space-l) 0;padding: var(--lumo-space-m);border-radius: 4px;border-left: 5px solid var(--lumo-contrast-30pct);background-color: var(--lumo-contrast-5pct)}.blog-article-content .admonitionblock table{border: none !important;background: transparent !important;margin: 0 !important;width: 100%}.blog-article-content .admonitionblock td{border: none !important;background: transparent !important;padding: 0}.blog-article-content .admonitionblock td.icon{width: 45px;padding-right: 15px;vertical-align: top;text-align: center}.blog-article-content .admonitionblock td.icon img{width: 32px;height: 32px;min-width: 32px;display: inline-block;margin: 0;max-width: none}.blog-article-content .admonitionblock td.content{vertical-align: top;color: var(--lumo-body-text-color)}.blog-article-content li p{display: inline;margin: 0}.blog-article-content .admonitionblock.note{border-left-color: #3182CE}.blog-article-content .admonitionblock.warning{border-left-color: #DD6B20}.blog-article-content .admonitionblock.important{border-left-color: #E53E3E}.blog-article-content .admonitionblock.caution{border-left-color: #9B2C2C}.blog-article-content .admonitionblock.tip{border-left-color: #38A169}.blog-article-content #toc{background-color: var(--lumo-contrast-5pct);padding: var(--lumo-space-m) var(--lumo-space-l);border-radius: 8px;margin-bottom: var(--lumo-space-xl);border: 1px solid rgba(0,210,255,0.3)}.blog-article-content #toc .title{font-size: var(--lumo-font-size-l);font-weight: 600;color: var(--lumo-primary-color);margin-bottom: var(--lumo-space-s);margin-top: 0}.blog-article-content #toc ul{list-style-type: none;padding-left: var(--lumo-space-m);margin: 0}.blog-article-content #toc li{list-style-type: none;display: block;margin-bottom: var(--lumo-space-xs)}.blog-article-content #toc a{text-decoration: none;color: var(--lumo-primary-text-color)}.blog-article-content #toc a:hover{color: var(--lumo-primary-color)}