.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);z-index:2;flex-direction:column;height:100vh;transition:width .25s,min-width .25s;display:flex;position:relative}.sidebar--collapsed{width:64px;min-width:64px}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;min-height:72px;padding:24px 20px;display:flex}.sidebar--collapsed .sidebar-header{justify-content:center;padding:24px 14px}.sidebar-logo{font-family:var(--font-mono);color:var(--text-primary);align-items:center;font-size:20px;font-weight:700;text-decoration:none;display:flex}.sidebar-logo:hover{color:var(--text-primary)}.logo-name{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.3px;font-size:18px;font-weight:600}.sidebar-toggle{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-toggle:hover{border-color:var(--glass-border);color:var(--text-secondary);background:#ffffff08}.sidebar--collapsed .sidebar-toggle{border:none;width:32px;height:32px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar--collapsed .sidebar-nav{padding:16px 8px}.nav-section-label{font-family:var(--font-mono);letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap;padding:8px 12px 6px;font-size:13px;font-weight:600;overflow:hidden}.nav-section-bracket{color:var(--accent-blue);font-weight:300}.nav-section-label-icon{font-family:var(--font-mono);color:var(--accent-blue);font-size:11px;font-weight:700}.nav-section-label--sub{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding-top:12px;padding-bottom:8px;font-size:10px;font-weight:500}.sidebar--collapsed .nav-section-label--sub{border-top:1px solid var(--border-subtle);margin:4px 8px;padding:6px 0;font-size:0}.nav-section-label--spaced{margin-top:20px}.nav-item{color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:400;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.sidebar--collapsed .nav-item{justify-content:center;gap:0;padding:10px}.nav-item:hover{background:var(--accent-blue-glow);color:var(--text-primary)}.nav-item--active{color:var(--accent-blue);border:1px solid var(--glass-border);background:#0095ff1a}.nav-item--active:hover{color:var(--accent-blue)}.nav-item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-coming-soon{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background:#ffffff0f;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:9px}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:16px 20px}.sidebar--collapsed .sidebar-footer{justify-content:center;padding:16px 0;display:flex}.status-indicator{align-items:center;gap:8px;display:flex}.status-dot{background:#0c8;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 8px #00cc8880}.status-text{font-family:var(--font-mono);color:var(--text-muted);text-transform:lowercase;font-size:11px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-topbar{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-topbar-logo{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.3px;font-size:18px;font-weight:600;text-decoration:none}.mobile-menu-btn{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-menu-btn:hover{border-color:var(--accent-blue);background:#ffffff14}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:#00000080;display:none;position:fixed;inset:0}.sidebar-toggle--mobile{display:none}@media (width<=768px){.sidebar{border-right:1px solid var(--glass-border);z-index:100;border-bottom:none;width:260px;min-width:260px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--collapsed{width:260px;min-width:260px}.sidebar--mobile-open{transform:translate(0)}.sidebar-nav{flex-flow:column;padding:16px 12px;display:flex}.sidebar-toggle--desktop{display:none}.sidebar-toggle--mobile{display:flex}.sidebar-footer{display:block}.mobile-topbar{display:flex}.sidebar-overlay{display:block}}.layout{height:100vh;display:flex;position:relative;overflow:hidden}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#0095ff08 1px,#0000 1px),linear-gradient(90deg,#0095ff08 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.bg-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:fixed}.bg-glow--top{background:#0095ff0f;top:-200px;right:-100px}.bg-glow--bottom{background:#00d4ff0a;bottom:-300px;left:20%}.main-content{z-index:1;flex:1;padding:48px;position:relative;overflow-y:auto}@media (width<=768px){.main-content{padding:72px 24px 24px}}.home{flex-direction:column;align-items:center;gap:36px;padding:20px 0 60px;display:flex}.home-welcome{text-align:center;width:100%;max-width:600px;position:relative}.welcome-wave{background:linear-gradient(90deg, transparent, var(--accent-blue), transparent);opacity:.4;border-radius:2px;width:180px;height:2px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.welcome-text{color:var(--text-secondary);font-size:15px;line-height:1.7}.welcome-text--pt{color:var(--text-secondary);margin-top:10px;font-size:14px;font-style:italic}.home-about{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;width:100%;max-width:600px;padding:28px;transition:border-color .3s}.home-about:hover{border-color:#0095ff33}.about-heading{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.about-heading-icon{color:var(--accent-blue);font-size:18px;font-weight:300}.about-text{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.7}.about-text:last-of-type{margin-bottom:16px}.about-tags{flex-wrap:wrap;gap:8px;display:flex}.about-tag{font-family:var(--font-mono);color:var(--accent-blue);letter-spacing:.3px;background:#0095ff0f;border:1px solid #0095ff26;border-radius:4px;padding:5px 12px;font-size:11px;transition:all .2s}.about-tag:hover{background:#0095ff1a;border-color:#0095ff4d;transform:translateY(-1px)}.home-quick{width:100%;max-width:600px}.quick-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:12px;padding-left:2px;font-size:11px;font-weight:500}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=500px){.quick-grid{grid-template-columns:1fr}}.quick-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;color:inherit;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:all .2s;display:flex}.quick-card:hover{border-color:var(--glass-border);transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.quick-card:hover .quick-card-arrow{opacity:1;transform:translate(0)}.quick-card-icon{background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.quick-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quick-card-label{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:500}.quick-card-desc{color:var(--text-muted);font-size:11px}.quick-card-arrow{opacity:0;flex-shrink:0;transition:all .2s;transform:translate(-4px)}.home-featured{width:100%;max-width:600px}.featured-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;border-radius:12px;padding:24px;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.featured-card:hover{border-color:#0095ff4d;transform:translateY(-2px);box-shadow:0 12px 40px #0095ff14}.featured-card:hover .featured-glow{opacity:1}.featured-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#0095ff14,#0000 70%);border-radius:50%;width:200px;height:200px;transition:opacity .3s;position:absolute;top:-50%;right:-20%}.featured-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-blue);margin-bottom:12px;font-size:10px}.featured-content{z-index:1;position:relative}.featured-title{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.featured-desc{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.6}.featured-link{font-family:var(--font-mono);color:var(--accent-blue);align-items:center;gap:6px;font-size:12px;transition:color .2s;display:inline-flex}.featured-card:hover .featured-link{color:var(--accent-cyan)}.home-contact{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;width:100%;max-width:600px;padding:28px;transition:border-color .3s}.home-contact:hover{border-color:#0095ff1f}.contact-heading{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.5}.contact-sub{color:var(--text-muted);margin-bottom:24px;font-size:13px}.contact-form{flex-direction:column;gap:18px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px}.form-input,.form-textarea{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#00000040;border-radius:6px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:#0095ff66;box-shadow:0 0 0 3px #0095ff0f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-submit{background:var(--accent-blue);color:#fff;width:100%;font-family:var(--font-mono);cursor:pointer;border:none;border-radius:8px;padding:13px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s,box-shadow .15s}.form-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #0095ff40}.form-submit:disabled{opacity:.6;cursor:not-allowed}.contact-success{text-align:center;padding:20px 0}.success-icon{color:#00e5a0;background:#00e5a01f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;font-size:24px;display:flex}.success-title{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:600}.success-text{color:var(--text-secondary);margin-bottom:18px;font-size:14px}.form-reset{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:6px;padding:9px 18px;font-size:12px;transition:all .15s}.form-reset:hover{border-color:var(--glass-border);color:var(--text-primary)}.page-shell{flex-direction:column;height:100%;display:flex}.page-header{border-bottom:1px solid var(--border-subtle);margin-bottom:32px;padding-bottom:24px}.page-title{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700}.page-description{color:var(--text-secondary);font-size:14px}.page-content{flex-direction:column;flex:1;display:flex}.page-empty{color:var(--text-muted);font-family:var(--font-mono);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.empty-icon{opacity:.3}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;color:inherit;border-radius:12px;padding:0;font-family:inherit;transition:all .25s;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--glass-border);transform:translateY(-2px);box-shadow:0 8px 32px #0095ff14}.tool-card-image{width:100%;height:160px;position:relative;overflow:hidden}.tool-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.tool-card:hover .tool-card-image img{transform:scale(1.05)}.tool-card-overlay{background:linear-gradient(#0000 40%,#0a0e17e6);position:absolute;inset:0}.tool-card-body{padding:16px 20px 20px}.tool-card-title{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600}.tool-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.tool-card-arrow{width:32px;height:32px;color:var(--accent-blue);opacity:0;background:#0095ff26;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:16px;right:16px;transform:translate(-4px)}.tool-card:hover .tool-card-arrow{opacity:1;transform:translate(0)}.tool-visual{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative}.tool-visual--conjugation{background:linear-gradient(135deg,#0a1628,#0d1f30)}.tv-conj-grid{font-family:var(--font-mono);grid-template-columns:auto auto;gap:4px 14px;font-size:12px;display:grid}.tv-pronoun{color:var(--text-muted);text-align:right}.tv-form{color:#00e5a0;font-weight:500}.tv-form--glow{text-shadow:0 0 10px #00e5a066}.tv-conj-verb{font-family:var(--font-mono);color:#00e5a01a;letter-spacing:-1px;font-size:28px;font-weight:700;position:absolute;bottom:14px;right:16px}.tv-conj-dots{gap:4px;display:flex;position:absolute;top:12px;left:14px}.tv-conj-dots span{background:#00e5a040;border-radius:50%;width:5px;height:5px}.tv-conj-dots span:first-child{background:#00e5a099}.tv-conj-dots span:nth-child(2){background:#ff6b3599}.tv-conj-dots span:nth-child(3){background:#f59e0b80}.tv-conj-dots span:nth-child(4){background:#a78bfa80}.tv-conj-dots span:nth-child(5){background:#34d39980}.tv-conj-dots span:nth-child(6){background:#60a5fa80}.tool-visual--presentation{background:linear-gradient(135deg,#12080a,#1a0c08)}.tv-pres-scene{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tv-pres-rock{opacity:.15;border-radius:40% 60% 50% 45%;position:absolute}.tv-pres-rock--1{background:linear-gradient(145deg,#c0442a,#8b2e1d);width:120px;height:80px;top:10px;left:-10px;transform:rotate(-8deg)}.tv-pres-rock--2{background:linear-gradient(145deg,#a03820,#6b2215);border-radius:50% 40% 55% 45%;width:90px;height:60px;bottom:5px;right:-5px;transform:rotate(12deg)}.tv-pres-rock--3{background:linear-gradient(145deg,#d4a041,#8b6b20);border-radius:45% 55% 40% 60%;width:60px;height:45px;top:20px;right:30px;transform:rotate(-3deg)}.tv-pres-painting{z-index:1;color:#d9a441b3;width:70px;height:54px;position:relative}.tv-pres-cave-art{width:100%;height:100%}.tv-pres-label{font-family:var(--font-mono);color:#c0442a40;letter-spacing:4px;font-size:18px;font-weight:800;position:absolute;bottom:14px;left:16px}.tv-pres-sub{font-family:var(--font-mono);color:#d9a44166;letter-spacing:.5px;font-size:9px;position:absolute;bottom:14px;right:16px}.tool-visual--vocab{background:linear-gradient(135deg,#0a1020,#0a0820)}.tv-vocab-words{flex-wrap:wrap;justify-content:center;gap:8px;max-width:220px;display:flex}.tv-word{font-family:var(--font-mono);color:var(--text-muted);border:1px solid #0095ff26;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .3s}.tv-word--1{color:var(--accent-blue);border-color:#0095ff4d}.tv-word--3{color:var(--accent-cyan);border-color:#00d4ff33}.tv-word--5{color:#00e5a0;border-color:#00e5a033}.tool-card:hover .tv-word{color:var(--text-secondary);border-color:#0095ff4d}.tv-vocab-count{font-family:var(--font-mono);color:#0095ff1f;font-size:24px;font-weight:700;position:absolute;bottom:12px;right:16px}.tool-visual--speaking{background:linear-gradient(135deg,#0a1418,#081014)}.tv-speak-waves{align-items:center;gap:3px;height:60px;display:flex}.tv-wave{background:var(--accent-cyan);opacity:.5;border-radius:3px;width:4px;animation:1.6s ease-in-out infinite wave-pulse}.tv-wave--1{height:20px;animation-delay:0s}.tv-wave--2{height:35px;animation-delay:.15s}.tv-wave--3{opacity:.7;height:50px;animation-delay:.3s}.tv-wave--4{height:30px;animation-delay:.45s}.tv-wave--5{height:18px;animation-delay:.6s}@keyframes wave-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.tv-speak-bubble{font-family:var(--font-mono);color:#00d4ff80;background:#00d4ff0a;border:1px solid #00d4ff26;border-radius:6px;padding:5px 10px;font-size:12px;position:absolute;bottom:16px;left:16px}.tool-visual--music{background:linear-gradient(135deg,#10080a,#180810)}.tv-music-notes{color:#e88a6a;justify-content:center;align-items:center;width:100%;height:80px;display:flex}.tv-music-staff{width:120px;height:80px}.tv-music-eq{align-items:flex-end;gap:3px;height:24px;display:flex;position:absolute;bottom:16px;left:16px}.tv-music-eq span{background:#e88a6a;border-radius:2px;width:4px;animation:1.2s ease-in-out infinite eq-bounce}.tv-music-eq span:first-child{opacity:.5;height:8px;animation-delay:0s}.tv-music-eq span:nth-child(2){opacity:.6;height:14px;animation-delay:.1s}.tv-music-eq span:nth-child(3){opacity:.7;height:20px;animation-delay:.2s}.tv-music-eq span:nth-child(4){opacity:.5;height:10px;animation-delay:.3s}.tv-music-eq span:nth-child(5){opacity:.6;height:16px;animation-delay:.4s}.tv-music-eq span:nth-child(6){opacity:.5;height:12px;animation-delay:.5s}.tv-music-eq span:nth-child(7){opacity:.4;height:6px;animation-delay:.6s}@keyframes eq-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.tv-music-label{font-family:var(--font-mono);color:#e88a6a1f;letter-spacing:-.5px;font-size:22px;font-weight:700;position:absolute;bottom:14px;right:16px}.tool-visual--games{background:linear-gradient(135deg,#080a14,#0a0e1c)}.tv-games-controller{color:#5ce0a8;justify-content:center;align-items:center;width:100%;display:flex}.tv-games-pad{width:80px;height:50px}.tv-games-hud{font-family:var(--font-mono);align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;top:12px;left:14px}.tv-games-hp{color:#e05555;letter-spacing:1px;font-weight:700}.tv-games-bar{background:#e0555526;border-radius:3px;width:40px;height:5px;overflow:hidden}.tv-games-bar-fill{background:#e05555;border-radius:3px;width:65%;height:100%;display:block}.tv-games-xp{color:#5ce0a8;opacity:.6;font-weight:600}.tv-games-words{gap:6px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.tv-games-words span{font-family:var(--font-mono);color:#5ce0a899;background:#5ce0a80a;border:1px solid #5ce0a833;border-radius:3px;padding:3px 8px;font-size:10px}.vocab-drill{flex-direction:column;height:100%;display:flex}.vd-topic-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--accent-cyan);margin-bottom:16px;font-size:10px}.vd-tabs{border-bottom:1px solid var(--border-subtle);gap:4px;margin-bottom:24px;padding-bottom:12px;display:flex}.vd-tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:8px 14px;font-size:11px;transition:all .15s}.vd-tab:hover{color:var(--text-secondary)}.vd-tab.active{color:var(--accent-blue);border-color:var(--glass-border);background:var(--accent-blue-glow)}.vd-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px;font-size:10px}.vd-modes{margin-bottom:16px}.vd-mode-grid{gap:8px;display:flex}.vd-mode-btn{font-family:var(--font-mono);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:12px;transition:all .15s}.vd-mode-btn:hover{border-color:var(--glass-border)}.vd-mode-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--accent-blue-glow)}.vd-shuffle{cursor:pointer;font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:20px;font-size:11px;display:flex}.vd-shuffle input{accent-color:var(--accent-blue)}.vd-groups{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.vd-group-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;color:inherit;border-radius:8px;flex-direction:column;gap:6px;padding:16px;font-family:inherit;transition:all .2s;display:flex}.vd-group-card:hover{border-color:var(--glass-border);transform:translateY(-1px)}.vd-group-name{font-family:var(--font-mono);color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;font-size:11px}.vd-group-sub{color:var(--text-primary);font-size:15px;font-weight:500}.vd-group-preview{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.vd-preview-tag{font-family:var(--font-mono);color:var(--text-muted);background:#ffffff0a;border-radius:3px;padding:2px 6px;font-size:10px}.vd-preview-more{font-family:var(--font-mono);color:var(--text-muted);padding:2px 4px;font-size:10px}.vd-study-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.vd-study-info,.vd-study-count{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.vd-progress{background:var(--border-subtle);border-radius:1px;height:2px;margin-bottom:20px;overflow:hidden}.vd-progress-fill{background:var(--accent-blue);border-radius:1px;height:100%;transition:width .3s}.vd-score{font-family:var(--font-mono);justify-content:center;gap:20px;margin-bottom:16px;font-size:12px;display:flex}.vd-score-correct{color:#0c8}.vd-score-wrong{color:var(--text-muted)}.vd-flashcard{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;margin-bottom:20px;padding:32px;transition:all .2s;display:flex}.vd-flashcard:hover{border-color:var(--glass-border)}.vd-fc-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:16px;font-size:10px}.vd-fc-word{font-family:var(--font-mono);color:var(--text-primary);text-align:center;font-size:28px;font-weight:500}.vd-fc-hint{font-family:var(--font-mono);color:var(--text-muted);margin-top:auto;padding-top:20px;font-size:10px}.vd-fc-answer{font-family:var(--font-mono);color:var(--accent-blue);text-align:center;margin-bottom:16px;font-size:24px;font-weight:500}.vd-fc-divider{background:var(--border-subtle);width:40px;height:1px;margin-bottom:16px}.vd-fc-example{color:var(--text-primary);text-align:center;font-size:15px;font-style:italic}.vd-fc-example-en{color:var(--text-muted);text-align:center;margin-top:4px;font-size:13px}.vd-quiz-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:20px;padding:32px}.vd-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-mono);text-align:center;background:#0003;border-radius:8px;outline:none;margin-top:20px;padding:14px 16px;font-size:18px;transition:border-color .2s}.vd-input:focus{border-color:var(--accent-blue)}.vd-input.correct{color:#0c8;border-color:#0c8}.vd-input.wrong{color:#e94560;border-color:#e94560}.vd-reveal{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:16px}.vd-reveal-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:10px}.vd-reveal-status.correct{color:#0c8}.vd-reveal-status.wrong{color:var(--text-muted)}.vd-reveal-answer{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:8px;font-size:22px}.vd-reveal-ex{color:var(--text-muted);font-size:13px;font-style:italic}.vd-nav{justify-content:center;gap:10px;display:flex}.vd-nav-btn{font-family:var(--font-mono);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:10px 20px;font-size:12px;transition:all .15s}.vd-nav-btn:hover:not(:disabled){border-color:var(--glass-border);color:var(--text-primary)}.vd-nav-btn:disabled{opacity:.3;cursor:not-allowed}.vd-nav-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.vd-nav-btn.primary:hover:not(:disabled){background:var(--accent-cyan);border-color:var(--accent-cyan)}.drill{flex-direction:column;height:100%;display:flex}.drill-back{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;border-radius:6px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:12px;transition:all .2s;display:inline-flex}.drill-back:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.drill-layout{flex:1;gap:24px;min-height:0;display:flex}.drill-sidebar{width:240px;min-width:240px;max-height:calc(100vh - 180px);padding-right:8px;overflow-y:auto}.drill-sidebar-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:0 0 12px;font-size:11px;font-weight:600}.drill-nav-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);color:var(--text-secondary);background:#ffffff05;border:none;border-left:2px solid #0000;border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.drill-nav-item:hover{background:var(--accent-blue-glow);color:var(--text-primary)}.drill-nav-item.active{color:var(--accent-blue);border-left-color:var(--accent-blue);background:#0095ff14}.drill-nav-num{font-family:var(--font-mono);color:var(--accent-blue);flex-shrink:0;margin-top:2px;font-size:11px;font-weight:700}.drill-nav-text{flex-direction:column;gap:2px;display:flex}.drill-nav-tag{font-size:10px;font-family:var(--font-mono);opacity:.7}.drill-nav-tag.deep{color:#f59e0b}.drill-nav-tag.variety{color:var(--accent-cyan)}.drill-main{flex:1;max-height:calc(100vh - 180px);overflow-y:auto}.drill-header{border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.drill-round-num{font-family:var(--font-mono);color:var(--accent-blue);font-size:28px;font-weight:700}.drill-title{font-family:var(--font-mono);color:var(--text-primary);font-size:20px;font-weight:600}.drill-type-badge{font-family:var(--font-mono);border-radius:4px;margin-left:8px;padding:3px 8px;font-size:11px;display:inline-block}.drill-type-badge.deep{color:#f59e0b;background:#f59e0b26}.drill-type-badge.variety{color:var(--accent-cyan);background:#00d4ff1a}.drill-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.drill-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:20px}.drill-card-label{font-family:var(--font-mono);color:var(--accent-blue);text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:600}.drill-card-note{color:var(--text-muted);margin-bottom:12px;font-size:12px;font-style:italic}.drill-examples{flex-direction:column;gap:4px;display:flex}.drill-example{border-left:2px solid var(--glass-border);color:var(--text-secondary);padding:4px 0 4px 12px;font-size:14px;line-height:1.5}.drill-nav-buttons{border-top:1px solid var(--border-subtle);gap:12px;margin-top:32px;padding-top:16px;display:flex}.drill-btn{font-family:var(--font-mono);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.drill-btn:disabled{opacity:.3;cursor:not-allowed}.drill-btn-next{background:var(--accent-blue);color:#fff}.drill-btn-next:hover:not(:disabled){background:var(--accent-cyan)}.drill-btn-prev{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}.drill-btn-prev:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}@media (width<=900px){.drill-sidebar{display:none}}.conj-drill{outline:none;flex-direction:column;height:100%;display:flex}.conj-back-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;border-radius:6px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;font-size:12px;transition:all .2s;display:inline-flex}.conj-back-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.conj-title{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:600}.conj-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:13px}.conj-menu-group{margin-bottom:24px}.conj-menu-group-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;padding-left:2px;font-size:11px;font-weight:500}.conj-tense-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-top:3px solid;border-radius:10px;margin-bottom:10px;padding:16px 18px}.conj-tense-label{font-family:var(--font-mono);margin-bottom:4px;font-size:13px;font-weight:600}.conj-tense-count{color:var(--text-muted);margin-bottom:12px;font-size:12px}.conj-tense-actions{flex-wrap:wrap;gap:6px;display:flex}.conj-mode-btn{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#0003;border-radius:5px;padding:7px 12px;font-size:11px;transition:all .15s}.conj-mode-btn:hover{border-color:var(--glass-border);color:var(--text-primary);background:#ffffff0a}.conj-menu-link-btn{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;text-align:left;border-radius:10px;padding:14px 18px;font-size:13px;transition:all .15s}.conj-menu-link-btn:hover{border-color:var(--glass-border);color:var(--text-primary)}.conj-tense-pill{font-family:var(--font-mono);letter-spacing:.5px;color:var(--text-secondary);background:#ffffff0d;border-radius:4px;margin-bottom:12px;padding:5px 12px;font-size:11px;font-weight:500;display:inline-block}.conj-progress{background:var(--border-subtle);border-radius:1px;height:2px;margin-bottom:12px;overflow:hidden}.conj-progress-fill{border-radius:1px;height:100%;transition:width .3s}.conj-score-bar{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;margin-bottom:16px;font-size:12px;display:flex}.conj-flashcard-container{perspective:1000px;cursor:pointer;min-height:220px;margin-bottom:20px}.conj-flashcard{width:100%;min-height:220px;transform-style:preserve-3d;transition:transform .5s;position:relative}.conj-flashcard.conj-flipped{transform:rotateY(180deg)}.conj-flashcard-front,.conj-flashcard-back{backface-visibility:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:28px 24px;display:flex;position:absolute;inset:0}.conj-flashcard-back{transform:rotateY(180deg)}.conj-card-verb{font-family:var(--font-mono);margin-bottom:6px;font-size:24px;font-weight:600}.conj-card-meaning{color:var(--text-muted);margin-bottom:12px;font-size:13px}.conj-card-pronoun{font-family:var(--font-mono);color:var(--text-primary);font-size:18px}.conj-card-hint{color:var(--text-muted);opacity:.6;margin-top:16px;font-size:11px}.conj-card-form{font-family:var(--font-mono);margin-bottom:8px;font-size:30px;font-weight:600}.conj-card-translation{color:var(--text-muted);font-size:14px}.conj-card-phrase{font-family:var(--font-mono);margin-bottom:6px;font-size:22px;font-weight:600}.conj-card-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px;font-size:10px}.conj-card-example{text-align:center}.conj-card-example-pt{color:var(--text-primary);margin-bottom:6px;font-size:16px;line-height:1.5}.conj-card-example-en{color:var(--text-muted);font-size:13px;font-style:italic}.conj-nav-buttons{justify-content:space-between;gap:12px;display:flex}.conj-nav-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:12px;font-size:13px;transition:all .15s}.conj-nav-btn:hover:not(:disabled){border-color:var(--glass-border);color:var(--text-primary)}.conj-nav-btn:disabled{opacity:.3;cursor:not-allowed}.conj-quiz-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:28px}.conj-q-verb{font-family:var(--font-mono);margin-bottom:4px;font-size:24px;font-weight:600}.conj-q-meaning{color:var(--text-muted);margin-bottom:6px;font-size:13px}.conj-q-note{color:#f59e0b;margin-bottom:12px;font-size:11px;font-style:italic}.conj-q-pronoun{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:16px;font-size:17px}.conj-q-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-family:var(--font-mono);text-align:center;background:#00000040;border-radius:8px;outline:none;padding:14px 16px;font-size:20px;transition:all .2s}.conj-q-input:focus{border-color:#fff3}.conj-q-input.conj-correct{color:#00e5a0;background:#00e5a00f;border-color:#00e5a0}.conj-q-input.conj-wrong{color:#e94560;background:#e945600f;border-color:#e94560}.conj-q-reveal{background:#0003;border-left:3px solid;border-radius:8px;margin-top:14px;padding:14px 16px}.conj-q-correct{font-family:var(--font-mono);margin-bottom:4px;font-size:20px;font-weight:500}.conj-q-translation{color:var(--text-muted);font-size:13px}.conj-mc-options{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.conj-mc-option{border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;text-align:left;background:#0003;border-radius:8px;padding:12px 16px;font-size:15px;transition:all .12s}.conj-mc-option:hover:not(.conj-disabled){border-color:var(--glass-border);color:var(--text-primary);background:#ffffff0a}.conj-mc-option.conj-correct{color:#00e5a0;background:#00e5a01a;border-color:#00e5a0}.conj-mc-option.conj-wrong{color:#e94560;background:#e945601a;border-color:#e94560}.conj-mc-option.conj-disabled{cursor:default}.conj-conj-grid{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.conj-conj-field{flex-direction:column;gap:4px;display:flex}.conj-conj-label{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.conj-conj-input{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);background:#00000040;border-radius:6px;outline:none;padding:10px 14px;font-size:15px;transition:all .15s}.conj-conj-input:focus{border-color:#fff3}.conj-conj-input.conj-correct{background:#00e5a00f;border-color:#00e5a0}.conj-conj-input.conj-wrong{background:#e945600f;border-color:#e94560}.conj-conj-reveal{font-family:var(--font-mono);color:#00e5a0;margin-top:2px;padding-left:14px;font-size:12px}.conj-check-btn{width:100%;font-family:var(--font-mono);cursor:pointer;color:#0a0a0f;border:none;border-radius:8px;margin-top:14px;padding:13px;font-size:14px;font-weight:600;transition:opacity .15s}.conj-check-btn:hover{opacity:.9}.conj-next-btn{border:1px solid var(--border-subtle);width:100%;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border-radius:8px;margin-top:14px;padding:13px;font-size:14px;transition:all .15s}.conj-next-btn:hover{color:var(--text-primary);background:#ffffff1a}.conj-results-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;margin-bottom:20px;padding:32px}.conj-results-pct{font-family:var(--font-mono);font-size:48px;font-weight:600}.conj-results-label{color:var(--text-muted);margin-top:6px;font-size:14px}.conj-review{margin-bottom:20px}.conj-review-title{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:10px;font-size:12px}.conj-review-item{border:1px solid var(--border-subtle);background:#0003;border-radius:6px;margin-bottom:6px;padding:10px 14px}.conj-review-header{justify-content:space-between;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.conj-review-pronoun{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.conj-review-answers{justify-content:space-between;font-size:13px;display:flex}.conj-review-yours{color:#e94560;font-family:var(--font-mono)}.conj-review-correct{color:#00e5a0;font-family:var(--font-mono)}.conj-review-conj{border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:6px}.conj-menu-btn{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;border-radius:8px;margin-bottom:8px;padding:13px;font-size:14px;transition:all .15s}.conj-menu-btn:hover{border-color:var(--glass-border);color:var(--text-primary)}.conj-setup-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:24px}.conj-setup-card h3{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:14px;font-size:14px;font-weight:500}.conj-setup-options{flex-wrap:wrap;gap:8px;display:flex}.conj-setup-btn{border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:#0003;border-radius:6px;padding:8px 14px;font-size:12px;transition:all .15s}.conj-setup-btn:hover{border-color:var(--glass-border);color:var(--text-primary)}.conj-setup-btn.conj-selected{border-color:var(--accent-blue);color:var(--accent-blue)}.conj-sheet-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.conj-sheet-tab{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:7px 12px;font-size:11px;transition:all .15s}.conj-sheet-tab:hover{border-color:var(--glass-border);color:var(--text-secondary)}.conj-sheet-tab.conj-active{border-color:#0000}.conj-sheet-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:24px}.conj-sheet-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:14px;font-weight:400}.conj-sheet-usage{background:#0003;border-radius:8px;margin-bottom:20px;padding:14px 16px}.conj-usage-example{margin-bottom:8px}.conj-usage-example:last-child{margin-bottom:0}.conj-usage-pt{color:var(--text-primary);font-size:14px;line-height:1.5}.conj-usage-en{color:var(--text-muted);font-size:12px;font-style:italic}.conj-sheet-section{border-bottom:1px solid var(--border-subtle);margin-bottom:18px;padding-bottom:18px}.conj-sheet-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.conj-section-heading{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:600}.conj-section-pattern{font-family:var(--font-mono);color:#a78bfa;background:#a78bfa14;border-radius:4px;margin-bottom:10px;padding:6px 10px;font-size:11px;line-height:1.5}.conj-section-rows{flex-direction:column;display:flex}.conj-section-row{border-bottom:1px solid #ffffff0a;align-items:baseline;padding:5px 0;display:flex}.conj-section-row:last-child{border-bottom:none}.conj-section-pronoun{font-family:var(--font-mono);color:var(--text-muted);flex:0 0 110px;font-size:12px}.conj-section-form{font-family:var(--font-mono);color:var(--text-primary);flex:1;font-size:13px}.conj-section-note{color:var(--text-muted);margin-left:8px;font-size:11px;font-style:italic}.conj-write-setup-sizes{gap:8px;margin-bottom:16px;display:flex}.conj-size-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:13px 8px;font-size:15px;transition:all .15s}.conj-size-btn:hover{border-color:var(--glass-border);color:var(--text-secondary)}.conj-size-btn.conj-selected{background:#ffffff0a;border-color:currentColor}.piaui{position:relative}.piaui-back{z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:12px;transition:all .2s;display:inline-flex;position:sticky;top:0}.piaui-back:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.piaui-audio-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0a07eb;border:1px solid #d9a44140;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.piaui-audio-label{color:#d9a441;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;align-items:center;gap:8px;font-family:Oswald,sans-serif;font-size:12px;display:flex}.piaui-audio-iframe{border:none;border-radius:4px;flex:1;min-width:0;height:60px}@media (width<=640px){.piaui-audio-player{flex-direction:column;align-items:stretch;gap:8px}.piaui-audio-iframe{width:100%;height:60px}}.piaui-hero{border-radius:12px;align-items:center;min-height:50vh;margin-bottom:40px;padding:60px 0;display:flex;position:relative;overflow:hidden}.piaui-hero-bg{background:radial-gradient(ellipse at 70% 30%, #c0442a26, transparent 55%), radial-gradient(ellipse at 20% 80%, #3d4a2a33, transparent 50%), linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);border:1px solid #c0442a1a;border-radius:12px;position:absolute;inset:0}.spear{opacity:.25;background:linear-gradient(#d9a441,#0000);width:2px;height:100px;animation:9s ease-in-out infinite drift;position:absolute}.spear.s1{top:20%;left:14%;transform:rotate(18deg)}.spear.s2{height:140px;animation-delay:1.5s;top:55%;left:82%;transform:rotate(-12deg)}.spear.s3{height:80px;animation-delay:3s;top:12%;left:60%;transform:rotate(28deg)}@keyframes drift{0%,to{opacity:.15;transform:translateY(0)rotate(18deg)}50%{opacity:.35;transform:translateY(-20px)rotate(18deg)}}.piaui-hero-content{z-index:2;padding:0 40px;position:relative}.piaui-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;color:#e0573a;margin-bottom:16px;font-size:12px;font-weight:700}.piaui-title{font-family:var(--font-mono);color:#e8d9b8;text-transform:uppercase;margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:.95}.piaui-title .ln{display:block;overflow:hidden}.piaui-title .ln:nth-child(2) span{color:#e0573a}.piaui-sub{color:#9a8a6a;max-width:500px;font-size:16px;font-style:italic}.piaui-slide{border-top:1px solid #d9a44114;padding:60px 0;position:relative}.piaui-slide:nth-child(2n){background:#0f15204d;border-radius:8px;margin:0 -24px;padding:60px 24px}.piaui-num{font-family:var(--font-mono);color:#0000;-webkit-text-stroke:1.5px #c0442a26;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.8;position:absolute;top:20px;right:0}.piaui-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:#d9a441;border:1px solid #d9a4414d;border-radius:3px;margin-bottom:16px;padding:6px 12px;font-size:11px;display:inline-block}.piaui-h2{font-family:var(--font-mono);color:#e8d9b8;max-width:18ch;margin-bottom:24px;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;line-height:1.1}.piaui-h2 em{color:#e0573a;font-style:normal}.piaui-facts{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.piaui-card{background:#00000040;border:1px solid #d9a4411f;border-top:3px solid #c0442a;border-radius:6px;flex:320px;padding:20px}.piaui-card-head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:#d9a441;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.piaui-card-head .dot{background:#e0573a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.piaui-card p{color:#f4ecd8;font-size:14px;line-height:1.6}.piaui-card p strong{color:#d9a441;font-weight:600}.piaui-sources{font-size:14px;line-height:1.9}.piaui-sources a{color:#d9a441;text-decoration:none;transition:opacity .2s}.piaui-sources a:hover{opacity:.8;text-decoration:underline}.piaui-figure{margin-top:16px}.piaui-img{object-fit:cover;border:1px solid #d9a44126;border-radius:8px;width:100%;max-height:360px;box-shadow:0 12px 40px #00000080}.piaui-split{flex-wrap:wrap;align-items:center;gap:2.5rem;margin-top:16px;display:flex}.piaui-split .piaui-stats{flex:300px}.piaui-split .piaui-figure{flex:340px;margin-top:0}.piaui-figrow{flex-wrap:wrap;gap:1.5rem;margin-top:16px;display:flex}.piaui-figrow .piaui-figure{flex:300px;margin-top:0}.piaui-figrow .piaui-img{height:210px}.piaui-caption{font-family:var(--font-mono);color:#9a8a6a;margin-top:10px;font-size:12px;line-height:1.5}.piaui-timeline{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.piaui-tl{background:#00000040;border:1px solid #d9a44126;border-left:3px solid #c0442a;border-radius:4px;flex:180px;padding:16px}.tl-yr{font-family:var(--font-mono);color:#d9a441;font-size:16px;font-weight:700}.piaui-tl p{color:#f4ecd8;margin-top:6px;font-size:13px;line-height:1.4}.piaui-stats{flex-wrap:wrap;gap:24px;margin-top:20px;display:flex}.piaui-stat{flex-direction:column;gap:4px;display:flex}.stat-big{font-family:var(--font-mono);color:#e0573a;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1}.stat-lbl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:#9a8a6a;max-width:16ch;font-size:10px;line-height:1.3}.piaui-vocab-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.piaui-vocab{background:#00000040;border:1px solid #d9a4411f;border-left:3px solid #d9a441;border-radius:3px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.vocab-pt{font-family:var(--font-mono);color:#e8d9b8;font-size:13px;font-weight:500}.vocab-en{color:#9a8a6a;font-size:12px;font-style:italic}.piaui-closing{text-align:center;flex-direction:column;align-items:center;display:flex}.piaui-closing .piaui-h2{max-width:22ch}.piaui-obrigado{font-family:var(--font-mono);color:#0000;-webkit-text-stroke:1.5px #d9a441;text-transform:uppercase;margin-top:16px;font-size:clamp(2.5rem,8vw,5rem);font-weight:700}.reveal-on-scroll{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal-on-scroll.in{opacity:1;transform:translateY(0)}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.35s}.d4{transition-delay:.5s}:root{--bg-primary:#0a0e17;--bg-secondary:#0f1520;--bg-card:#0f1520b3;--border-glow:#0095ff26;--border-subtle:#ffffff0f;--text-primary:#e8ecf4;--text-secondary:#8b9bb4;--text-muted:#4a5568;--accent-blue:#0095ff;--accent-blue-dim:#0095ff66;--accent-blue-glow:#0095ff14;--accent-cyan:#00d4ff;--glass-bg:#0a0e17d9;--glass-border:#0095ff1a;--sidebar-width:260px;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden}a{color:var(--accent-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-cyan)}::selection{background:var(--accent-blue-dim);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-dim)}