.app{width:100%;min-height:100vh;background:var(--bg-primary);padding-top:70px}@media(max-width:768px){.app{padding-top:60px}}.about{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative}.about-container{max-width:1200px;margin:0 auto}.about-subtitle{text-align:center;color:var(--text-secondary);font-size:1.2rem;margin-bottom:4rem}.about-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.about-main{padding:3rem}.about-heading{display:flex;align-items:center;gap:1rem;font-size:1.8rem;margin-bottom:1.5rem;color:var(--accent-primary)}.about-main p{color:var(--text-secondary);line-height:1.8;font-size:1.1rem;margin-bottom:1.5rem}.about-main p:last-child{margin-bottom:0}.highlight-text{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#00ff881a;border-left:4px solid var(--accent-primary);border-radius:8px;color:var(--text-primary)!important;font-size:1.05rem!important}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.feature-icon{font-size:3rem;color:var(--accent-primary);margin-bottom:1rem}.feature-card h4{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.about-cta{text-align:center;padding:3rem;background:#00ff880d;border-radius:12px;border:1px solid rgba(0,255,136,.2);margin-bottom:3rem}.about-cta h3{font-size:2rem;margin-bottom:1rem;color:var(--accent-primary)}.about-cta>p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-buttons .btn{display:flex;align-items:center;gap:.5rem}.about-footer{text-align:center;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.about-footer p{margin-bottom:1rem}.heart{color:var(--accent-tertiary);display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-links{font-size:.9rem}.footer-links a{color:var(--text-secondary);transition:color .3s ease}.footer-links a:hover{color:var(--accent-primary)}@media(max-width:768px){.about-main{padding:2rem}.about-features{grid-template-columns:1fr}.about-cta{padding:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px;justify-content:center}}.blog-wrapper{width:100%;min-height:100vh;background:var(--bg-primary)}.blog-container{max-width:1400px;width:90%;margin:0 auto;padding:6rem 0 4rem}.blog-header{text-align:center;margin-bottom:4rem;padding:4rem 2rem 2rem;position:relative}.blog-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-primary);border-radius:2px}.new-post-button{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:var(--bg-primary);text-decoration:none;border-radius:8px;font-weight:600;transition:transform .3s ease}.new-post-button:hover{transform:translateY(-2px)}.blog-header h1{font-size:clamp(3rem,6vw,5rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em;color:transparent!important;background:var(--gradient-primary);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.blog-header p{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.5rem);font-weight:400}.blog-loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.2rem}.blog-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(450px,100%),1fr));gap:2.5rem;margin:0 auto 4rem;padding:0 2rem;width:100%;max-width:1400px}.no-posts{text-align:center;color:var(--text-secondary);padding:4rem 2rem;font-size:1.2rem;grid-column:1 / -1}.blog-post-card{background:var(--bg-secondary);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative;overflow:hidden}.blog-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.blog-post-card:hover{transform:translateY(-8px);border-color:#0f83;box-shadow:0 20px 40px #0000004d}.blog-post-card:hover:before{transform:scaleX(1)}.blog-post-link{text-decoration:none;color:inherit;display:block;position:relative}.new-badge{position:absolute;top:-.5rem;right:-.5rem;background:var(--gradient-primary);color:var(--bg-primary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;z-index:1}.blog-post-date{color:var(--accent-primary);font-size:.875rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.blog-post-card h2{font-size:clamp(1.4rem,2vw,1.75rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary);line-height:1.3;transition:color .3s ease}.blog-post-card:hover h2{color:var(--accent-primary)}.blog-post-excerpt{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;font-size:1rem}.blog-post-author{color:var(--text-secondary);font-size:.875rem;font-style:italic;opacity:.8}.blog-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}@media(max-width:768px){.blog-container{padding:2rem 1rem}.blog-header{padding:2rem 0 1rem}.blog-header h1{font-size:2.5rem}.blog-header p{font-size:1rem}.blog-posts{grid-template-columns:1fr;gap:1.5rem}.blog-post-card{padding:1.5rem}.blog-post-card h2{font-size:1.4rem}}@media(min-width:1600px){.blog-container{max-width:1600px}.blog-posts{grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr));gap:3rem}}@media(prefers-color-scheme:dark){.wmde-markdown,.wmde-markdown-var{color-scheme:dark;--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-canvas-default: #0d1117;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-neutral-muted: rgba(110, 118, 129, .4);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-attention-subtle: rgba(187, 128, 9, .15);--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-done-fg: #a371f7;--color-done-emphasis: #8957e5;--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-copied-active-bg: #2e9b33}}@media(prefers-color-scheme:light){.wmde-markdown,.wmde-markdown-var{color-scheme:light;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-canvas-default: #ffffff;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsl(210, 18%, 87%);--color-neutral-muted: rgba(175, 184, 193, .2);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-attention-subtle: #fff8c5;--color-danger-fg: #d1242f;--color-danger-emphasis: #cf222e;--color-attention-fg: #9a6700;--color-attention-emphasis: #9a6700;--color-done-fg: #8250df;--color-done-emphasis: #8250df;--color-success-fg: #1a7f37;--color-success-emphasis: #1f883d;--color-copied-active-bg: #2e9b33}}[data-color-mode*=dark] .wmde-markdown,[data-color-mode*=dark] .wmde-markdown-var,.wmde-markdown-var[data-color-mode*=dark],.wmde-markdown[data-color-mode*=dark],body[data-color-mode*=dark]{color-scheme:dark;--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-canvas-default: #0d1117;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-neutral-muted: rgba(110, 118, 129, .4);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-attention-subtle: rgba(187, 128, 9, .15);--color-danger-fg: #f85149}[data-color-mode*=light] .wmde-markdown,[data-color-mode*=light] .wmde-markdown-var,.wmde-markdown-var[data-color-mode*=light],.wmde-markdown[data-color-mode*=light],body[data-color-mode*=light]{color-scheme:light;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-canvas-default: #ffffff;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsl(210, 18%, 87%);--color-neutral-muted: rgba(175, 184, 193, .2);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-attention-subtle: #fff8c5;--color-danger-fg: #cf222e}.wmde-markdown{-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word;color:var(--color-fg-default);background-color:var(--color-canvas-default)}.wmde-markdown details,.wmde-markdown figcaption,.wmde-markdown figure{display:block}.wmde-markdown summary{display:list-item}.wmde-markdown [hidden]{display:none!important}.wmde-markdown a{background-color:transparent;color:var(--color-accent-fg);text-decoration:none}.wmde-markdown a:active,.wmde-markdown a:hover{outline-width:0}.wmde-markdown abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wmde-markdown b,.wmde-markdown strong{font-weight:600}.wmde-markdown dfn{font-style:italic}.wmde-markdown h1{margin:.67em 0;font-weight:600;padding-bottom:.3em;font-size:2em;border-bottom:1px solid var(--color-border-muted)}.wmde-markdown mark{background-color:var(--color-attention-subtle);color:var(--color-text-primary)}.wmde-markdown small{font-size:90%}.wmde-markdown sub,.wmde-markdown sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wmde-markdown sub{bottom:-.25em}.wmde-markdown sup{top:-.5em}.wmde-markdown img{display:inline-block;border-style:none;max-width:100%;box-sizing:content-box;background-color:var(--color-canvas-default)}.wmde-markdown code,.wmde-markdown kbd,.wmde-markdown pre,.wmde-markdown samp{font-family:monospace,monospace;font-size:1em}.wmde-markdown figure{margin:1em 40px}.wmde-markdown hr{box-sizing:content-box;overflow:hidden;background:transparent;border:0;border-bottom:1px solid var(--color-border-muted);height:.25em;padding:0;margin:24px 0;background-color:var(--color-border-default)}.wmde-markdown input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.wmde-markdown [type=button],.wmde-markdown [type=reset],.wmde-markdown [type=submit]{-webkit-appearance:button}.wmde-markdown [type=button]::-moz-focus-inner,.wmde-markdown [type=reset]::-moz-focus-inner,.wmde-markdown [type=submit]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=button]:-moz-focusring,.wmde-markdown [type=reset]:-moz-focusring,.wmde-markdown [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.wmde-markdown [type=checkbox],.wmde-markdown [type=radio]{box-sizing:border-box;padding:0}.wmde-markdown [type=number]::-webkit-inner-spin-button,.wmde-markdown [type=number]::-webkit-outer-spin-button{height:auto}.wmde-markdown [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wmde-markdown [type=search]::-webkit-search-cancel-button,.wmde-markdown [type=search]::-webkit-search-decoration{-webkit-appearance:none}.wmde-markdown ::-webkit-input-placeholder{color:inherit;opacity:.54}.wmde-markdown ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wmde-markdown a:hover{text-decoration:underline}.wmde-markdown hr:before{display:table;content:""}.wmde-markdown hr:after{display:table;clear:both;content:""}.wmde-markdown table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%}.wmde-markdown td,.wmde-markdown th{padding:0}.wmde-markdown details summary{cursor:pointer}.wmde-markdown details:not([open])>*:not(summary){display:none!important}.wmde-markdown kbd{display:inline-block;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-subtle);border:solid 1px var(--color-neutral-muted);border-bottom-color:var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted)}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.wmde-markdown h2{font-weight:600;padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid var(--color-border-muted)}.wmde-markdown h3{font-weight:600;font-size:1.25em}.wmde-markdown h4{font-weight:600;font-size:1em}.wmde-markdown h5{font-weight:600;font-size:.875em}.wmde-markdown h6{font-weight:600;font-size:.85em;color:var(--color-fg-muted)}.wmde-markdown p{margin-top:0;margin-bottom:10px}.wmde-markdown blockquote{margin:0;padding:0 1em;color:var(--color-fg-muted);border-left:.25em solid var(--color-border-default)}.wmde-markdown ul,.wmde-markdown ol{margin-top:0;margin-bottom:0;padding-left:2em}.wmde-markdown ol ol,.wmde-markdown ul ol{list-style-type:lower-roman}.wmde-markdown ul ul ol,.wmde-markdown ul ol ol,.wmde-markdown ol ul ol,.wmde-markdown ol ol ol{list-style-type:lower-alpha}.wmde-markdown dd{margin-left:0}.wmde-markdown tt,.wmde-markdown code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;word-wrap:normal}.wmde-markdown .octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor}.wmde-markdown ::placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown input::-webkit-outer-spin-button,.wmde-markdown input::-webkit-inner-spin-button{margin:0;appearance:none}.wmde-markdown [data-catalyst]{display:block}.wmde-markdown:before{display:table;content:""}.wmde-markdown:after{display:table;clear:both;content:""}.wmde-markdown>*:first-child{margin-top:0!important}.wmde-markdown>*:last-child{margin-bottom:0!important}.wmde-markdown a:not([href]){color:inherit;text-decoration:none}.wmde-markdown .absent{color:var(--color-danger-fg)}.wmde-markdown a.anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.wmde-markdown .anchor:focus{outline:none}.wmde-markdown p,.wmde-markdown blockquote,.wmde-markdown ul,.wmde-markdown ol,.wmde-markdown dl,.wmde-markdown table,.wmde-markdown pre,.wmde-markdown details{margin-top:0;margin-bottom:16px}.wmde-markdown blockquote>:first-child{margin-top:0}.wmde-markdown blockquote>:last-child{margin-bottom:0}.wmde-markdown sup>a:before{content:"["}.wmde-markdown sup>a:after{content:"]"}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.wmde-markdown h1:hover .anchor,.wmde-markdown h2:hover .anchor,.wmde-markdown h3:hover .anchor,.wmde-markdown h4:hover .anchor,.wmde-markdown h5:hover .anchor,.wmde-markdown h6:hover .anchor{text-decoration:none}.wmde-markdown h1:hover .anchor .octicon-link,.wmde-markdown h2:hover .anchor .octicon-link,.wmde-markdown h3:hover .anchor .octicon-link,.wmde-markdown h4:hover .anchor .octicon-link,.wmde-markdown h5:hover .anchor .octicon-link,.wmde-markdown h6:hover .anchor .octicon-link{visibility:visible}.wmde-markdown h1 tt,.wmde-markdown h1 code,.wmde-markdown h2 tt,.wmde-markdown h2 code,.wmde-markdown h3 tt,.wmde-markdown h3 code,.wmde-markdown h4 tt,.wmde-markdown h4 code,.wmde-markdown h5 tt,.wmde-markdown h5 code,.wmde-markdown h6 tt,.wmde-markdown h6 code{padding:0 .2em;font-size:inherit}.wmde-markdown ul.no-list,.wmde-markdown ol.no-list{padding:0;list-style-type:none}.wmde-markdown ol[type="1"]{list-style-type:decimal}.wmde-markdown ol[type=a]{list-style-type:lower-alpha}.wmde-markdown ol[type=i]{list-style-type:lower-roman}.wmde-markdown div>ol:not([type]){list-style-type:decimal}.wmde-markdown ul ul,.wmde-markdown ul ol,.wmde-markdown ol ol,.wmde-markdown ol ul{margin-top:0;margin-bottom:0}.wmde-markdown li>p{margin-top:16px}.wmde-markdown li+li{margin-top:.25em}.wmde-markdown dl{padding:0}.wmde-markdown dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.wmde-markdown dl dd{padding:0 16px;margin-bottom:16px}.wmde-markdown table th{font-weight:600}.wmde-markdown table th,.wmde-markdown table td{padding:6px 13px;border:1px solid var(--color-border-default)}.wmde-markdown table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.wmde-markdown table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.wmde-markdown table img{background-color:transparent}.wmde-markdown img[align=right]{padding-left:20px}.wmde-markdown img[align=left]{padding-right:20px}.wmde-markdown .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.wmde-markdown span.frame{display:block;overflow:hidden}.wmde-markdown span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid var(--color-border-default)}.wmde-markdown span.frame span img{display:block;float:left}.wmde-markdown span.frame span span{display:block;padding:5px 0 0;clear:both;color:var(--color-fg-default)}.wmde-markdown span.align-center{display:block;overflow:hidden;clear:both}.wmde-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.wmde-markdown span.align-center span img{margin:0 auto;text-align:center}.wmde-markdown span.align-right{display:block;overflow:hidden;clear:both}.wmde-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.wmde-markdown span.align-right span img{margin:0;text-align:right}.wmde-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.wmde-markdown span.float-left span{margin:13px 0 0}.wmde-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.wmde-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.wmde-markdown code,.wmde-markdown tt{padding:.2em .4em;margin:0;font-size:85%;background-color:var(--color-neutral-muted);border-radius:6px}.wmde-markdown code br,.wmde-markdown tt br{display:none}.wmde-markdown del code{text-decoration:inherit}.wmde-markdown pre code{font-size:100%}.wmde-markdown pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.wmde-markdown pre{font-size:85%;line-height:1.45;background-color:var(--color-canvas-subtle);border-radius:6px}.wmde-markdown pre code,.wmde-markdown pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.wmde-markdown pre>code{padding:16px;overflow:auto;display:block}.wmde-markdown pre>code::-webkit-scrollbar{background:transparent;width:8px;height:8px}.wmde-markdown pre>code::-webkit-scrollbar-thumb{background:var(--color-fg-muted);border-radius:10px}.wmde-markdown .csv-data td,.wmde-markdown .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.wmde-markdown .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:var(--color-canvas-default);border:0}.wmde-markdown .csv-data tr{border-top:0}.wmde-markdown .csv-data th{font-weight:600;background:var(--color-canvas-subtle);border-top:0}.wmde-markdown .footnotes{font-size:12px;color:var(--color-fg-muted);border-top:1px solid var(--color-border-default)}.wmde-markdown .footnotes ol{padding-left:16px}.wmde-markdown .footnotes li{position:relative}.wmde-markdown .footnotes li:target:before{position:absolute;inset:-8px -8px -8px -24px;pointer-events:none;content:"";border:2px solid var(--color-accent-emphasis);border-radius:6px}.wmde-markdown .footnotes li:target{color:var(--color-fg-default)}.wmde-markdown .footnotes .data-footnote-backref g-emoji{font-family:monospace}.wmde-markdown .task-list-item{list-style-type:none}.wmde-markdown .task-list-item label{font-weight:400}.wmde-markdown .task-list-item.enabled label{cursor:pointer}.wmde-markdown .task-list-item+.wmde-markdown .task-list-item{margin-top:3px}.wmde-markdown .task-list-item .handle{display:none}.wmde-markdown .task-list-item-checkbox,.wmde-markdown .contains-task-list input[type=checkbox]{margin:0 .2em .25em -1.6em;vertical-align:middle}.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,.wmde-markdown .contains-task-list:dir(rtl) input[type=checkbox]{margin:0 -1.6em .25em .2em}.wmde-markdown ::-webkit-calendar-picker-indicator{filter:invert(50%)}.wmde-markdown pre{position:relative}.wmde-markdown pre .copied{visibility:hidden;display:flex;position:absolute;cursor:pointer;color:var(--color-fg-default);top:6px;right:6px;border-radius:5px;background:var(--color-border-default);padding:6px;font-size:12px;transition:all .3s}.wmde-markdown pre .copied .octicon-copy{display:block}.wmde-markdown pre .copied .octicon-check{display:none}.wmde-markdown pre:hover .copied{visibility:visible}.wmde-markdown pre:hover .copied:hover{background:var(--color-prettylights-syntax-entity-tag);color:var(--color-canvas-default)}.wmde-markdown pre:hover .copied:active,.wmde-markdown pre .copied.active{background:var(--color-copied-active-bg);color:var(--color-canvas-default)}.wmde-markdown pre .active .octicon-copy{display:none}.wmde-markdown pre .active .octicon-check{display:block}.wmde-markdown .markdown-alert{padding:.5rem 1em;color:inherit;margin-bottom:16px;border-left:.25em solid var(--borderColor-default, var(--color-border-default))}.wmde-markdown .markdown-alert>:last-child{margin-bottom:0!important}.wmde-markdown .markdown-alert .markdown-alert-title{display:flex;align-items:center;line-height:1;font-weight:500;font-size:14px}.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon{margin-right:var(--base-size-8, 8px)!important}.wmde-markdown .markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis, var(--color-accent-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--fgColor-accent, var(--color-accent-fg))}.wmde-markdown .markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis, var(--color-success-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--fgColor-success, var(--color-success-fg))}.wmde-markdown .markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis, var(--color-done-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--fgColor-done, var(--color-done-fg))}.wmde-markdown .markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis, var(--color-attention-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--fgColor-attention, var(--color-attention-fg))}.wmde-markdown .markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis, var(--color-danger-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--fgColor-danger, var(--color-danger-fg))}.wmde-markdown .highlight-line{background-color:var(--color-neutral-muted)}.wmde-markdown .code-line.line-number:before{display:inline-block;width:1rem;text-align:right;margin-right:16px;color:var(--color-fg-subtle);content:attr(line);white-space:nowrap}.wmde-markdown .token.comment,.wmde-markdown .token.prolog,.wmde-markdown .token.doctype,.wmde-markdown .token.cdata{color:var(--color-prettylights-syntax-comment)}.wmde-markdown .token.namespace{opacity:.7}.wmde-markdown .token.property,.wmde-markdown .token.tag,.wmde-markdown .token.selector,.wmde-markdown .token.constant,.wmde-markdown .token.symbol,.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-entity-tag)}.wmde-markdown .token.maybe-class-name{color:var(--color-prettylights-syntax-variable)}.wmde-markdown .token.property-access,.wmde-markdown .token.operator,.wmde-markdown .token.boolean,.wmde-markdown .token.number,.wmde-markdown .token.selector .token.class,.wmde-markdown .token.attr-name,.wmde-markdown .token.string,.wmde-markdown .token.char,.wmde-markdown .token.builtin{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-markup-deleted-text)}.wmde-markdown .code-line .token.deleted{background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.wmde-markdown .token.inserted{color:var(--color-prettylights-syntax-markup-inserted-text)}.wmde-markdown .code-line .token.inserted{background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.wmde-markdown .token.variable{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.entity,.wmde-markdown .token.url,.wmde-markdown .language-css .token.string,.wmde-markdown .style .token.string,.wmde-markdown .token.color,.wmde-markdown .token.atrule,.wmde-markdown .token.attr-value,.wmde-markdown .token.function,.wmde-markdown .token.class-name{color:var(--color-prettylights-syntax-string)}.wmde-markdown .token.rule,.wmde-markdown .token.regex,.wmde-markdown .token.important,.wmde-markdown .token.keyword{color:var(--color-prettylights-syntax-keyword)}.wmde-markdown .token.coord{color:var(--color-prettylights-syntax-meta-diff-range)}.wmde-markdown .token.important,.wmde-markdown .token.bold{font-weight:700}.wmde-markdown .token.italic{font-style:italic}.wmde-markdown .token.entity{cursor:help}.w-md-editor-toolbar-child{position:absolute;border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);z-index:1;display:none}.w-md-editor-toolbar-child.active{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar{border-bottom:0;padding:3px;border-radius:3px}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li button{width:-webkit-fill-available;height:initial;box-sizing:border-box;padding:3px 4px 2px;margin:0}.w-md-editor-toolbar{border-bottom:1px solid var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);padding:3px;display:flex;justify-content:space-between;align-items:center;border-radius:3px 3px 0 0;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.w-md-editor-toolbar.bottom{border-bottom:0px;border-top:1px solid var(--md-editor-box-shadow-color);border-radius:0 0 3px 3px}.w-md-editor-toolbar ul,.w-md-editor-toolbar li{margin:0;padding:0;list-style:none;line-height:initial}.w-md-editor-toolbar li{display:inline-block;font-size:14px}.w-md-editor-toolbar li+li{margin:0}.w-md-editor-toolbar li>button{border:none;height:20px;line-height:14px;background:none;padding:4px;margin:0 1px;border-radius:2px;text-transform:none;font-weight:400;overflow:visible;outline:none;cursor:pointer;transition:all .3s;white-space:nowrap;color:var(--color-fg-default)}.w-md-editor-toolbar li>button:hover,.w-md-editor-toolbar li>button:focus{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar li>button:active{background-color:var(--color-neutral-muted);color:var(--color-danger-fg)}.w-md-editor-toolbar li>button:disabled{color:var(--md-editor-box-shadow-color);cursor:not-allowed}.w-md-editor-toolbar li>button:disabled:hover{background-color:transparent;color:var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li.active>button{color:var(--color-accent-fg);background-color:var(--color-neutral-muted)}.w-md-editor-toolbar-divider{height:14px;width:1px;margin:-3px 3px 0!important;vertical-align:middle;background-color:var(--md-editor-box-shadow-color)}.w-md-editor-area{overflow:auto;border-radius:5px}.w-md-editor-text{min-height:100%;position:relative;text-align:left;white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;box-sizing:border-box;padding:10px;margin:0;font-size:14px!important;line-height:18px!important;font-variant-ligatures:common-ligatures}.w-md-editor-text-pre,.w-md-editor-text-input,.w-md-editor-text>.w-md-editor-text-pre{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-family:var(--md-editor-font-family)!important;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:inherit;overflow-wrap:inherit;word-break:inherit;word-break:normal;padding:0}.w-md-editor-text-pre{position:relative;margin:0!important;pointer-events:none;background-color:transparent!important}.w-md-editor-text-pre>code{padding:0!important;font-family:var(--md-editor-font-family)!important;font-size:14px!important;line-height:18px!important}.w-md-editor-text-input{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;outline:0;padding:inherit;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.w-md-editor-text-input:empty{-webkit-text-fill-color:inherit!important}.w-md-editor-text-pre,.w-md-editor-text-input{word-wrap:pre;word-break:break-word;white-space:pre-wrap}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.w-md-editor-text-input{color:transparent!important}.w-md-editor-text-input::selection{background-color:#accef7!important;color:transparent!important}}.w-md-editor-text-pre .punctuation{color:var(--color-prettylights-syntax-comment, #8b949e)!important}.w-md-editor-text-pre .token.url,.w-md-editor-text-pre .token.content{color:var(--color-prettylights-syntax-constant, #0550ae)!important}.w-md-editor-text-pre .token.title.important{color:var(--color-prettylights-syntax-markup-bold, #24292f)}.w-md-editor-text-pre .token.code-block .function{color:var(--color-prettylights-syntax-entity, #8250df)}.w-md-editor-text-pre .token.bold{font-weight:unset!important}.w-md-editor-text-pre .token.title{line-height:unset!important;font-size:unset!important;font-weight:unset!important}.w-md-editor-text-pre .token.code.keyword{color:var(--color-prettylights-syntax-constant, #0550ae)!important}.w-md-editor-text-pre .token.strike,.w-md-editor-text-pre .token.strike .content{color:var(--color-prettylights-syntax-markup-deleted-text, #82071e)!important}.w-md-editor-bar{position:absolute;cursor:s-resize;right:0;bottom:0;margin-top:-11px;margin-right:0;width:14px;z-index:3;height:10px;border-radius:0 0 3px;-webkit-user-select:none;user-select:none}.w-md-editor-bar svg{display:block;margin:0 auto}.w-md-editor{text-align:left;border-radius:3px;padding-bottom:1px;position:relative;color:var(--color-fg-default);--md-editor-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--md-editor-background-color: var(--color-canvas-default, #ffffff);--md-editor-box-shadow-color: var(--color-border-default, #d0d7de);box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.w-md-editor.w-md-editor-rtl{direction:rtl!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-preview{right:unset!important;left:0;text-align:right!important;box-shadow:inset -1px 0 0 0 var(--md-editor-box-shadow-color)}.w-md-editor.w-md-editor-rtl .w-md-editor-text{text-align:right!important}.w-md-editor-toolbar{height:-webkit-fit-content;height:fit-content}.w-md-editor-content{height:100%;overflow:auto;position:relative;border-radius:0 0 3px}.w-md-editor .copied{display:none!important}.w-md-editor-input{width:50%;height:100%}.w-md-editor-text-pre>code{word-break:break-word!important;white-space:pre-wrap!important}.w-md-editor-preview{width:50%;box-sizing:border-box;box-shadow:inset 1px 0 0 0 var(--md-editor-box-shadow-color);position:absolute;padding:10px 20px;overflow:auto;top:0;right:0;bottom:0;border-radius:0 0 5px;display:flex;flex-direction:column}.w-md-editor-preview .anchor{display:none}.w-md-editor-preview .contains-task-list li.task-list-item{list-style:none}.w-md-editor-show-preview .w-md-editor-input{width:0%;overflow:hidden;background-color:var(--md-editor-background-color)}.w-md-editor-show-preview .w-md-editor-preview{width:100%;box-shadow:inset 0 0}.w-md-editor-show-edit .w-md-editor-input{width:100%}.w-md-editor-show-edit .w-md-editor-preview{width:0%;padding:0}.w-md-editor-fullscreen{overflow:hidden;position:fixed;z-index:99999;inset:0;height:100%!important}.w-md-editor-fullscreen .w-md-editor-content{height:100%}.blog-editor-wrapper{width:100%;min-height:100vh;background:var(--bg-primary)}.blog-editor-container{max-width:1200px;width:90%;margin:0 auto;padding:4rem 0}.auth-container{max-width:600px;margin:0 auto;text-align:center}.auth-container h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-container p{color:var(--text-secondary);margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.token-input{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;color:var(--text-primary);font-size:1rem;width:100%}.token-input:focus{outline:none;border-color:var(--accent-primary)}.auth-button{background:var(--gradient-primary);border:none;border-radius:8px;padding:1rem 2rem;color:var(--bg-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:transform .3s ease}.auth-button:hover{transform:translateY(-2px)}.auth-help{background:var(--bg-secondary);border-radius:12px;padding:2rem;text-align:left;border:1px solid rgba(255,255,255,.05)}.auth-help p{margin-bottom:1rem}.auth-help ol{margin:1rem 0 1rem 1.5rem;color:var(--text-secondary)}.auth-help li{margin-bottom:.5rem}.security-note{color:var(--accent-primary)!important;font-size:.9rem;margin-top:1rem!important}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(0,255,136,.2)}.editor-header h1{font-size:clamp(2rem,4vw,3rem);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.editor-form{background:var(--bg-secondary);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.05)}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:1rem;width:100%;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical}.w-md-editor{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important}.w-md-editor-toolbar{background:var(--bg-secondary)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.w-md-editor-toolbar button{color:var(--text-secondary)!important}.w-md-editor-toolbar button:hover{color:var(--accent-primary)!important;background:#00ff881a!important}.w-md-editor-content,.w-md-editor-preview{background:var(--bg-tertiary)!important}.editor-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button,.logout-button{background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1.5rem;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover,.logout-button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.publish-button{background:var(--gradient-primary);border:none;border-radius:8px;padding:.75rem 2rem;color:var(--bg-primary);font-weight:600;cursor:pointer;transition:transform .3s ease}.publish-button:hover:not(:disabled){transform:translateY(-2px)}.publish-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#f44;background:#ff44441a;border:1px solid #ff4444;border-radius:8px;padding:1rem;margin:1rem 0}@media(max-width:768px){.blog-editor-container{padding:2rem 0}.editor-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.editor-actions{flex-direction:column}.cancel-button,.publish-button,.logout-button{width:100%}}.blog-post-wrapper{width:100%;min-height:100vh;background:var(--bg-primary)}.blog-post-container{max-width:1100px;width:90%;margin:0 auto;padding:4rem 0}.new-post-banner{background:linear-gradient(135deg,#00ff881a,#0099ff1a);border:2px solid var(--accent-primary);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;color:var(--text-primary);text-align:center;font-weight:600}.blog-post-loading,.blog-post-error{text-align:center;padding:6rem 2rem;color:var(--text-secondary)}.blog-post-error h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:var(--text-primary);font-weight:700}.blog-post-error p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.blog-post{background:var(--bg-secondary);border-radius:16px;padding:3rem;border:1px solid rgba(255,255,255,.05);margin:0 auto 2rem}.blog-post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(0,255,136,.2);position:relative}.blog-post-date{color:var(--accent-primary);font-size:.875rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.blog-post h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem;color:var(--text-primary);line-height:1.2;font-weight:800;letter-spacing:-.02em}.blog-post-author{color:var(--text-secondary);font-size:1rem;font-style:italic;opacity:.8}.blog-post-content{color:var(--text-secondary);line-height:1.8;font-size:1.125rem}.blog-post-content h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:3rem;margin-bottom:1rem;color:var(--text-primary);font-weight:700;position:relative;padding-left:1rem}.blog-post-content h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);border-radius:2px}.blog-post-content h3{font-size:clamp(1.2rem,2.5vw,1.5rem);margin-top:2rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:600}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.75rem;line-height:1.7}.blog-post-content code{background:var(--bg-tertiary);color:var(--accent-primary);padding:.25rem .5rem;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.9em;border:1px solid rgba(0,255,136,.2)}.blog-post-content pre{background:var(--bg-tertiary);padding:1.5rem;border-radius:12px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0003}.blog-post-content pre code{background:none;padding:0;border:none;color:var(--text-secondary)}.blog-post-content blockquote{border-left:4px solid var(--accent-primary);padding-left:1.5rem;margin-left:0;margin-bottom:1.5rem;color:var(--text-secondary);font-style:italic;background:var(--bg-tertiary);padding:1rem 1.5rem;border-radius:0 8px 8px 0}.blog-post-content a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.blog-post-content a:hover{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.blog-post-content img{max-width:100%;height:auto;border-radius:12px;margin:2rem 0;border:1px solid rgba(255,255,255,.05)}.blog-post-content table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.blog-post-content th,.blog-post-content td{padding:1rem;border:1px solid rgba(255,255,255,.05);text-align:left}.blog-post-content th{background:#00ff881a;font-weight:600;color:var(--text-primary)}.blog-post-content hr{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(0,255,136,.5),transparent);margin:3rem 0}.blog-post-content strong{color:var(--accent-primary);font-weight:600}.blog-post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.back-link{color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:1.1rem;padding:.75rem 1.5rem;border:2px solid var(--accent-primary);border-radius:8px;display:inline-block;transition:all .3s ease}.back-link:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translate(-4px)}@media(max-width:768px){.blog-post-container{padding:2rem 1rem}.blog-post{padding:2rem 1.5rem}.blog-post h1{font-size:2rem}.blog-post-content{font-size:1rem}.blog-post-content h2{font-size:1.5rem;padding-left:.75rem}.blog-post-content h3{font-size:1.25rem}.blog-post-content pre{padding:1rem}}@media(min-width:1600px){.blog-post-container{max-width:1400px}.blog-post{padding:4rem}.blog-post-content{font-size:1.2rem}}.brightchain-demo{padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.demo-header{text-align:center;margin-bottom:3rem}.demo-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;color:transparent!important;background:var(--gradient-primary);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;letter-spacing:-.02em}.demo-subtitle{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;max-width:600px;margin:0 auto}.demo-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}.upload-area{background:#111827cc;border:2px dashed rgba(0,255,136,.3);border-radius:12px;padding:3rem;text-align:center;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.upload-area.drag-over{border-color:var(--accent-primary);background:#00ff881a;transform:scale(1.02)}.upload-area:hover{border-color:var(--accent-secondary);background:#0099ff0d}.upload-icon{font-size:3rem;margin-bottom:1rem;display:block}.upload-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.upload-input{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-input:hover{background:var(--accent-secondary);transform:translateY(-2px)}.upload-input:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-container{text-align:center;padding:4rem;background:#111827cc;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-text{color:var(--text-secondary);font-size:1.1rem;margin-top:1rem}.storage-section{margin-top:2rem}.storage-header{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.storage-empty{text-align:center;padding:3rem;background:#11182780;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:1.1rem}.file-card{background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.file-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 24px #00ff8826;transform:translateY(-2px)}.file-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.file-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.file-info{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.soup-container{margin-bottom:1.5rem}.soup-header{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.soup-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.5rem;background:#0000004d;border:2px dashed rgba(0,255,136,.2);border-radius:8px;min-height:100px;align-items:center;justify-content:center}.soup-can{width:60px;height:80px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:2px solid rgba(255,255,255,.2);font-size:10px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);transition:all .3s ease;position:relative;overflow:hidden}.soup-can:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:6px;pointer-events:none}.soup-can:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 16px #0006;border-color:#fff6}.soup-can.animating{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 20px #0f86;border-color:var(--accent-primary)}.can-emoji{font-size:16px;margin-bottom:2px}.can-index{font-weight:700;font-size:9px}.can-size{font-size:8px;opacity:.8}.file-actions{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.action-btn.primary{background:var(--accent-primary);color:var(--bg-primary)}.action-btn.primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.action-btn.secondary{background:#09f3;color:var(--accent-secondary);border:1px solid rgba(0,153,255,.3)}.action-btn.secondary:hover{background:var(--accent-secondary);color:var(--bg-primary);transform:translateY(-2px)}.magnet-details{margin-top:1rem}.magnet-summary{color:var(--accent-primary);cursor:pointer;font-weight:600;padding:.5rem 0;border:none;background:none;font-size:.95rem}.magnet-url-container{display:flex;gap:.5rem;align-items:stretch;margin-top:.5rem}.magnet-input{flex:1;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:.85rem;font-family:Courier New,monospace}.magnet-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #0f83}.copy-magnet-btn{padding:.5rem 1rem;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;white-space:nowrap;transition:all .2s ease}.copy-magnet-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.magnet-url-info{margin-top:.5rem;color:var(--text-secondary);font-size:.75rem}.demo-sidebar{display:flex;flex-direction:column;gap:1.5rem}.process-steps{background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.process-header{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.process-step{display:flex;align-items:center;padding:.75rem;margin:.5rem 0;border-radius:8px;transition:all .3s ease}.process-step.pending{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.process-step.processing{background:#0099ff1a;border:1px solid var(--accent-secondary);animation:pulse 2s infinite}.process-step.complete{background:#00ff881a;border:1px solid var(--accent-primary)}.process-step.error{background:#ff6b6b1a;border:1px solid #ff6b6b}.step-icon{font-size:1.2rem;margin-right:.75rem;min-width:20px}.step-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.step-details{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.block-details{background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.block-details-header{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.block-info{font-size:.9rem;line-height:1.6}.block-info p{margin:.5rem 0;color:var(--text-secondary)}.block-info strong{color:var(--text-primary)}.block-id{font-family:Courier New,monospace;font-size:.75rem;background:#0000004d;padding:.25rem .5rem;border-radius:4px;word-break:break-all}.block-color-swatch{display:inline-block;width:20px;height:20px;border-radius:4px;vertical-align:middle;margin-left:.5rem;border:1px solid rgba(255,255,255,.2)}.stats-panel{background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-header{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.stats-grid{display:grid;gap:.75rem}.stat-item{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.95rem}.stat-value{color:var(--accent-primary);font-weight:600}@media(max-width:768px){.brightchain-demo{padding:1rem}.demo-grid{grid-template-columns:1fr;gap:1.5rem}.demo-sidebar{order:-1}.upload-area{padding:2rem}.file-actions{flex-direction:column}.action-btn{justify-content:center}.soup-grid{justify-content:flex-start}}@media(max-width:480px){.soup-can{width:50px;height:70px;font-size:9px}.can-emoji{font-size:14px}.can-index{font-size:8px}.can-size{font-size:7px}}.session-info{font-size:.9rem;color:#666;margin-top:.5rem;font-family:Courier New,monospace}.session-note{font-style:italic;color:#888;margin-left:.5rem}.debug-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin-top:1rem}.debug-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;color:#fff}.debug-info{font-size:.85rem;color:#ccc}.debug-info p{margin:.5rem 0}.session-id{font-family:Courier New,monospace;background:#0000004d;padding:.5rem;border-radius:6px;word-break:break-all;font-size:.75rem;color:#fff;margin:.5rem 0}.block-ids{max-height:100px;overflow-y:auto;background:#0000004d;border-radius:6px;padding:.5rem;margin:.5rem 0}.block-id-item{font-family:Courier New,monospace;font-size:.75rem;color:#fff;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.block-id-item:last-child{border-bottom:none}.clear-session-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:.5rem;transition:all .2s ease}.clear-session-btn:hover{background:linear-gradient(135deg,#ee5a52,#dc4c41);transform:translateY(-1px)}.clear-session-btn:active{transform:translateY(0)}.animated-brightchain-demo{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.animation-controls{display:flex;align-items:center;gap:2rem;padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.playback-controls{display:flex;gap:.5rem}.control-btn{padding:.5rem 1rem;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.control-btn:hover{background:#fff3;transform:translateY(-1px)}.control-btn:active{transform:translateY(0)}.control-btn.play{background:#22c55e33}.control-btn.pause{background:#ef444433}.control-btn.reset{background:#3b82f633}.speed-control{display:flex;flex-direction:column;gap:.25rem}.speed-control label{font-size:.875rem;color:#fffc}.speed-slider{width:120px;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.speed-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer}.speed-slider::-moz-range-thumb{width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none}.mode-control .mode-btn{padding:.5rem 1rem;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem}.mode-control .mode-btn.active{background:#a855f74d;border:1px solid rgba(168,85,247,.5)}.mode-control .mode-btn:hover{background:#fff3}.animation-sequence{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.sequence-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;color:#fff}.animated-process-step{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;margin-bottom:.5rem;border-radius:8px;transition:all .3s ease;cursor:pointer}.animated-process-step:hover{background:#ffffff0d}.animated-process-step.active{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);animation:pulse 2s infinite}.animated-process-step.complete{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.animated-process-step.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.animated-process-step.educational{position:relative}.step-icon{font-size:1.2rem;min-width:24px}.step-content{flex:1}.step-name{font-weight:600;color:#fff;margin-bottom:.25rem}.step-description{font-size:.875rem;color:#ffffffb3;line-height:1.4}.step-progress{margin-top:.5rem}.progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;animation:progress-fill 2s ease-in-out infinite}.educational-tooltip{position:absolute;top:100%;left:0;right:0;background:#000000e6;border:1px solid rgba(168,85,247,.3);border-radius:8px;padding:.75rem;margin-top:.5rem;font-size:.8rem;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.educational-tooltip p{margin:0 0 .5rem;color:#ffffffe6}.educational-tooltip p:last-child{margin-bottom:0}.current-step-details{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.step-details-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;color:#fff}.step-info h4{color:#fff;margin:0 0 .5rem;font-size:1rem}.step-info p{color:#ffffffb3;margin:0 0 .75rem;font-size:.875rem;line-height:1.4}.step-timing{font-size:.8rem;color:#fff9;background:#ffffff0d;padding:.25rem .5rem;border-radius:4px;display:inline-block}.performance-monitor{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.performance-monitor h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;color:#fff}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.performance-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:6px;font-size:.875rem}.performance-item span:first-child{color:#ffffffb3}.performance-item span:last-child{color:#fff;font-weight:600}.performance-item.good span:last-child{color:#22c55e}.performance-item.warning span:last-child{color:#f59e0b}.performance-item.poor span:last-child{color:#ef4444}.performance-item.error span:last-child{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes progress-fill{0%{width:0%}50%{width:70%}to{width:100%}}@media(max-width:768px){.animation-controls{flex-direction:column;gap:1rem}.playback-controls{justify-content:center}.performance-grid{grid-template-columns:1fr}.educational-tooltip{position:relative;margin-top:.5rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.loading-container .upload-icon{font-size:3rem;margin-bottom:1rem;animation:spin 2s linear infinite}.loading-container .loading-text{color:#fffc;font-size:1.1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.enhanced-soup-visualization{width:100%;max-width:1400px;margin:0 auto}.file-selector-container{margin-bottom:2rem}.selector-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.file-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.file-selector-btn{position:relative;width:100%;padding:1rem;background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.file-selector-btn:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0f83}.file-selector-btn.selected{border-color:var(--accent-primary);background:#00ff881a;box-shadow:0 8px 24px #00ff884d}.file-btn-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.file-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.file-info{flex:1;text-align:left}.file-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.file-stats{font-size:.875rem;color:var(--text-secondary)}.selection-indicator{position:absolute;inset:0;background:linear-gradient(135deg,#00ff881a,#0099ff1a);border-radius:12px;z-index:1}.soup-container-enhanced{position:relative;background:#111827cc;border:2px dashed rgba(0,255,136,.4);border-radius:16px;padding:2rem;min-height:400px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease}.soup-container-enhanced:hover{border-color:#0f89;box-shadow:0 8px 32px #00ff881a}.soup-header-enhanced{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.15)}.soup-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.soup-header-enhanced h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.selection-info{margin-left:auto;padding:.5rem 1rem;background:#00ff8826;border:1px solid rgba(0,255,136,.4);border-radius:8px;font-size:.875rem;color:var(--accent-primary);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00ff881a}.soup-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1.5rem;padding:1rem;position:relative;z-index:2}.empty-soup-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));opacity:.6}.empty-soup-state h4{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-soup-state p{font-size:1rem;max-width:400px;line-height:1.6}.connection-lines-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}@media(max-width:1024px){.file-selector-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.soup-grid-enhanced{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:1rem}}@media(max-width:768px){.file-selector-grid{grid-template-columns:1fr}.soup-header-enhanced{flex-direction:column;align-items:flex-start}.selection-info{margin-left:0;margin-top:.5rem}.soup-grid-enhanced{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem}.soup-container-enhanced{padding:1rem}}@media(max-width:480px){.soup-grid-enhanced{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem}.file-btn-content{gap:.75rem}.file-icon{font-size:1.5rem}.file-name{font-size:.9rem}.file-stats{font-size:.8rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .5s ease-out}.scale-in{animation:scaleIn .3s ease-out}.file-actions-section{margin-top:2rem}.actions-header{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.action-card{background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.action-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0f83;transform:translateY(-2px)}.action-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.action-card-header span{font-size:1.2rem}.action-card-header h4{flex:1;margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.delete-file-btn{background:#ff3b3033;border:1px solid rgba(255,59,48,.3);color:#ff3b30;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.delete-file-btn:hover{background:#ff3b30;color:#fff;transform:scale(1.1)}.action-buttons{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}@media(max-width:768px){.actions-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.reconstruction-options{background:#111827cc;border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reconstruction-header{font-size:1.3rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.reconstruction-header span{font-size:1.5rem}.reconstruction-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.reconstruction-btn{padding:1rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:var(--accent-primary);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.reconstruction-btn:hover{background:#0f83;border-color:var(--accent-primary);transform:translateY(-2px)}.reconstruction-btn span{font-size:1.2rem}.cbl-upload-section{margin-top:1rem;padding:1rem;background:#0099ff0d;border:1px solid rgba(0,153,255,.2);border-radius:8px}.cbl-info{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.cbl-upload-btn{width:100%;padding:.75rem;background:var(--accent-secondary);color:var(--bg-primary);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.cbl-upload-btn:hover{background:#0099ffe6;transform:translateY(-2px)}.cbl-upload-btn span{font-size:1.2rem}.magnet-input-section{margin-top:1rem;padding:1rem;background:#ff00880d;border:1px solid rgba(255,0,136,.2);border-radius:8px}.magnet-info{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.magnet-input-group{display:flex;gap:.5rem}.magnet-text-input{flex:1;padding:.75rem;background:#111827cc;border:1px solid rgba(255,0,136,.3);border-radius:8px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9rem}.magnet-text-input:focus{outline:none;border-color:#f089;background:#111827e6}.magnet-text-input::placeholder{color:var(--text-tertiary)}.magnet-submit-btn{padding:.75rem 1.5rem;background:#f08c;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.magnet-submit-btn:hover:not(:disabled){background:#f08;transform:translateY(-2px)}.magnet-submit-btn:disabled{opacity:.5;cursor:not-allowed}.whitening-toggle{background:#111827cc;border:1px solid rgba(138,43,226,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.whitening-toggle label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.whitening-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#8a2be2}.whitening-toggle span{display:flex;align-items:center;gap:.5rem}.whitening-info{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:.75rem 0 0 2.25rem}.whitening-result{background:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.whitening-result h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.whitening-ids{margin-bottom:1rem}.id-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9rem}.id-row span{color:var(--text-secondary);font-weight:600;min-width:100px}.id-row code{flex:1;background:#0000004d;padding:.5rem;border-radius:6px;font-family:Courier New,monospace;color:#8a2be2;font-size:.85rem}.whitened-magnet{display:flex;gap:.5rem;align-items:stretch}.whitened-magnet input{flex:1;padding:.75rem;background:#0000004d;border:1px solid rgba(138,43,226,.3);border-radius:6px;color:var(--text-primary);font-size:.85rem;font-family:Courier New,monospace}.whitened-magnet input:focus{outline:none;border-color:#8a2be299;box-shadow:0 0 0 2px #8a2be233}.whitened-magnet button{padding:.5rem 1rem;background:#8a2be2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;white-space:nowrap;transition:all .2s ease}.whitened-magnet button:hover{background:#9b4ef0;transform:translateY(-1px)}.whitened-magnet-input-section{margin-top:1rem;padding:1rem;background:#8a2be20d;border:1px solid rgba(138,43,226,.2);border-radius:8px}.whitened-magnet-info{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.whitening-steps{border-color:#8a2be24d}.whitening-steps .process-header{color:#8a2be2}.soup-can.whitener{border:2px dashed #9b59b6;background:linear-gradient(135deg,#9b59b6,#8e44ad)}.soup-can.cbl-prime{border:2px dashed #e74c3c;background:linear-gradient(135deg,#e74c3c,#c0392b)}.soup-can.whitener:hover,.soup-can.cbl-prime:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 16px #8a2be266}@media(max-width:768px){.whitening-toggle,.whitening-result{padding:1rem}.id-row{flex-direction:column;align-items:flex-start;gap:.5rem}.id-row span{min-width:auto}.whitened-magnet{flex-direction:column}.reconstruction-buttons{grid-template-columns:1fr}}.enhanced-soup-can{width:70px;height:90px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;background:#11182799}.enhanced-soup-can:hover{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.enhanced-soup-can.highlighted{border-color:var(--accent-primary);box-shadow:0 0 20px #0f86;background:#00ff881a}.enhanced-soup-can.selected{border-color:var(--accent-secondary);box-shadow:0 0 30px #0099ff80;background:#0099ff26}.enhanced-soup-can.animating{border-color:var(--accent-primary);animation:soup-can-pulse 1.5s ease-in-out infinite}@keyframes soup-can-pulse{0%,to{box-shadow:0 0 20px #0f86;transform:scale(1)}50%{box-shadow:0 0 30px #0f89;transform:scale(1.05)}}.glass-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff26,#ffffff14,#ffffff08);border-radius:10px;pointer-events:none}.can-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.can-emoji{font-size:20px;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.can-index{font-weight:700;font-size:11px;margin-bottom:2px;letter-spacing:.5px;color:var(--text-primary)}.can-size{font-size:9px;opacity:.9;font-weight:500;color:var(--text-secondary)}.selection-ring{position:absolute;inset:-4px;border:3px solid var(--accent-secondary);border-radius:16px;pointer-events:none;z-index:1}.selection-ring:before{content:"";position:absolute;inset:-2px;border:1px solid rgba(0,153,255,.3);border-radius:18px;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}.highlight-glow{position:absolute;inset:-8px;background:radial-gradient(circle,rgba(0,255,136,.3) 0%,rgba(0,255,136,.15) 50%,transparent 70%);border-radius:20px;pointer-events:none;z-index:0;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.connection-indicators{position:absolute;top:0;right:0;height:100%;width:10px;pointer-events:none;z-index:3}.connection-dot{position:absolute;animation:connection-pulse 2s infinite}@keyframes connection-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.information-panel{max-width:280px;min-width:200px}.glass-morphism-panel{background:#111827f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem;box-shadow:0 8px 32px #0006}.panel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header .block-emoji{font-size:16px}.panel-header h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.panel-content{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-row .label{color:var(--text-secondary);font-weight:500}.info-row .value{color:var(--text-primary);font-weight:600}.info-row .value.monospace{font-family:Courier New,monospace;font-size:.8rem;background:#0006;padding:.2rem .4rem;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000004d}@media(max-width:768px){.enhanced-soup-can{width:60px;height:80px}.can-emoji{font-size:16px}.can-index{font-size:10px}.can-size{font-size:8px}.information-panel{max-width:240px;min-width:180px}}@media(max-width:480px){.enhanced-soup-can{width:50px;height:70px}.can-emoji{font-size:14px}.can-index{font-size:9px}.can-size{font-size:7px}}.compatibility-warning{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;max-width:600px;width:90%;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.compatibility-warning-content{background:#ffc107f2;border:2px solid rgba(255,152,0,.8);border-radius:12px;padding:20px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compatibility-warning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.compatibility-warning-header h3{margin:0;color:#000;font-size:1.2rem;font-weight:600}.compatibility-warning-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#000;opacity:.7;transition:opacity .2s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.compatibility-warning-close:hover{opacity:1}.compatibility-warning-body{color:#000}.compatibility-warning-body p{margin:0 0 15px;line-height:1.5}.compatibility-errors,.compatibility-warnings,.compatibility-fallbacks{margin:15px 0}.compatibility-errors h4,.compatibility-warnings h4,.compatibility-fallbacks h4{margin:0 0 8px;font-size:1rem;font-weight:600}.compatibility-errors ul,.compatibility-warnings ul,.compatibility-fallbacks ul{margin:0;padding-left:20px;list-style-type:disc}.compatibility-errors li,.compatibility-warnings li,.compatibility-fallbacks li{margin:5px 0;line-height:1.4}.compatibility-recommendation{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.2);font-weight:500}.compatibility-warning.error .compatibility-warning-content{background:#f44336f2;border-color:#d32f2fcc}.compatibility-warning.error .compatibility-warning-header h3,.compatibility-warning.error .compatibility-warning-body,.compatibility-warning.error .compatibility-warning-close{color:#fff}@media(max-width:768px){.compatibility-warning{top:10px;width:95%}.compatibility-warning-content{padding:15px}.compatibility-warning-header h3{font-size:1rem}}.components{background:var(--bg-primary)}.components-container{max-width:1400px;margin:0 auto}.components-subtitle{text-align:center;color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.suite-intro{max-width:1100px;margin:0 auto 4rem;padding:3rem;background:linear-gradient(135deg,#00ff880d,#0066cc0d);border-radius:16px;border:1px solid rgba(0,255,136,.2);line-height:1.8}.suite-intro h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem;text-align:center;line-height:1.4}.suite-intro h3 em{color:var(--accent-primary);font-style:italic;font-weight:600}.suite-intro>p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;text-align:center}.suite-intro h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;font-weight:600}.problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.problem-solution>div{padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.problem ul{list-style:none;padding:0;margin:1rem 0;color:var(--text-secondary)}.problem li{padding:.5rem 0 .5rem .5rem}.problem li:before{content:"• ";color:#ff6b6b;font-weight:700;margin-right:.5rem}.solution p{color:var(--text-secondary);margin:1rem 0;font-size:1rem}.value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.value-prop{padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid rgba(0,255,136,.1);text-align:center;transition:all .3s ease}.value-prop:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px #00ff8826}.value-prop strong{color:var(--text-primary);font-size:1.1rem;display:block;margin-bottom:.5rem}.value-prop p{color:var(--text-secondary);font-size:.95rem;margin:0;line-height:1.5}@media(max-width:768px){.suite-intro{padding:2rem}.suite-intro h3{font-size:1.4rem}.problem-solution,.value-props{grid-template-columns:1fr}}.suite-intro p{color:var(--text-secondary);font-size:1.05rem}.suite-intro strong{color:var(--text-primary);font-weight:600}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem}.component-card{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease;height:100%}.component-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 40px #0f83;transform:translateY(-4px)}.component-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.component-icon{font-size:2.5rem}.component-header h3{font-size:1.5rem;font-weight:700;margin:0;flex:1}.component-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.component-badge.production{background:#0f83;color:var(--accent-primary);border:1px solid rgba(0,255,136,.3)}.component-badge.active{background:#09f3;color:var(--accent-secondary);border:1px solid rgba(0,153,255,.3)}.component-badge.storage{background:#0f83;color:var(--accent-primary);border:1px solid rgba(0,255,136,.3)}.component-badge.cryptography{background:#8a2be233;color:#b794f6;border:1px solid rgba(138,43,226,.3)}.component-badge.governance{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.3)}.component-badge.network{background:#09f3;color:var(--accent-secondary);border:1px solid rgba(0,153,255,.3)}.component-badge.identity{background:#ff69b433;color:#ff69b4;border:1px solid rgba(255,105,180,.3)}.component-description{color:var(--text-secondary);line-height:1.6;flex-grow:1}.component-stats{display:flex;gap:1.5rem;flex-wrap:wrap;padding:1rem;background:#0000004d;border-radius:8px}.stat{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);font-size:.9rem;font-weight:600}.component-highlights{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0}.component-highlights li{padding-left:1.5rem;position:relative;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.component-highlights li:before{content:"→";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.component-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{padding:.4rem .8rem;background:#0099ff1a;border:1px solid rgba(0,153,255,.3);border-radius:6px;font-size:.85rem;color:var(--accent-secondary);font-weight:500}.component-links{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.component-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff0d;border-radius:6px;text-decoration:none;color:var(--text-primary);font-size:.9rem;font-weight:600;transition:all .3s ease;flex:1;justify-content:center;min-width:100px}.component-link:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px)}@media(max-width:768px){.components-grid{grid-template-columns:1fr}.component-stats{flex-direction:column;gap:.75rem}.component-links{flex-direction:column}.component-link{width:100%}}.section-title .gradient-text{color:transparent!important;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline-block!important}.demo-section{padding:4rem 2rem;background-color:var(--bg-secondary)}.demo-container{max-width:1200px;margin:0 auto}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.demo-card{background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px #0000001a}.demo-card h3{margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.key-display{background:var(--bg-secondary);padding:1rem;border-radius:8px;font-family:monospace;font-size:.9rem;word-break:break-all;margin-bottom:1rem;border:1px solid var(--border-color)}.key-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:600}.demo-input-group{margin-bottom:1rem}.demo-input-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.demo-textarea{width:100%;min-height:100px;padding:.75rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;resize:vertical}.demo-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:opacity .2s;width:100%}.demo-btn:hover{opacity:.9}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-result{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.demo-result h4{margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.hex-display{font-family:monospace;font-size:.85rem;word-break:break-all;color:var(--accent-color);max-height:150px;overflow-y:auto}@media(max-width:768px){.demo-grid{grid-template-columns:1fr}}.voting-demo{padding:2rem;background:#ffffff08;border-radius:16px;margin-top:2rem}.demo-header{text-align:center;margin-bottom:2rem}.demo-header h3{font-size:1.8rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:700}.demo-header p{opacity:1;color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.candidates-section{margin-bottom:2rem}.candidates-section h4{margin-bottom:1rem;font-size:1.2rem}.candidates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.candidate-card{padding:1.5rem;background:#ffffff0d;border-radius:12px;border:2px solid rgba(255,255,255,.1);text-align:center}.candidate-emoji{font-size:3rem;margin-bottom:.5rem}.candidate-card h5{margin:.5rem 0;font-size:1.1rem}.candidate-card p{font-size:.85rem;opacity:.7;margin:0}.voters-section{margin-bottom:2rem}.voters-section h4{margin-bottom:1rem;font-size:1.2rem}.voters-grid{display:grid;gap:1rem}.voter-card{padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.voter-card strong{display:block;margin-bottom:1rem;font-size:1.1rem}.vote-cast{padding:.75rem;background:#4ade801a;border-radius:8px;color:#4ade80;text-align:center}.vote-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.vote-btn{flex:1;min-width:100px;padding:.75rem;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;font-size:1.5rem}.vote-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.vote-btn.weighted{min-width:150px}.tally-btn{width:100%;padding:1rem;background:var(--accent-color);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.tally-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.results-section{padding:2rem;background:#ffffff0d;border-radius:12px}.results-section h4{text-align:center;margin-bottom:2rem;font-size:1.5rem}.result-bar{margin-bottom:1.5rem}.result-bar.winner{background:#4ade801a;padding:1rem;border-radius:12px;border:2px solid #4ade80}.result-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500}.progress-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .5s ease}.result-bar.winner .progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e)}.reset-btn{width:100%;padding:1rem;margin-top:2rem;background:#666;border:none;border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s}.reset-btn:hover{background:#777}.approval-voter{max-width:100%}.voter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.voted-badge{padding:.25rem .75rem;background:#4ade8033;border-radius:12px;color:#4ade80;font-size:.85rem}.approval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.approval-btn{padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.approval-btn:hover{background:#ffffff1a}.approval-btn.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #8b5cf64d}.submit-vote-btn{width:100%;padding:.75rem;background:var(--accent-color);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.submit-vote-btn:disabled{opacity:.5;cursor:not-allowed}.submit-vote-btn:not(:disabled):hover{transform:translateY(-2px)}.weighted-voters{display:grid;gap:1rem}.weighted-voter-card{padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.shareholder-info{margin-bottom:1rem}.shareholder-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.shareholder-emoji{font-size:1.5rem}.shares-info{font-size:.9rem;opacity:.7;padding-left:2rem}.weighted-note{padding:1rem;background:#3b82f61a;border-radius:8px;border-left:4px solid #3b82f6;margin-top:1.5rem;font-size:.9rem}.ranked-voter{max-width:100%}.rankings-list{margin-bottom:1rem}.ranking-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:8px;margin-bottom:.5rem}.rank-number{font-weight:700;color:var(--primary-color);min-width:30px}.rank-candidate{flex:1}.rank-controls{display:flex;gap:.25rem}.rank-controls button{padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem}.rank-controls button:hover:not(:disabled){background:#fff3}.rank-controls button:disabled{opacity:.3;cursor:not-allowed}.add-candidates{margin-bottom:1rem}.add-candidates label{display:block;margin-bottom:.5rem;font-size:.9rem;opacity:.8}.candidate-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.add-candidate-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s}.add-candidate-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.rounds-section{margin-bottom:2rem}.rounds-section h5{margin-bottom:1rem;font-size:1.2rem}.round-result{margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:8px}.round-result strong{display:block;margin-bottom:.75rem;color:var(--primary-color)}.round-tallies{display:grid;gap:.5rem}.round-tally{display:flex;justify-content:space-between;padding:.5rem 1rem;background:#ffffff0d;border-radius:6px}.round-tally.eliminated{opacity:.5;text-decoration:line-through}.round-tally.winner{background:#4ade801a;border:1px solid #4ade80}.eliminated-badge{padding:.25rem .5rem;background:#ef444433;border-radius:4px;color:#ef4444;font-size:.75rem}.winner-badge{padding:.25rem .5rem;background:#4ade8033;border-radius:4px;color:#4ade80;font-size:.75rem}.final-result{text-align:center}.final-result h5{margin-bottom:1rem;font-size:1.2rem}.winner-card{padding:2rem;background:linear-gradient(135deg,#4ade801a,#22c55e1a);border-radius:16px;border:2px solid #4ade80}.winner-emoji{font-size:4rem;display:block;margin-bottom:1rem}.winner-card h3{color:#4ade80;margin:.5rem 0}.winner-card p{opacity:.8;margin:0}.voting-demo-container{max-width:1400px;margin:0 auto;padding:2rem}.voting-intro{text-align:center;margin-bottom:3rem}.voting-intro h2{font-size:2.5rem;margin-bottom:1rem;color:transparent!important;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.voting-intro p{font-size:1.1rem;opacity:.9;max-width:800px;margin:0 auto 1.5rem;line-height:1.6}.security-badges{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.badge.secure{background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:#4ade80}.coming-soon{padding:4rem 2rem;text-align:center;background:#ffffff08;border-radius:16px;margin-top:2rem}.coming-soon h3{font-size:1.8rem;margin-bottom:1rem}.coming-soon p{font-size:1.1rem;opacity:.8;margin-bottom:1rem}.coming-soon a{color:var(--primary-color);text-decoration:none;font-weight:500}.coming-soon a:hover{text-decoration:underline}.election-intro{padding:3rem 2rem;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:16px;border:2px solid rgba(139,92,246,.3);max-width:800px;margin:0 auto}.intro-header{text-align:center;margin-bottom:2rem}.intro-emoji{font-size:4rem;display:block;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro-header h3{font-size:2rem;margin:0;color:var(--text-primary)!important;font-weight:700}.intro-story{font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.intro-story p{margin-bottom:1rem}.intro-stakes{display:grid;gap:1rem;margin:2rem 0;padding:1.5rem;background:#0003;border-radius:12px}.stake-item{display:flex;align-items:center;gap:1rem}.stake-item span{font-size:2.5rem;min-width:60px;text-align:center}.stake-item p{margin:0;font-size:1rem}.intro-challenge{font-size:1.05rem;padding:1.5rem;background:#3b82f626;border-left:4px solid #3b82f6;border-radius:8px;margin-top:2rem}.start-election-btn{width:100%;padding:1.5rem;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #8b5cf666}.start-election-btn:hover{transform:translateY(-3px);box-shadow:0 6px 30px #8b5cf699}.election-tagline{font-size:1.1rem;font-weight:500;opacity:.9}.voter-instruction{font-size:.95rem;opacity:.8;margin-top:.5rem;font-style:italic}.results-intro{text-align:center;font-size:1.1rem;margin-bottom:2rem;opacity:.9}.borda-quick-vote{display:flex;flex-direction:column;gap:.5rem}.referendum-question{text-align:center;padding:2rem;background:#3b82f61a;border-radius:12px;margin-bottom:2rem;border:2px solid rgba(59,130,246,.3)}.referendum-question h4{font-size:1.5rem;margin:0}.yesno-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.yes-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.no-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.yesno-results{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.yesno-result{text-align:center;padding:2rem;background:#ffffff0d;border-radius:16px;border:2px solid rgba(255,255,255,.1);transition:all .3s}.yesno-result.winner{background:#4ade8026;border-color:#4ade80;transform:scale(1.05)}.yesno-emoji{font-size:4rem;display:block;margin-bottom:1rem}.yesno-result h3{font-size:2rem;margin:.5rem 0}.yesno-count{font-size:1.5rem;font-weight:700;margin:.5rem 0}.yesno-percent{font-size:1.2rem;opacity:.8;margin:0}.referendum-outcome{text-align:center;padding:2rem;background:#3b82f61a;border-radius:12px;margin-bottom:2rem}.referendum-outcome h3{font-size:1.8rem;margin-bottom:1rem}.score-voting-section{padding:2rem;background:#ffffff08;border-radius:12px;margin-bottom:2rem}.score-slider{margin-bottom:1.5rem}.score-slider input[type=range]{width:100%;height:12px;border-radius:6px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.score-slider input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px}.score-slider input[type=range]::-moz-range-track{height:12px;border-radius:6px;background:transparent}.score-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.score-value{font-weight:700;color:var(--accent-color)}.score-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0000004d}.score-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.score-labels{display:flex;justify-content:space-between;font-size:.75rem;opacity:.6;margin-top:.25rem}.score-breakdown{display:flex;gap:.5rem;margin:.5rem 0}.individual-score{padding:.25rem .5rem;background:#ffffff1a;border-radius:4px;font-size:.85rem}.loading-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:9999;text-align:center}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{font-size:1.2rem;color:#fff;margin:0;font-weight:500}.abstain-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.abstain-btn{background:linear-gradient(135deg,#6b7280,#4b5563)!important}.abstain-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}.abstain-result{text-align:center;padding:2rem 1rem;background:#ffffff0d;border-radius:16px;border:2px solid rgba(255,255,255,.1)}.abstain-result.neutral{opacity:.7}.abstain-emoji{font-size:3rem;display:block;margin-bottom:1rem}.abstain-count{font-size:1.5rem;font-weight:700;margin:.5rem 0}.abstain-percent{font-size:1.1rem;opacity:.8}.abstain-note{font-size:.9rem;opacity:.7;font-style:italic}.supermajority-tracker{padding:2rem;background:#3b82f61a;border-radius:12px;margin-bottom:2rem}.threshold-bar{position:relative;height:40px;background:#ffffff1a;border-radius:8px;overflow:hidden;margin:1rem 0}.threshold-progress{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:width .5s ease}.threshold-line{position:absolute;top:0;bottom:0;width:3px;background:#ef4444;z-index:10}.threshold-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#ef4444;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap}.threshold-status{text-align:center;font-weight:500;margin-top:1rem}.supermajority-final{position:relative;margin-bottom:2rem}.final-bar{display:flex;height:60px;border-radius:8px;overflow:hidden}.final-yes{background:linear-gradient(90deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.final-no{background:linear-gradient(90deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.threshold-marker{position:absolute;top:-30px;transform:translate(-50%);text-align:center;font-size:.85rem;font-weight:700;color:#ef4444}.round-results{margin-bottom:2rem}.top-two{border:2px solid var(--primary-color);background:#8b5cf61a}.eliminated{opacity:.5}.eliminated-badge{background:#ef444433;color:#ef4444}.runoff-announcement{text-align:center;padding:2rem;background:#8b5cf61a;border-radius:12px;margin:2rem 0}.runoff-candidates{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.runoff-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:2px solid var(--primary-color)}.runoff-emoji{font-size:3rem}.runoff-section{margin-bottom:2rem}.runoff-candidates-large{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.runoff-candidate-large{text-align:center;padding:2rem;background:#ffffff0d;border-radius:16px;border:2px solid var(--primary-color)}.candidate-emoji-large{font-size:4rem;margin-bottom:1rem}.round1-result{font-size:.9rem;opacity:.7;margin-top:1rem}.winner-announcement{text-align:center;padding:2rem;background:linear-gradient(135deg,#4ade8026,#22c55e26);border-radius:16px;border:2px solid #4ade80;margin-top:2rem}.star-phase{margin-bottom:2rem}.star-transition{text-align:center;padding:2rem;background:#8b5cf61a;border-radius:12px;margin-top:2rem}.runoff-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin:2rem 0}.runoff-candidate{text-align:center;padding:2rem;background:#ffffff0d;border-radius:16px;border:2px solid rgba(255,255,255,.1);transition:all .3s}.runoff-candidate.winner{background:#4ade8026;border-color:#4ade80;transform:scale(1.05)}.vs-divider{font-size:2rem;font-weight:700;opacity:.5}.runoff-votes{font-size:1.1rem;margin-top:1rem;opacity:.9}.stv-ranking-section{padding:2rem;background:#ffffff08;border-radius:12px;margin-bottom:2rem}.current-ranking{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stv-winners{text-align:center;padding:2rem;background:#4ade801a;border-radius:12px;margin-top:2rem}.winner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0}.stv-winner-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:2px solid #4ade80}.winner-emoji{font-size:3rem}.stv-explanation{font-size:.9rem;opacity:.8;margin-top:1rem}.quota-line{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;z-index:5}.security-warning-banner{padding:1rem;background:#ef444426;border:2px solid #ef4444;border-radius:8px;color:#ef4444;text-align:center;font-weight:500;margin-bottom:2rem}.security-warning{background:#ef44441a;border-left:4px solid #ef4444;padding:1rem;margin:1rem 0}.quadratic-section{padding:2rem;background:#ffffff08;border-radius:12px;margin-bottom:2rem}.quadratic-item{margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:8px}.quadratic-header{display:flex;justify-content:space-between;margin-bottom:1rem}.quadratic-votes{font-weight:700;color:var(--accent-color)}.quadratic-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.vote-squares{display:flex;gap:.25rem;flex:1}.vote-square{width:30px;height:30px;border:2px solid rgba(255,255,255,.2);border-radius:4px}.vote-square.filled{background:var(--primary-color);border-color:var(--primary-color)}.cost-explanation{font-size:.85rem;opacity:.7;font-style:italic}.budget-summary{padding:1rem;background:#3b82f61a;border-radius:8px;text-align:center;font-size:1.1rem;margin-top:1rem}.quadratic-explanation{padding:1.5rem;background:#3b82f61a;border-radius:12px;margin-top:2rem}.quadratic-explanation h5{margin-bottom:1rem}.consensus-question{text-align:center;padding:2rem;background:#3b82f61a;border-radius:12px;margin-bottom:2rem}.consensus-tracker{padding:2rem;background:#ffffff08;border-radius:12px;margin-bottom:2rem}.consensus-bar{position:relative;height:40px;background:#ffffff1a;border-radius:8px;overflow:hidden;margin:1rem 0}.consensus-support{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:width .5s ease}.consensus-threshold{position:absolute;top:0;bottom:0;width:3px;background:#ef4444;z-index:10}.consensus-threshold span{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#ef4444;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.consensus-status{text-align:center;font-weight:500;margin-top:1rem}.consensus-votes{display:grid;gap:1rem}.consensus-voter{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.consensus-voter.support{border-color:#22c55e;background:#22c55e1a}.consensus-voter.oppose{border-color:#ef4444;background:#ef44441a}.consensus-final{margin-bottom:2rem}.consensus-result-bar{display:flex;height:60px;border-radius:8px;overflow:hidden;margin-bottom:1rem}.final-support{background:linear-gradient(90deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.final-oppose{background:linear-gradient(90deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.consensus-note{padding:1rem;background:#3b82f61a;border-radius:8px;margin-top:1rem}.consent-question{text-align:center;padding:2rem;background:#3b82f61a;border-radius:12px;margin-bottom:2rem}.consent-note{font-size:.9rem;opacity:.8;font-style:italic;margin-top:1rem}.consent-tracker{padding:2rem;background:#ffffff08;border-radius:12px;margin-bottom:2rem}.consent-summary{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1rem}.consent-stat{text-align:center;padding:1.5rem;background:#4ade801a;border-radius:12px;border:2px solid #4ade80}.consent-stat.objection{background:#ef44441a;border-color:#ef4444}.stat-number{display:block;font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1.1rem}.objection-warning{text-align:center;color:#ef4444;font-weight:500}.consent-votes{display:grid;gap:1rem}.consent-voter{padding:1rem;background:#ffffff0d;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.consent-voter.consent{border-color:#22c55e;background:#22c55e1a}.consent-voter.objection{border-color:#ef4444;background:#ef44441a}.consent-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.consent-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.objection-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.vote-display{margin-top:1rem}.consent-badge{display:inline-block;padding:.5rem 1rem;background:#22c55e33;border-radius:8px;color:#22c55e;font-weight:500}.objection-badge{display:inline-block;padding:.5rem 1rem;background:#ef444433;border-radius:8px;color:#ef4444;font-weight:500}.objection-display{margin-top:.5rem}.objection-text{margin-top:.5rem;padding:.75rem;background:#0003;border-radius:6px;font-style:italic;font-size:.9rem}.consent-final{margin-bottom:2rem}.consent-breakdown{display:grid;gap:2rem}.consent-group,.objection-group{padding:1.5rem;background:#ffffff08;border-radius:12px}.objection-item{padding:1rem;background:#ef44441a;border-radius:8px;margin-top:1rem;border-left:4px solid #ef4444}.objection-item strong{display:block;margin-bottom:.5rem}.objection-item p{margin:0;font-style:italic;opacity:.9}.tally-visualization{padding:1.5rem;background:#3b82f61a;border-radius:12px;margin-bottom:2rem;border-left:4px solid #3b82f6}.tally-visualization h5{margin-bottom:.5rem;font-size:1.1rem}.tally-explain{font-size:.95rem;opacity:.9;margin:0;line-height:1.6}.votes-cast-summary{padding:1rem;background:#ffffff08;border-radius:8px;margin-bottom:1rem}.vote-summary{padding:.5rem;font-size:.9rem;opacity:.8}.voting-selector{margin-bottom:2rem}.voting-selector h3{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.method-category{margin-bottom:2rem}.method-category h4{font-size:1rem;margin-bottom:1rem;opacity:.9}.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.method-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;color:#fff}.method-btn:hover{background:#ffffff1a;border-color:var(--primary-color);transform:translateY(-2px)}.method-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #8b5cf64d}.method-emoji{font-size:2rem}.method-name{font-size:.85rem;text-align:center;font-weight:500}.demo-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.demo-navigation.scrolled{background:#0a0e1af2;box-shadow:0 4px 20px #0000004d}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;color:var(--text-primary);transition:all .3s ease}.nav-logo:hover{color:var(--accent-primary);transform:scale(1.05)}.logo-icon{font-size:1.8rem}.logo-text{color:transparent!important;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.nav-items{display:flex;gap:.5rem;align-items:center}.nav-items.desktop{display:none}.nav-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-weight:600;transition:all .3s ease;cursor:pointer}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-primary);background:#00ff881a}.nav-icon{font-size:1.2rem}.nav-label{font-size:1rem}.nav-indicator{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:2px 2px 0 0}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px;height:18px;position:relative}.hamburger span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.mobile-menu{background:#111827f2;border-top:1px solid rgba(255,255,255,.1);overflow:hidden}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;text-decoration:none;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.mobile-nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.mobile-nav-item.active{background:#00ff881a;color:var(--accent-primary)}.mobile-nav-item .nav-icon{font-size:1.5rem}.mobile-nav-item .nav-content{display:flex;flex-direction:column;gap:.25rem}.mobile-nav-item .nav-label{font-size:1.1rem;font-weight:600}.mobile-nav-item .nav-description{font-size:.85rem;color:var(--text-secondary)}@media(min-width:769px){.nav-items.desktop{display:flex}.mobile-menu-button{display:none}}@media(max-width:768px){.nav-container{padding:1rem 1.5rem}.logo-text{display:none}.logo-icon{font-size:2rem}}@media(max-width:480px){.nav-container{padding:.75rem 1rem}}.animated-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:-70px;padding-top:70px}.hero-background{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,136,.1) 0%,transparent 50%);z-index:0}.hero-content{position:relative;z-index:1;text-align:center;max-width:1100px;padding:2rem}.hero-badge{display:inline-block;padding:.5rem 1.5rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:20px;margin-bottom:2rem}.badge-text{color:var(--accent-primary);font-weight:600;font-size:.95rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;margin-bottom:1.5rem}.hero-subtitle.gradient-text{color:transparent!important;background:linear-gradient(135deg,#0f8,#09f);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline-block}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.hero-highlight{display:block;margin-top:1rem;color:var(--accent-primary);font-size:1.1rem}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;margin:3rem auto;max-width:800px;padding:2rem;background:#11182780;border-radius:12px;border:1px solid rgba(0,255,136,.1)}.stat-item{text-align:center}.stat-value{font-size:2.5rem;font-weight:800;color:var(--accent-primary);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.hero-cta .btn{display:flex;align-items:center;gap:.5rem}.platform-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.platform-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:8px;font-weight:600;transition:all .3s ease}.platform-link:hover{background:#00ff881a;transform:translateY(-2px)}@media(max-width:768px){.hero{margin-top:-60px;padding-top:60px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}.stat-value{font-size:2rem}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}.platform-links{flex-direction:column;align-items:center}.platform-link{width:100%;max-width:300px;justify-content:center}}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.scroll-indicator:hover{transform:translate(-50%) scale(1.1)}.scroll-mouse{display:flex;flex-direction:column;align-items:center}.mouse-body{width:26px;height:40px;border:2px solid var(--accent-primary);border-radius:13px;position:relative;background:#00ff880d;box-shadow:0 0 20px #0f83}.mouse-wheel{width:4px;height:8px;background:var(--accent-primary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00ff8880}.scroll-text{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));z-index:1001;box-shadow:0 0 10px #00ff8880}@media(max-width:768px){.scroll-indicator{bottom:1.5rem}.scroll-text{font-size:.75rem}.mouse-body{width:22px;height:36px}.mouse-wheel{width:3px;height:6px}}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color, #6366f1);color:#fff;padding:8px 16px;text-decoration:none;z-index:10000;border-radius:0 0 4px;font-weight:600;transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid var(--accent-color, #fbbf24);outline-offset:2px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1f2937;--text-primary: #ffffff;--text-secondary: #9ca3af;--accent-primary: #00ff88;--accent-secondary: #0099ff;--accent-tertiary: #ff6b9d;--gradient-primary: linear-gradient(135deg, #00ff88, #0099ff);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary)}#root{width:100%;min-height:100vh}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit;transition:all .3s ease}a:hover{color:var(--accent-secondary)}.section{padding:6rem 2rem;max-width:1400px;margin:0 auto}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;text-align:center;letter-spacing:-.02em}.gradient-text{color:transparent!important;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;background-size:100%;background-repeat:no-repeat;background-position:center;display:inline-block}.btn{padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:inline-block}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 8px 20px #00ff884d}.btn-secondary{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-secondary:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px)}.card{background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.section{padding:4rem 1.5rem}.section-title{font-size:2rem}}