@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html{color:#fffffff2;background:#000;overscroll-behavior:none;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden}p{color:#ffffffeb;line-height:1.6;letter-spacing:-.01em}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#000,#0a0a14,#16213e);position:relative;color:#fffffff2;overscroll-behavior:none}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.main-container{flex:1;display:flex;flex-direction:column;width:100%;margin:0;gap:0;padding:0;position:relative;z-index:1}.sidebar{width:100%;background:#1d1d1fb8;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);box-shadow:0 1px #ffffff0f;border-bottom:.5px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:99;overflow-x:auto;-webkit-overflow-scrolling:touch;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.hidden{transform:translateY(-100%)}.sidebar.visible{transform:translateY(0)}.nav{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;padding:1rem}.nav:active{cursor:grabbing}.nav::-webkit-scrollbar{display:none}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1rem;border-radius:12px;background:#ffffff0d;cursor:pointer;transition:none;white-space:nowrap;min-width:80px;font-size:.8rem;color:#ffffffb3;border:.5px solid rgba(255,255,255,.06);font-weight:500;letter-spacing:-.01em;flex-shrink:0;text-align:center;-webkit-tap-highlight-color:transparent;outline:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.nav-item:hover{background:#ffffff14;transform:scale(1.02);border-color:#ffffff1a}.nav-item.active{background:linear-gradient(135deg,#667eea66,#764ba266)!important;border-color:#a8b3ff4d!important;color:#fff!important;box-shadow:0 4px 20px #667eea4d!important;font-weight:600}.nav-item:active{background:linear-gradient(135deg,#667eea80,#764ba280);border-color:#a8b3ff66;color:#fff;transform:scale(.95);box-shadow:0 2px 12px #667eea59}.nav-icon{font-size:1.5rem;filter:drop-shadow(0 2px 8px rgba(168,179,255,.3))}.nav-text{font-size:.7rem}.content{flex:1;background:#1d1d1f80;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);padding:2rem;margin:.5rem;border-radius:18px;border:.5px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;overflow-y:auto}.content-section h2{font-size:2.5rem;margin-bottom:1rem;margin-top:3.5rem;color:#fff;line-height:1.15;font-weight:700;letter-spacing:-.025em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.content-section h2:first-of-type{margin-top:0}.content-section h3{font-size:1.75rem;margin-top:3rem;margin-bottom:1rem;color:#fff;line-height:1.25;font-weight:600;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.content-section h4{font-size:1.25rem;margin-top:2rem;margin-bottom:.875rem;color:#fffffff2;line-height:1.35;font-weight:600;letter-spacing:-.015em}.content-section>h3:first-of-type{margin-top:1.5rem}.content-section p{margin-bottom:1rem;font-size:1.0625rem;line-height:1.6;letter-spacing:-.005em;color:#fffc}.content-section ul{margin-bottom:1.5rem}.section-intro{font-size:1.25rem;line-height:1.5;color:#ffffffbf;margin-bottom:2rem;letter-spacing:-.008em;font-weight:400}@media(max-width:768px){.content-section h2{font-size:2rem;margin-top:2.5rem}.content-section h3{font-size:1.5rem;margin-top:2.5rem}.content-section h4,.section-intro{font-size:1.125rem}}.guide-header{text-align:center;margin-bottom:1.5rem;padding:2rem 0 0}.guide-title-banner{width:auto;max-width:100%;height:auto;max-height:320px;display:inline-block;filter:drop-shadow(0 4px 16px rgba(102,126,234,.3))}@media(max-width:768px){.guide-title-banner{max-width:90%;max-height:200px}.guide-header{margin-bottom:1rem;padding:1rem 0 0}}.hero-section{text-align:center;padding:2rem 1.5rem 3rem;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:#fff;margin:0 0 1.5rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.hero-subtitle{font-size:1.5rem;font-weight:500;line-height:1.4;letter-spacing:-.01em;color:#ffffffd9;margin:0 0 1rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.hero-description{font-size:1.25rem;font-weight:400;line-height:1.6;letter-spacing:-.005em;color:#ffffffb3;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}@media(max-width:768px){.hero-section{padding:1.5rem 1rem 2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1.1rem}}.guide-subtitle{margin-top:.75rem;color:#a8b3ffe6;font-size:1.1rem;font-weight:500;letter-spacing:-.01em}.welcome-card{background:#667eea26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,179,255,.2);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #667eea33;text-align:center}.guide-banner{width:100%;max-width:600px;height:auto;margin:0 auto 1.5rem;display:block;border-radius:12px;box-shadow:0 4px 16px #0003}.intro-text{font-size:.95rem;line-height:1.7;color:#ffffffd9}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;text-align:center;box-shadow:0 4px 20px #0003;transition:all .3s ease}.feature-card:active{transform:scale(.98);background:#ffffff14}.feature-icon{font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 12px rgba(168,179,255,.4))}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem;color:#fff;font-weight:600}.feature-card p{color:#ffffffb3;line-height:1.5;font-size:.85rem}.step-container{display:flex;flex-direction:column;gap:1.25rem}.step{display:flex;flex-direction:column;gap:1rem;background:#ffffff08;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:.5px solid rgba(255,255,255,.08);padding:1.75rem;border-radius:18px;box-shadow:0 4px 24px #00000026;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.step:hover{background:#ffffff0b;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.3rem;font-weight:700;margin:0 auto;box-shadow:0 4px 20px #667eea66}.step-content{flex:1;text-align:center}.step-content h3{font-size:1.375rem;margin-bottom:.75rem;color:#fff;font-weight:600;letter-spacing:-.015em;line-height:1.3}.step-content p{color:#fffc;line-height:1.6;margin-bottom:1rem;font-size:1.0625rem;letter-spacing:-.005em}.code-block{background:#0f172acc;border:1px solid rgba(0,255,136,.3);color:#0f8;padding:1rem;border-radius:12px;font-family:Monaco,Courier New,monospace;overflow-x:auto;margin-top:1rem;font-size:.8rem;box-shadow:0 4px 20px #00ff881a}.code-block code{font-size:.85rem;white-space:pre;color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.3)}.tip-box{background:#007aff1a;border-left:3px solid #0A84FF;padding:1.25rem;margin:1.5rem 0;border-radius:12px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:.5px solid rgba(0,122,255,.2);border-top:.5px solid rgba(0,122,255,.2);border-bottom:.5px solid rgba(0,122,255,.2);color:#fffffff2;font-size:.9rem;line-height:1.6;font-weight:500;letter-spacing:-.01em}box-shadow: 0 4px 12px rgba(255,200,100,.1); } .section-intro{font-size:.95rem;color:#ffffffd9;margin-bottom:1.5rem;line-height:1.6}.commands-grid{display:grid;grid-template-columns:1fr;gap:1rem}.command-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.25rem;border-radius:16px;box-shadow:0 4px 20px #0003}.command-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.command-header h3{font-size:1.3rem;color:#a8b3ff;font-weight:700}.category-badge{padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-badge.navigation{background:#2196f333;color:#64b5f6;border:1px solid rgba(100,181,246,.3)}.category-badge.file{background:#9c27b033;color:#ba68c8;border:1px solid rgba(186,104,200,.3)}.category-badge.view{background:#4caf5033;color:#81c784;border:1px solid rgba(129,199,132,.3)}.category-badge.search{background:#ff980033;color:#ffb74d;border:1px solid rgba(255,183,77,.3)}.command-card p{color:#ffffffb3;line-height:1.6;margin-bottom:1rem;font-size:.9rem}.filesystem-visual{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.25rem;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 4px 20px #0003;overflow-x:auto}.fs-tree{font-family:Monaco,Courier New,monospace;font-size:.85rem}.fs-item{padding:.5rem;margin:.25rem 0;display:flex;align-items:center;gap:.5rem;border-radius:8px;color:#ffffffd9;transition:background .2s ease}.fs-item:active{background:#ffffff1a}.fs-item.root{font-weight:700;font-size:.95rem;color:#fff}.fs-children{margin-left:1.5rem;border-left:2px solid rgba(168,179,255,.2);padding-left:.75rem}.fs-icon{font-size:1.1rem;flex-shrink:0}.fs-name{font-weight:500}.info-boxes{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.info-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.25rem;border-radius:16px;box-shadow:0 4px 20px #0003}.info-box h3{color:#a8b3ff;margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.info-box p{color:#ffffffb3;margin-bottom:1rem;line-height:1.6;font-size:.9rem}.shortcuts-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.25rem;border-radius:16px;box-shadow:0 4px 20px #0003}.shortcuts-box h3{color:#fff;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.shortcuts-table{width:100%;border-collapse:collapse;font-size:.9rem}.shortcuts-table tr{border-bottom:1px solid rgba(255,255,255,.1)}.shortcuts-table tr:last-child{border-bottom:none}.shortcuts-table td{padding:.75rem .5rem;font-size:.9rem;color:#ffffffd9}.shortcuts-table td:first-child{width:80px}.shortcuts-table code{background:#0f172ae6;border:1px solid rgba(0,255,136,.3);color:#4ade80;padding:.25rem .5rem;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:.8rem;text-shadow:0 0 10px rgba(74,222,128,.3)}.tips-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.tip-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.25rem;border-radius:16px;box-shadow:0 4px 20px #0003}.tip-icon{font-size:2.5rem;margin-bottom:.75rem;text-align:center;filter:drop-shadow(0 2px 12px rgba(168,179,255,.4))}.tip-card h3{color:#fff;margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.tip-card p{color:#ffffffb3;line-height:1.6;margin-bottom:1rem;font-size:.9rem}.keyboard-shortcuts{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.25rem;border-radius:16px;box-shadow:0 4px 20px #0003}.keyboard-shortcuts h3{color:#fff;margin-bottom:1.25rem;font-size:1.3rem;font-weight:600}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.shortcut-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}kbd{background:#0f172ae6;border:2px solid rgba(0,255,136,.4);color:#4ade80;padding:.5rem .75rem;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:.75rem;font-weight:700;box-shadow:0 2px 12px #00ff884d;white-space:nowrap;text-shadow:0 0 10px rgba(74,222,128,.4)}.shortcut-item span{color:#ffffffb3;font-size:.8rem;text-align:center;line-height:1.3}.faq-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.faq-item{background:#ffffff08;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:.5px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 4px 24px #00000026;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.faq-item:hover{background:#ffffff0b;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.faq-item:active{transform:scale(.99)}.faq-item.expanded{background:#ffffff14}.faq-question{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600;color:#fff;font-size:1.125rem;line-height:1.4;letter-spacing:-.01em}.faq-question span:first-child{flex:1}.faq-icon{font-size:1.5rem;color:#a8b3ff;font-weight:700;flex-shrink:0}.faq-answer{padding:0 1.5rem 1.5rem;color:#fffc;line-height:1.65;font-size:1.0625rem;letter-spacing:-.005em;animation:slideDown .3s cubic-bezier(.25,.46,.45,.94)}.faq-answer p{margin:.85rem 0}.faq-answer p:first-child{margin-top:0}.faq-answer ul{list-style:none;padding:0;margin:.75rem 0 1rem;display:flex;flex-direction:column;gap:.6rem}.faq-answer li{background:#ffffff0a;border:.5px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1.1rem;color:#ffffffe6;line-height:1.55;letter-spacing:-.01em}.faq-answer strong{color:#fff}.faq-subhead{margin:1rem 0 .5rem;padding:0;background:transparent;border:none;color:#fffffff2;font-weight:700;letter-spacing:-.015em;font-size:1.06rem;line-height:1.35;display:flex;align-items:center;gap:.7rem}.faq-answer .faq-subhead:first-child{margin-top:.6rem}.faq-subhead:before{content:"";width:3px;height:1.05em;border-radius:999px;background:linear-gradient(135deg,#a78bfaf2,#6366f1f2);box-shadow:0 0 0 1px #ffffff0f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-section{background:linear-gradient(135deg,#667eea4d,#764ba24d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(168,179,255,.2);color:#fff;padding:2rem 1.25rem;border-radius:16px;text-align:center;box-shadow:0 8px 32px #667eea33;margin-top:3rem}.help-section h3{font-size:1.5rem;margin-bottom:.75rem;line-height:1.3;color:#fff;font-weight:700}.help-section p{font-size:.95rem;margin-bottom:1.5rem;color:#ffffffd9;line-height:1.6}.help-buttons{display:flex;flex-direction:column;gap:.75rem}.help-button{padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;width:100%}.help-button:active{transform:scale(.98)}.help-button.primary{background:#fff3;border-color:#ffffff80}.contact-buttons{display:flex;justify-content:center;margin-top:1.5rem}.contact-button{padding:1.25rem 2.5rem;border:none;background:linear-gradient(135deg,#0a84ff,#06c);color:#fff;border-radius:14px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);text-decoration:none;display:inline-block;box-shadow:0 4px 16px #0a84ff4d;letter-spacing:-.01em}.contact-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0a84ff66;background:linear-gradient(135deg,#1a94ff,#07d)}.contact-button:active{transform:translateY(0);box-shadow:0 2px 8px #0a84ff4d}.footer{text-align:center;padding:2rem 1rem;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(255,255,255,.06);font-size:.85rem;color:#ffffff80;font-weight:400;letter-spacing:-.01em}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:#0a84ffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 24px #0a84ff66,0 4px 12px #0000004d;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;z-index:999;font-weight:700;animation:fadeInUp .3s ease-out}.scroll-to-top:hover{transform:translateY(-4px);background:#0a84ff;box-shadow:0 12px 32px #0a84ff80,0 6px 16px #0006}.scroll-to-top:active{transform:translateY(-2px);box-shadow:0 6px 16px #0a84ff66,0 3px 8px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}color: rgba(255,255,255,.6); font-size: .85rem; line-height: 1.5; position: relative; z-index: 1; } @media (min-width: 768px){.header{padding:1.5rem 2rem}.logo{justify-content:flex-start}.logo-icon{font-size:2.5rem}.logo h1{font-size:2rem}.header-subtitle{font-size:1rem;text-align:left;margin-left:3.5rem}.sidebar{padding:0 1.5rem}.nav-item{padding:.75rem 1.25rem;font-size:.85rem}.content{padding:2rem;margin:1.5rem;border-radius:24px}.content-section h2{font-size:2.25rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.commands-grid,.info-boxes,.tips-grid{grid-template-columns:repeat(2,1fr)}.shortcuts-grid{grid-template-columns:repeat(3,1fr)}.help-buttons{flex-direction:row;justify-content:center}.help-button{width:auto;min-width:150px}}@media(min-width:1024px){.app{align-items:center}.main-container{max-width:1200px;width:100%}.sidebar{width:100%;padding:0}.nav{justify-content:center;max-width:1200px;margin:0 auto;padding-left:2rem;padding-right:2rem}.content{max-width:900px;margin:1.5rem auto;padding:3rem;border-radius:24px}.content-section h2{font-size:2.5rem}.content-section h3{font-size:2rem}.content-section p{font-size:1.1rem}.features-grid{grid-template-columns:repeat(4,1fr)}.step{flex-direction:row}.step-number{margin:0}.step-content{text-align:left}.commands-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.tips-grid,.shortcuts-grid{grid-template-columns:repeat(3,1fr)}}@media(hover:none)and (pointer:coarse){.nav-item:hover{transform:none;background:#ffffff0d}}.welcome-image{font-size:5rem;text-align:center;margin-bottom:1.5rem;filter:drop-shadow(0 4px 20px rgba(168,179,255,.4))}.welcome-card h3{font-size:1.5rem;color:#fff;margin-bottom:1rem;text-align:center;font-weight:700}.asset-showcase{margin-top:2rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.asset-showcase h3{color:#fff;margin-bottom:1.5rem;font-size:1.3rem;text-align:center}.asset-types{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.asset-type-item{background:#667eea26;padding:1rem;border-radius:12px;text-align:center;color:#ffffffe6;font-size:.85rem;border:1px solid rgba(168,179,255,.2);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.asset-icon{width:48px;height:48px;object-fit:contain}.asset-type-item span{color:#ffffffd9;font-size:.8rem;line-height:1.3}.asset-type-item:active{transform:scale(.98);background:#667eea40}.option-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.option-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(168,179,255,.3);padding:1.5rem;border-radius:12px;text-align:center;transition:all .3s ease}.option-card:active{transform:scale(.98);background:#ffffff1a}.option-card h4{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.option-card p{color:#ffffffb3;font-size:.9rem}.comparison-cards{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.comparison-card{background:linear-gradient(135deg,#8a2be21a,#a020f00d);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(138,43,226,.3);padding:2rem;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.comparison-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8a2be2,#a020f0);opacity:0;transition:opacity .3s ease}.comparison-card:hover:before{opacity:1}.comparison-card:hover{transform:translateY(-4px);border-color:#8a2be280;box-shadow:0 12px 40px #8a2be240,0 0 0 1px #ffffff1a}.comparison-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.comparison-icon{font-size:2.5rem;line-height:1}.comparison-title{flex:1}.comparison-title h4{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}.comparison-subtitle{color:#fff9;font-size:.9rem;font-weight:500;margin:0}.comparison-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.comparison-features li{display:flex;align-items:flex-start;gap:.75rem;color:#ffffffd9;font-size:1rem;line-height:1.6;margin:0}.comparison-features li:before{content:"•";color:#a020f0;font-size:1.2rem;font-weight:700;flex-shrink:0;margin-top:-.1rem}.comparison-badge{display:inline-block;padding:.35rem .75rem;background:linear-gradient(135deg,#8a2be24d,#a020f033);border:1px solid rgba(138,43,226,.4);border-radius:8px;font-size:.85rem;font-weight:600;color:#ffffffe6;margin-top:1rem;letter-spacing:.02em}.recovery-options{margin-top:1.5rem;padding:1.5rem;background:#667eea26;border-radius:12px;border:1px solid rgba(168,179,255,.2)}.recovery-options h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.recovery-options ul{list-style:none;padding:0}.recovery-options li{color:#ffffffd9;padding:.75rem;margin:.5rem 0;background:#ffffff0d;border-radius:8px;font-size:.95rem}.nfc-scan-guide{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.nfc-prepare,.nfc-method{display:flex;gap:1rem;padding:1.25rem;background:#00ff880f;border:1px solid rgba(0,255,136,.2);border-radius:16px;box-shadow:0 4px 20px #00ff8814;transition:all .3s ease}.nfc-prepare:hover,.nfc-method:hover{background:#00ff8814;box-shadow:0 6px 24px #00ff881f}.nfc-icon{font-size:2rem;line-height:1;flex-shrink:0;display:flex;align-items:flex-start;padding-top:.25rem}.nfc-content{flex:1}.nfc-content h4{color:#0f8;font-size:1.05rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.01em}.nfc-content p{color:#ffffffe6;font-size:.95rem;margin:0;line-height:1.5}.nfc-steps{display:flex;flex-direction:column;gap:.75rem}.nfc-step{display:flex;align-items:flex-start;gap:.75rem;color:#ffffffd9;font-size:.95rem;line-height:1.6}.nfc-step-num{color:#0f8;font-weight:600;font-size:1rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem}.nfc-tip{padding:1rem 1.25rem;background:#667eea1a;border:1px solid rgba(102,126,234,.25);border-radius:12px;color:#ffffffd9;font-size:.9rem;line-height:1.6;margin-top:.5rem}.nfc-tip strong{color:#a8b3fff2;font-weight:600}.nfc-guide{margin-top:1rem;padding:1.5rem;background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:16px;box-shadow:0 4px 20px #00ff881a}.nfc-guide p{color:#ffffffe6;margin-bottom:1.25rem;font-size:1rem;line-height:1.6}.nfc-guide p:last-of-type{margin-bottom:.75rem}.nfc-guide h4{color:#0f8;margin-bottom:1rem;font-size:1.1rem}.nfc-guide ol{color:#ffffffd9;padding-left:1.5rem;line-height:2;margin:0}.nfc-guide li{margin:.75rem 0;font-size:.95rem;padding-left:.5rem}.nfc-guide strong{color:#0f8;font-weight:600}.tab-guide{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.tab-item{background:#ffffff0d;padding:1rem;border-radius:8px;border-left:4px solid #667eea;color:#ffffffe6;font-size:.95rem}.feature-section{margin:1.5rem 0;padding:2rem;background:#2c2c2e66;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:.5px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 16px #0003;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.feature-section:hover{border-color:#ffffff1f;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.feature-section h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;letter-spacing:-.015em}.feature-section p{color:#ffffffeb;line-height:1.6;letter-spacing:-.01em}.inventory-guide{display:flex;flex-direction:column;gap:1.5rem}.guide-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px}.guide-icon{font-size:2rem;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(168,179,255,.3))}.guide-text h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.guide-text p{color:#ffffffbf;font-size:.9rem;line-height:1.6}.steps-compact{display:flex;flex-direction:column;gap:1rem}.step-compact{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:8px}.step-num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.step-compact p{color:#ffffffd9;font-size:.95rem;line-height:1.6;margin:0}.step-text{flex:1}.step-text p{color:#ffffffd9;font-size:.95rem;line-height:1.6;margin:0 0 .75rem}.step-compact ul,.step-text ul{margin-top:.75rem;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.step-compact li,.step-text li{margin:0;padding:.75rem;background:#ffffff0d;border-radius:8px;border-left:3px solid #667eea;color:#ffffffd9;font-size:.9rem;line-height:1.5}.warning-box{background:#ff95001a;border-left:3px solid #FF9500;padding:1.25rem;margin:1.5rem 0;border-radius:12px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:.5px solid rgba(255,149,0,.2);border-top:.5px solid rgba(255,149,0,.2);border-bottom:.5px solid rgba(255,149,0,.2);color:#fffffff2;font-size:.9rem;line-height:1.7;font-weight:500;letter-spacing:-.01em}box-shadow: 0 4px 12px rgba(244,67,54,.1); } .category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.category-item{background:#667eea33;padding:1.25rem;border-radius:12px;text-align:center;color:#fff;font-size:1rem;border:1px solid rgba(168,179,255,.3);font-weight:600;transition:all .3s ease}.category-item:active{transform:scale(.98);background:#667eea4d}.form-guide{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.form-item h4{color:#a8b3ff;margin-bottom:.5rem;font-size:1.1rem}.form-item p{color:#ffffffbf;font-size:.9rem;line-height:1.6}.usage-options,.usage-methods{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.usage-option,.method-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;border:2px solid rgba(168,179,255,.2)}.usage-option h4,.method-card h4{color:#fff;margin-bottom:.75rem;font-size:1.1rem}.usage-option p,.method-card p{color:#ffffffbf;font-size:.9rem;line-height:1.6;margin:.5rem 0}.example{color:#0f8!important;font-style:italic;margin-top:.75rem!important}.policy-items{display:flex;flex-direction:column;gap:1.5rem}.policy-item h4{color:#a8b3ff;margin-bottom:.75rem;font-size:1.1rem}.policy-item p{color:#ffffffbf;font-size:.9rem;line-height:1.6;margin:.25rem 0}.method-tabs{display:flex;flex-direction:column;gap:1.5rem}.method-tab{background:#ffffff08;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.method-tab h4{color:#fff;margin-bottom:1rem;font-size:1.2rem}.security-notice{margin-top:1.5rem;padding:1.5rem;background:#4caf5026;border:1px solid rgba(129,199,132,.3);border-radius:12px}.security-notice h4{color:#81c784;margin-bottom:.75rem;font-size:1.1rem}.security-notice p{color:#ffffffd9;font-size:.9rem;line-height:1.6;margin:.5rem 0}.miniapp-cards{display:flex;flex-direction:column;gap:1rem}.miniapp-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:12px;position:relative}.miniapp-icon{font-size:3rem;margin-bottom:1rem;text-align:center;display:block;filter:drop-shadow(0 2px 12px rgba(168,179,255,.4))}.miniapp-card h4{color:#fff;margin-bottom:.75rem;font-size:1.2rem;text-align:center}.miniapp-card p{color:#ffffffbf;font-size:.9rem;line-height:1.6;text-align:center;margin-bottom:.75rem}.miniapp-badge{display:inline-block;background:#667eea4d;color:#a8b3ff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(168,179,255,.3)}.activity-types{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:8px}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-name{color:#fff;font-weight:600;flex-shrink:0;min-width:80px}.activity-desc{color:#ffffffb3;font-size:.9rem}.activity-details{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1rem}.activity-detail-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#667eea26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,179,255,.3);border-radius:12px;transition:all .3s ease}.activity-detail-card:active{transform:scale(.98);background:#667eea40}.detail-icon{font-size:1.75rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.detail-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#fff9;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#fffffff2;font-size:1rem;font-weight:600}.status-mint{color:#0f8;font-weight:700;text-shadow:0 0 10px rgba(0,255,136,.3)}@media(min-width:768px){.activity-details{grid-template-columns:repeat(2,1fr)}}.settings-sections{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:#ffffff08;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:.5px solid rgba(255,255,255,.08);padding:1.75rem;border-radius:18px;box-shadow:0 4px 24px #00000026;transition:all .3s cubic-bezier(.25,.46,.45,.94);margin-top:3rem}.settings-section:hover{background:#ffffff0b;border-color:#ffffff1f;box-shadow:0 6px 28px #0000002e}.settings-section:first-of-type{margin-top:1.5rem}.settings-section:hover{background:#ffffff0b;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.settings-section h3{color:#fff;margin-bottom:1.25rem;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}.settings-section p{color:#ffffffd9;font-size:1.0625rem;line-height:1.65;margin-bottom:1.25rem;letter-spacing:-.005em}.settings-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.settings-section ul li{background:#ffffff0a;padding:1rem 1.25rem;border-radius:12px;color:#ffffffe6;font-size:1rem;line-height:1.6;border:.5px solid rgba(255,255,255,.08);transition:all .25s cubic-bezier(.25,.46,.45,.94);letter-spacing:-.008em}.settings-section ul li:hover{background:#ffffff12;border-color:#ffffff24;transform:translate(6px);box-shadow:0 2px 12px #0000001a}.settings-section ul li strong{color:#0a84ff;font-weight:600}.help-list{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.75rem}.help-list li{background:#ffffff0a;padding:1rem 1.25rem;border-radius:12px;color:#ffffffe6;font-size:1rem;line-height:1.6;border:.5px solid rgba(255,255,255,.08);transition:all .25s cubic-bezier(.25,.46,.45,.94);letter-spacing:-.008em}.help-list li:hover{background:#ffffff12;border-color:#ffffff24;transform:translate(6px);box-shadow:0 2px 12px #0000001a}.help-list li:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translate(4px)}.help-list li strong{color:#0a84ff;font-weight:600}.menu-list{list-style:none;padding:0;margin:1.25rem 0;display:flex;flex-direction:column;gap:.75rem}.menu-list li{display:flex;align-items:center;gap:1rem;background:#ffffff0a;padding:1rem 1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.menu-list li:hover{background:#ffffff12;border-color:#ffffff26;transform:translate(6px);box-shadow:0 4px 12px #00000026}.menu-icon{font-size:1.75rem;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 8px rgba(168,179,255,.3))}.menu-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.menu-content strong{color:#fff;font-size:1rem;font-weight:600;letter-spacing:-.01em}.menu-desc{color:#ffffffa6;font-size:.85rem;line-height:1.4}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-top:.5rem}.status-badge.success{background:#4caf5033;color:#81c784;border:1px solid rgba(129,199,132,.3)}.setting-items{display:flex;flex-direction:column;gap:.75rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px}.setting-label{color:#ffffffb3;font-size:.9rem}.setting-value{color:#fff;font-size:.9rem;font-family:Monaco,monospace}.settings-button,.support-button{width:100%;padding:1rem;background:#667eea33;border:1px solid rgba(168,179,255,.3);color:#a8b3ff;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.settings-button:active,.support-button:active{transform:scale(.98);background:#667eea4d}.setting-toggle{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border-radius:8px;margin:.5rem 0}.setting-toggle span:first-child{color:#ffffffd9;font-size:.95rem}.toggle-on{color:#0f8;font-size:1.5rem}.toggle-off{color:#ffffff4d;font-size:1.5rem}.setting-desc{color:#fff9;font-size:.85rem;margin-top:.5rem!important;font-style:italic}.support-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.app-info{padding:1rem;background:#ffffff08;border-radius:8px;text-align:center}.app-info p{color:#ffffffb3;font-size:.9rem;margin:.25rem 0}.additional-help{margin-top:2rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.additional-help h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.help-topics{display:flex;flex-direction:column;gap:1.5rem}.help-topic{background:#ffffff08;padding:1.5rem;border-radius:12px}.help-topic h4{color:#a8b3ff;margin-bottom:1rem;font-size:1.2rem}.help-topic ul{list-style:none;padding:0}.help-topic li{color:#ffffffd9;padding:.75rem;margin:.5rem 0;background:#ffffff0d;border-radius:8px;font-size:.9rem;line-height:1.6}.help-topic li strong{color:#0f8}.contact-info{margin-top:2rem;padding:2rem;background:#667eea26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,179,255,.2);border-radius:16px}.contact-info h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:8px}.contact-icon{font-size:1.5rem;flex-shrink:0}.contact-text{color:#ffffffe6;font-size:.95rem}@media(min-width:768px){.asset-types{grid-template-columns:repeat(4,1fr)}.option-cards,.comparison-cards{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.usage-options,.usage-methods{grid-template-columns:repeat(2,1fr)}.method-tabs{flex-direction:row}.screenshot-container img{max-width:400px}}.screenshot-container{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:300px;margin-left:auto;margin-right:auto;position:relative;border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;border:4px solid rgba(255,255,255,.05);overflow:hidden}.screenshot{width:100%;max-width:300px;transition:all .3s ease;aspect-ratio:9 / 19.5;object-fit:cover;object-position:center top;margin-top:-13%;display:block}.screenshot:active{transform:scale(.98)}.screenshot-caption{color:#ffffffb3;font-size:.85rem;font-style:italic;text-align:center;margin:0}@media(min-width:1024px){.screenshot{max-width:350px}.screenshot:hover{transform:scale(1.05);box-shadow:0 12px 48px #667eea4d,0 0 0 1px #a8b3ff4d}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Monaco,Courier New,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}#root{min-height:100vh}