.header{background-color:#2c3e50;padding:15px 0;box-shadow:0 2px 8px #0000004d;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:15px;text-decoration:none;transition:opacity .2s}.logo-link:hover{opacity:.8}.logo{height:50px;width:auto}.logo-text{font-family:Arial,sans-serif;font-weight:700;font-size:1.8em;color:#f6e9c8}.nav{display:flex;gap:30px;align-items:center}.nav-link{color:#f6e9c8;text-decoration:none;font-family:Arial,sans-serif;font-weight:700;font-size:1.1em;transition:color .2s;padding:8px 0}.nav-link:hover{color:#5c7d75;text-decoration:none}@media (max-width: 768px){.header-container{flex-direction:column;gap:15px}.nav{flex-wrap:wrap;justify-content:center;gap:15px}.logo{height:40px}.logo-text{font-size:1.5em}.nav-link{font-size:1em}}.footer{background-color:#2c3e50;padding:40px 0 20px;margin-top:auto;box-shadow:0 -2px 8px #0000004d}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:30px}.footer-section h3{font-family:Arial,sans-serif;font-weight:700;color:#f6e9c8;font-size:1.5em;margin-bottom:15px}.footer-section h4{font-family:Arial,sans-serif;font-weight:700;color:#f6e9c8;font-size:1.2em;margin-bottom:15px}.footer-section p{color:#f6e9c8;margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#5c7d75;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:#f6e9c8;text-decoration:underline}.footer-bottom{border-top:1px solid #4B5A65;padding-top:20px;text-align:center}.footer-bottom p{color:#f6e9c8;font-size:.9em}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,#2c3e50,#4b5a65);padding:80px 20px;text-align:center;box-shadow:0 4px 12px #0000004d}.hero-content{max-width:800px;margin:0 auto}.hero-logo{height:120px;width:auto;margin-bottom:20px}.hero h1{font-size:3.5em;margin-bottom:10px;color:#f6e9c8}.tagline{font-size:1.8em;color:#5c7d75;margin-bottom:30px;font-weight:700}.hero-description{font-size:1.3em;color:#f6e9c8;margin-bottom:40px;line-height:1.8}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-large{padding:16px 32px;font-size:1.2em}.btn-secondary{background-color:transparent;border:2px solid #5C7D75;color:#f6e9c8}.btn-secondary:hover{background-color:#5c7d75;border-color:#5c7d75}.features{margin:60px 0}.features h2{text-align:center;margin-bottom:50px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.feature-card{background-color:#1e1e1e;padding:30px;border-radius:12px;box-shadow:0 4px 8px #0000004d;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0006}.feature-card h3{color:#5c7d75;margin-bottom:15px;font-size:1.4em}.feature-card p{color:#f6e9c8;line-height:1.7}.cta-section{text-align:center;padding:60px 20px;background-color:#1e1e1e;border-radius:12px;margin-top:60px}.cta-section h2{margin-bottom:20px}.cta-section p{font-size:1.2em;margin-bottom:30px}@media (max-width: 768px){.hero{padding:60px 15px}.hero h1{font-size:2.5em}.tagline{font-size:1.4em}.hero-description{font-size:1.1em}.hero-logo{height:80px}.features-grid{grid-template-columns:1fr}}.legal-page{max-width:900px;margin:0 auto}.legal-page h1{margin-bottom:10px}.last-updated{color:#5c7d75;font-size:.9em;margin-bottom:40px;font-style:italic}.legal-page section{margin-bottom:40px}.legal-page section h2{color:#5c7d75;margin-top:30px;margin-bottom:15px;font-size:1.5em}.legal-page section p{color:#f6e9c8;line-height:1.8;margin-bottom:15px}.legal-page section strong{color:#5c7d75}.legal-page ul{margin-left:30px;margin-bottom:15px}.legal-page li{color:#f6e9c8;margin-bottom:10px;line-height:1.7}.user-guide-page{max-width:1400px;margin:0 auto}.intro-text{font-size:1.2em;margin-bottom:40px;text-align:center;color:#f6e9c8}.guide-layout{display:grid;grid-template-columns:300px 1fr;gap:30px;margin-top:30px}.guide-sidebar{background-color:#1e1e1e;border-radius:12px;padding:20px;height:fit-content;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.guide-sidebar h2{color:#5c7d75;font-size:1.3em;margin-bottom:20px;border-bottom:2px solid #4B5A65;padding-bottom:10px}.guide-nav{display:flex;flex-direction:column;gap:8px}.guide-nav-item{background-color:#3e4f5c;color:#f6e9c8;border:none;padding:12px 15px;text-align:left;border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-size:.95em;transition:background-color .2s,color .2s}.guide-nav-item:hover{background-color:#4b5a65;color:#f6e9c8}.guide-nav-item.active{background-color:#5c7d75;color:#f6e9c8;font-weight:700}.guide-content{background-color:#1e1e1e;border-radius:12px;padding:40px;min-height:600px;box-shadow:0 4px 8px #0000004d}.loading{text-align:center;padding:60px;color:#5c7d75;font-size:1.2em}.guide-html-content{color:#f6e9c8;line-height:1.8}.guide-html-content h1{color:#f6e9c8;font-size:2.5em;margin-bottom:20px;border-bottom:4px solid #5C7D75;padding-bottom:15px}.guide-html-content h2{color:#5c7d75;font-size:1.8em;margin-top:40px;margin-bottom:20px;padding-left:15px;border-left:5px solid #5C7D75}.guide-html-content h3{color:#f6e9c8;font-size:1.4em;margin-top:30px;margin-bottom:15px}.guide-html-content h4{color:#f6e9c8;font-size:1.2em;margin-top:20px;margin-bottom:10px}.guide-html-content p{color:#f6e9c8;margin-bottom:15px;line-height:1.8}.guide-html-content ul,.guide-html-content ol{margin-left:30px;margin-bottom:20px;color:#f6e9c8}.guide-html-content li{margin-bottom:10px;line-height:1.7;color:#f6e9c8}.guide-html-content a{color:#5c7d75;text-decoration:none}.guide-html-content a:hover{color:#f6e9c8;text-decoration:underline}.guide-html-content code{background-color:#2c3e50;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;color:#5c7d75;font-size:.9em}.guide-html-content .container{max-width:100%;margin:0;padding:0;background:transparent;box-shadow:none}.guide-html-content .intro{background-color:#2c3e50;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #5C7D75}.guide-html-content .intro p{color:#f6e9c8;margin-bottom:10px}.guide-html-content .step{background-color:#2c3e50;padding:20px;margin:15px 0;border-radius:8px;border-left:4px solid #5C7D75}.guide-html-content .step-number{background-color:#5c7d75;color:#f6e9c8}.guide-html-content .note{background-color:#3e4f5c;border-left:4px solid #C86C5A;padding:15px;margin:20px 0;border-radius:4px}.guide-html-content .note strong{color:#f6e9c8}.guide-html-content .success{background-color:#2c3e50;border-left:4px solid #5C7D75;padding:15px;margin:20px 0;border-radius:4px}.guide-html-content .success strong{color:#5c7d75}.guide-html-content .guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.guide-html-content .guide-card{background-color:#2c3e50;padding:20px;border-radius:8px;border-left:4px solid #5C7D75;transition:transform .2s,box-shadow .2s}.guide-html-content .guide-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.guide-html-content .guide-card h3{color:#f6e9c8;margin-bottom:10px}.guide-html-content .guide-card p{color:#f6e9c8;margin-bottom:15px}.guide-html-content .guide-card a{color:#5c7d75;font-weight:700}.guide-html-content .toc{background-color:#2c3e50;padding:20px;margin-bottom:30px;border-radius:8px;border:1px solid #4B5A65}.guide-html-content .toc h3{margin-top:0;color:#f6e9c8}.guide-html-content .toc ul{margin-left:20px}.guide-html-content .toc li{margin-bottom:10px}.guide-html-content .toc a{color:#5c7d75}.guide-html-content *{background-color:transparent!important}.guide-html-content body{background:transparent!important;color:#f6e9c8!important}@media (max-width: 1024px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;max-height:none}.guide-content{padding:30px 20px}}@media (max-width: 768px){.guide-content{padding:20px 15px}.guide-html-content h1{font-size:2em}.guide-html-content h2{font-size:1.5em}.guide-html-content .guide-grid{grid-template-columns:1fr}}.download-page{max-width:900px;margin:0 auto}.intro-text{font-size:1.2em;margin-bottom:40px;text-align:center}.download-card{background-color:#1e1e1e;border-radius:12px;padding:40px;margin-bottom:40px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:30px}.download-info h2{color:#5c7d75;margin-bottom:10px}.version{color:#5c7d75;font-size:1.1em;margin-bottom:20px;font-weight:700}.features-list{list-style:none;padding-left:0;margin-top:20px}.features-list li{padding:10px 0 10px 30px;position:relative;color:#f6e9c8}.features-list li:before{content:"✓";position:absolute;left:0;color:#5c7d75;font-weight:700;font-size:1.2em}.download-action{text-align:center;padding-top:20px;border-top:1px solid #4B5A65}.btn-download{font-size:1.3em;padding:16px 40px;margin-bottom:20px}.download-note{color:#5c7d75;font-size:.9em;margin-top:15px}.system-requirements{margin:60px 0}.system-requirements h2{margin-bottom:30px}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.requirement-item{background-color:#1e1e1e;padding:20px;border-radius:8px;border-left:4px solid #5C7D75}.requirement-item h3{color:#5c7d75;font-size:1.1em;margin-bottom:10px}.requirement-item p{color:#f6e9c8;margin:0}.installation-instructions{margin:60px 0}.installation-instructions h2{margin-bottom:30px}.instructions-list{background-color:#1e1e1e;padding:30px 40px;border-radius:12px;list-style-position:outside}.instructions-list li{color:#f6e9c8;margin-bottom:15px;padding-left:10px;line-height:1.8}.help-section{margin-top:60px;padding:30px;background-color:#1e1e1e;border-radius:12px;text-align:center}.help-section h2{margin-bottom:15px}.help-section a{color:#5c7d75;font-weight:700}@media (max-width: 768px){.download-card{padding:30px 20px}.requirements-grid{grid-template-columns:1fr}.instructions-list{padding:20px 25px}}.not-found{text-align:center;padding:60px 20px;max-width:600px;margin:0 auto}.not-found h1{font-size:3em;margin-bottom:20px;color:#5c7d75}.not-found p{font-size:1.2em;margin-bottom:30px}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#121212}.main-content{flex:1;padding:0;margin:0}.page-container{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:calc(100vh - 200px)}h1{font-family:Arial,sans-serif;font-weight:700;color:#f6e9c8;font-size:2.5em;margin-bottom:20px}h2{font-family:Arial,sans-serif;font-weight:700;color:#f6e9c8;font-size:2em;margin-top:40px;margin-bottom:20px}h3{font-family:Arial,sans-serif;font-weight:700;color:#f6e9c8;font-size:1.5em;margin-top:30px;margin-bottom:15px}p{color:#f6e9c8;margin-bottom:15px;font-size:1.1em}a{color:#5c7d75;text-decoration:none;transition:color .2s}a:hover{color:#f6e9c8;text-decoration:underline}.btn{display:inline-block;padding:12px 24px;background-color:#5c7d75;color:#f6e9c8;border:none;border-radius:8px;font-family:Arial,sans-serif;font-weight:700;font-size:1.1em;cursor:pointer;text-decoration:none;transition:background-color .2s,transform .1s}.btn:hover{background-color:#4b5a65;transform:translateY(-2px);text-decoration:none;color:#f6e9c8}.btn-primary{background-color:#5c7d75}.btn-primary:hover{background-color:#4b5a65}.card{background-color:#1e1e1e;border-radius:12px;padding:30px;margin-bottom:20px;box-shadow:0 4px 8px #0000004d}@media (max-width: 768px){.page-container{padding:20px 15px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.2em}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:#121212;color:#f6e9c8;line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}