.app-nav{-webkit-backdrop-filter:none;z-index:100;-webkit-app-region:no-drag;background:#fffcf7;border-bottom:1px solid #e6e1d8;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 24px;display:flex;position:relative}.app-nav-left{align-items:center;gap:20px;display:flex}.app-nav-logo{font-size:var(--text-base);font-weight:600;font-family:var(--font-math), "Songti SC", "STSong", Georgia, serif;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:flex}.app-nav-logo:hover{color:var(--text-primary)}.app-nav-logo-icon{color:#121212;border-radius:2px;flex-shrink:0;width:22px;height:22px}.app-nav-links{align-items:center;gap:2px;display:flex}.app-nav-link{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border:none;border-radius:0;padding:6px 12px;font-family:inherit;font-weight:450;text-decoration:none;transition:color .15s,opacity .12s,transform .12s;position:relative}.app-nav-link:hover{color:var(--text-primary);background:0 0}.app-nav-link:active{opacity:.7;transform:scale(.98)}.app-nav-link.active{color:var(--text-primary);font-weight:550}.app-nav-link.active:after{content:"";background:var(--text-primary);border-radius:0;width:auto;height:1px;position:absolute;bottom:0;left:12px;right:12px;transform:none}.app-nav-right{align-items:center;gap:4px;display:flex}.app-nav-link--quiet{color:var(--text-muted)}.app-nav-theme-btn{appearance:none;border:1px solid var(--border-subtle,#e6e1d8);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:550}.app-nav-theme-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:#00000008}.app-nav-plan-badge{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:550;display:inline-flex}.app-nav-plan-badge.free{color:var(--text-muted);border:1px solid var(--border-subtle);background:#0000000a}.app-nav-plan-badge.free:hover{color:var(--accent);background:#6366f114;border-color:#6366f14d}.app-nav-plan-badge.pro{color:var(--accent);background:linear-gradient(135deg,#4a90e21f,#6ba3e81f);border:1px solid #4a90e240}.app-nav-plan-badge.teacher{color:#f59e0b;background:linear-gradient(135deg,#f973161f,#eab3081f);border:1px solid #f9731640}.app-nav-auth-btn{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:5px 12px;font-family:inherit;font-weight:450}.app-nav-auth-btn:hover{color:var(--text-primary);background:var(--accent-subtle)}.app-nav-pricing{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);border:1px solid var(--border-subtle);background:#0000000a;align-items:center;gap:4px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:550;text-decoration:none;display:inline-flex;position:relative}.app-nav-pricing:hover{color:var(--accent);background:#6366f114;border-color:#6366f14d}.app-nav-pricing.is-pro{color:var(--accent);background:linear-gradient(135deg,#4a90e21f,#6ba3e81f);border-color:#4a90e240}.app-nav-pricing.is-pro:hover{background:linear-gradient(135deg,#4a90e22e,#6ba3e829)}.app-nav-upgrade-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite upgrade-pulse}@keyframes upgrade-pulse{0%,to{opacity:1}50%{opacity:.4}}.app-nav-subject-dropdown{align-items:center;display:flex;position:relative}.app-nav-subject-dropdown:after{content:"";pointer-events:auto;height:10px;position:absolute;bottom:-10px;left:0;right:0}.app-nav-subject-btn{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-weight:500;display:flex}.app-nav-subject-btn:hover{background:var(--accent-subtle)}.app-nav-subject-arrow{width:12px;height:12px;color:var(--text-muted);transition:transform var(--transition-fast)}.app-nav-subject-dropdown:hover .app-nav-subject-arrow{transform:rotate(180deg)}.app-nav-subject-menu{background:var(--bg-surface);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);z-index:200;padding:6px;animation:.15s dropdown-fade-in;position:absolute;top:100%;left:0}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-nav-subject-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.app-nav-subject-item:hover,.app-nav-subject-item.active{background:var(--accent-subtle);color:var(--text-primary)}.app-nav-subject-item-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.app-nav-subject-item-content{flex:1;min-width:0}.app-nav-subject-item-name{font-size:var(--text-sm);color:inherit;font-weight:500}.app-nav-subject-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.app-nav-feedback{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-nav-feedback:hover{color:var(--text-primary);background:var(--accent-subtle)}@media (width<=767px){.app-nav{height:48px;padding:0 16px}.app-nav-links,.app-nav-right .app-nav-link--quiet:first-of-type{display:none}.app-nav-theme-btn{padding:3px 8px;font-size:10px}.app-nav-left{gap:12px}.app-nav-plan-badge{padding:2px 8px;font-size:10px}}.mobile-bottom-nav{min-height:64px;height:calc(64px + env(safe-area-inset-bottom,0px));background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:100;padding:6px 0 env(safe-area-inset-bottom,0);box-sizing:border-box;justify-content:space-around;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.mb-nav-item{color:var(--text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;text-decoration:none;transition:color .15s,opacity .1s,transform .12s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.mb-nav-item:active{opacity:.75;transform:scale(.94)}.mb-nav-item.active{color:var(--text-primary)}.mb-nav-item.active:after{content:"";background:var(--accent);border-radius:1px;width:24px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mb-nav-label{letter-spacing:-.01em;font-size:10px;font-weight:500}.mb-nav-item.active .mb-nav-label{color:var(--text-primary);font-weight:600}.mb-nav-subject-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.mb-nav-subject-toggle{cursor:pointer;background:0 0;border:none;margin-top:-2px;padding:0}.mb-subject-overlay{z-index:150;background:#0006;animation:.2s fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mb-subject-menu{background:var(--bg-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);z-index:200;max-height:70vh;animation:.25s slide-up;position:fixed;bottom:64px;left:0;right:0;overflow:hidden}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mb-subject-menu-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.mb-subject-menu-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.mb-subject-menu-close{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px}.mb-subject-menu-close:hover{background:var(--accent-subtle);color:var(--text-primary)}.mb-subject-menu-list{padding:8px 12px 16px}.mb-subject-menu-item{border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.mb-subject-menu-item:hover{background:var(--accent-subtle)}.mb-subject-menu-item.active{background:var(--accent-subtle);color:var(--text-primary)}.mb-subject-menu-item-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mb-subject-menu-item-info{flex:1;min-width:0}.mb-subject-menu-item-name{font-size:var(--text-sm);color:inherit;font-weight:550}.mb-subject-menu-item-desc{color:var(--text-muted);margin-top:1px;font-size:11px}@media (width<=767px){.mobile-bottom-nav{display:flex}}.paywall-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:24px;animation:.15s pwFadeIn;display:flex;position:fixed;inset:0}.paywall-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:520px;box-shadow:var(--shadow-xl);max-height:90vh;padding:36px 32px 28px;animation:.25s cubic-bezier(.16,1,.3,1) pwSlideUp;position:relative;overflow-y:auto}.paywall-close{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:12px;right:12px}.paywall-close:hover{color:var(--text-primary);background:var(--accent-subtle)}.paywall-header{margin-bottom:20px}.paywall-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--accent);background:linear-gradient(135deg,#6366f11f,#8b5cf61f);justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.paywall-title{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-weight:650}.paywall-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:8px;line-height:1.5}.paywall-reason{font-size:var(--text-sm);color:var(--color-warning);border-radius:var(--radius-md);background:#f59e0b14;border:1px solid #f59e0b26;margin-top:8px;padding:8px 16px;display:inline-block}.paywall-remaining{font-size:var(--text-sm);color:var(--text-muted);margin-top:6px}.paywall-remaining strong{color:var(--text-primary);font-weight:600}.paywall-toggle-wrap{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.paywall-toggle{border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:0 0;padding:6px 16px;font-family:inherit;font-weight:500}.paywall-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.paywall-plans{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.paywall-plan{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;padding:20px 16px;display:flex}.paywall-plan.pro{border-color:#6366f133}.paywall-plan.teacher{border-color:#f59e0b33}.paywall-plan-header{justify-content:center;align-items:center;gap:6px;margin-bottom:12px;display:flex}.paywall-plan-name{font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}.paywall-plan-save{color:var(--color-success);border-radius:var(--radius-full);background:#22c55e1a;padding:1px 6px;font-size:10px;font-weight:550}.paywall-plan-price{justify-content:center;align-items:baseline;gap:2px;margin-bottom:2px;display:flex}.paywall-plan-currency{font-size:var(--text-sm);color:var(--text-secondary);font-weight:550}.paywall-plan-amount{color:var(--text-primary);letter-spacing:-.03em;font-size:36px;font-weight:650;line-height:1}.paywall-plan-period{font-size:var(--text-xs);color:var(--text-muted)}.paywall-plan-equiv{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:14px}.paywall-plan-features{text-align:left;flex-direction:column;flex:1;gap:6px;margin-bottom:16px;list-style:none;display:flex}.paywall-plan-features li{font-size:var(--text-xs);color:var(--text-secondary);padding-left:16px;position:relative}.paywall-plan-features li:before{content:"✓";color:var(--color-success);font-size:10px;font-weight:600;position:absolute;left:0}.paywall-plan-btn{border-radius:var(--radius-md);background:var(--accent);color:#fff;width:100%;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px;font-family:inherit;font-weight:550}.paywall-plan-btn:hover{background:var(--accent-hover)}.paywall-plan-btn.teacher-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.paywall-plan-btn.teacher-btn:hover{opacity:.9}.paywall-footer{text-align:center}.paywall-footer-btn{color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;padding:6px 12px;font-family:inherit}.paywall-footer-btn:hover{color:var(--text-primary);background:var(--accent-subtle)}.paywall-footer-note{color:var(--text-muted);margin-top:4px;font-size:11px}@keyframes pwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pwSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.paywall-overlay{align-items:flex-end;padding:0}.paywall-modal{padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));text-align:left;border-radius:16px 16px 0 0;width:100%;max-width:none;max-height:min(92dvh,100%)}.paywall-header{text-align:center}.paywall-plans{grid-template-columns:1fr;gap:10px}.paywall-plan{padding:14px 12px}.paywall-plan-amount{font-size:28px}.paywall-title{font-size:1.15rem}.paywall-plan-btn{min-height:44px;font-size:.9375rem}.paywall-footer-btn{width:100%;min-height:44px}}.auth-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);z-index:1001;justify-content:center;align-items:center;padding:24px;animation:.15s authFadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-xl);padding:40px 32px 32px;animation:.25s cubic-bezier(.16,1,.3,1) authSlideUp;position:relative}.auth-close{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:12px;right:12px}.auth-close:hover{color:var(--text-primary);background:var(--accent-subtle)}.auth-title{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-weight:600}.auth-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:24px}.auth-form{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.auth-input{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-base);transition:border-color var(--transition-fast);outline:none;padding:10px 14px}.auth-input:focus{border-color:var(--border-focus)}.auth-input::placeholder{color:var(--text-muted)}.auth-input:-webkit-autofill{caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 30px var(--bg-base) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 30px var(--bg-base) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 30px var(--bg-base) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.auth-error{font-size:var(--text-xs);color:var(--color-error);border-radius:var(--radius-sm);background:#f8514914;border:1px solid #f8514926;padding:8px 12px}.auth-submit{border-radius:var(--radius-md);background:var(--accent);width:100%;color:var(--text-inverse);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;border:none;padding:12px;font-family:inherit;font-weight:550}.auth-submit:hover{background:var(--accent-hover)}.auth-submit:disabled{opacity:.4;cursor:not-allowed}.auth-divider{align-items:center;gap:12px;margin:16px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-divider span{font-size:var(--text-xs);color:var(--text-muted)}.auth-google{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;font-weight:500;display:flex}.auth-google:hover{border-color:var(--border-emphasis);color:var(--text-primary)}.auth-switch{font-size:var(--text-sm);color:var(--text-muted);margin-top:20px}.auth-switch-btn{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;margin-left:4px;font-family:inherit;font-weight:500}.auth-switch-btn:hover{color:var(--text-primary)}.auth-icon-row{justify-content:center;margin-bottom:16px;display:flex}.auth-icon-circle{background:var(--accent-subtle);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-input-wrapper{position:relative}.auth-input-hint{font-size:var(--text-xs);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-offline-icon{color:var(--accent);justify-content:center;margin-bottom:16px;display:flex}.auth-offline-features{text-align:left;flex-direction:column;gap:8px;max-width:240px;margin:16px auto;list-style:none;display:flex}.auth-offline-features li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:20px;position:relative}.auth-offline-features li:before{content:"✓";color:var(--color-success);font-weight:600;font-size:var(--text-xs);position:absolute;left:0}.auth-offline-note{font-size:var(--text-xs);color:var(--text-muted);background:var(--accent-subtle);border-radius:var(--radius-sm);margin-top:4px;padding:8px 12px;line-height:1.5}.auth-actions{margin-top:16px}.auth-code-input{text-align:center;letter-spacing:12px;font-family:SF Mono,Consolas,Courier New,monospace;font-weight:600;font-size:var(--text-xl)!important}.auth-link-btn{color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:8px;font-family:inherit}.auth-link-btn:hover:not(:disabled){color:var(--text-secondary)}.auth-link-btn:disabled{opacity:.4;cursor:not-allowed}.auth-check-badge{font-size:var(--text-xs);color:var(--color-success);background:#56cc491a;border-radius:999px;padding:4px 12px;display:inline-block}.auth-guest-skip{margin-top:12px}.auth-skip-btn{color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:6px 12px;font-family:inherit}.auth-skip-btn:hover{color:var(--text-secondary);background:var(--accent-subtle)}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fb-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);z-index:1001;justify-content:center;align-items:center;padding:24px;animation:.15s fbFadeIn;display:flex;position:fixed;inset:0}.fb-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-xl);padding:40px 32px 32px;animation:.25s cubic-bezier(.16,1,.3,1) fbSlideUp;position:relative}.fb-close{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:12px;right:12px}.fb-close:hover{color:var(--text-primary);background:var(--accent-subtle)}.fb-title{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-weight:600}.fb-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:24px}.fb-form{flex-direction:column;gap:12px;margin-bottom:0;display:flex}.fb-input{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-base);transition:border-color var(--transition-fast);box-sizing:border-box;outline:none;padding:10px 14px;font-family:inherit}.fb-input:focus{border-color:var(--border-focus)}.fb-input::placeholder,.fb-textarea::placeholder{color:var(--text-muted)}.fb-input:-webkit-autofill{caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 30px var(--bg-base) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.fb-input:-webkit-autofill:hover{caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 30px var(--bg-base) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.fb-input:-webkit-autofill:focus{caret-color:var(--text-primary);-webkit-box-shadow:0 0 0 30px var(--bg-base) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.fb-textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-base);transition:border-color var(--transition-fast);resize:vertical;box-sizing:border-box;outline:none;min-height:80px;max-height:240px;padding:10px 14px;font-family:inherit;line-height:1.6}.fb-textarea:focus{border-color:var(--border-focus)}.fb-count{text-align:right;color:var(--text-muted);margin-top:-8px;padding-right:2px;font-size:11px;display:block}.fb-error{font-size:var(--text-xs);color:var(--color-error);border-radius:var(--radius-sm);text-align:left;background:#f8514914;border:1px solid #f8514926;padding:8px 12px}.fb-submit{border-radius:var(--radius-md);background:var(--accent);width:100%;color:var(--text-inverse);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;border:none;margin-top:4px;padding:12px;font-family:inherit;font-weight:550}.fb-submit:hover{background:var(--accent-hover)}.fb-submit:disabled{opacity:.4;cursor:not-allowed}.fb-close-btn{margin-top:20px;color:var(--text-secondary)!important;border:1px solid var(--border-default)!important;background:0 0!important}.fb-close-btn:hover{background:var(--accent-subtle)!important;color:var(--text-primary)!important}.fb-type-group{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.fb-type-btn{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 14px;font-family:inherit}.fb-type-btn:hover{color:var(--text-secondary);border-color:var(--border-default);background:var(--accent-subtle)}.fb-type-btn.active{color:var(--accent);background:#6366f114;border-color:#6366f14d}.fb-icon-row{justify-content:center;margin-bottom:16px;display:flex}.fb-icon-circle{background:var(--accent-subtle);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.fb-success{padding:20px 0}.fb-success-icon{color:var(--color-success);justify-content:center;margin-bottom:16px;display:flex}@keyframes fbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fbSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fb-rating-section{margin-top:4px}.fb-section-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:left;margin-bottom:8px;font-weight:600;display:block}.fb-stars{justify-content:center;align-items:center;gap:4px;display:flex}.fb-star{cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;padding:0 2px;font-family:inherit;font-size:28px;line-height:1}.fb-star.active{color:#f59e0b;transform:scale(1.1)}.fb-star:hover{color:#f59e0b;transform:scale(1.15)}.fb-star-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:left;min-width:3em;margin-left:8px}@media (width<=480px){.fb-modal{padding:32px 20px 24px}}.page-layout{background:#f3f1ec;flex-direction:column;min-height:100dvh;display:flex}.page-layout:not(.page-layout--facade){height:100dvh;overflow:hidden}.page-main{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-x:clip}.page-layout:not(.page-layout--facade) .page-main{overflow:hidden}.page-layout--facade{height:auto;min-height:100dvh;overflow:visible}.page-layout--facade .page-main{flex:1 0 auto;min-height:auto;overflow:visible}.page-layout--facade .page-transition{flex:1 0 auto;height:auto;min-height:auto;animation:none;overflow:visible}@media (width<=767px){.page-layout:not(.page-layout--facade){height:auto;min-height:100dvh;padding-bottom:0;overflow:hidden visible}.page-layout:not(.page-layout--facade) .page-main,.page-layout:not(.page-layout--facade) .page-transition{min-height:0;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));flex:1 0 auto;overflow:visible}.page-layout:not(.page-layout--facade) .page-transition{padding-bottom:0}}@media (width<=900px) and (orientation:landscape){.page-layout:not(.page-layout--facade):has(.workspace-page--solving){height:100dvh;overflow:hidden}:is(.page-layout:not(.page-layout--facade):has(.workspace-page--solving) .page-main,.page-layout:not(.page-layout--facade):has(.workspace-page--solving) .page-transition){flex:1;height:100%;min-height:0;padding-bottom:0;overflow:hidden}}.page-transition{flex-direction:column;flex:1;min-height:0;animation:.22s cubic-bezier(.22,1,.36,1) page-enter;display:flex}.page-layout:not(.page-layout--facade) .page-transition{overflow:hidden}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}.landing{--lp-ink:#1d1d1f;--lp-paper:#f5f5f7;--lp-muted:#6e6e73;--lp-soft:#86868b;--lp-line:#00000014;--lp-accent:#0071e3;--lp-ember:#2997ff;--lp-teal:#86868b;--lp-cream:#fff;--lp-ease:cubic-bezier(.22, 1, .36, 1);--lp-serif:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;background:var(--lp-paper);width:100%;min-height:100dvh;color:var(--lp-ink);display:block;position:relative;overflow:visible}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(320px,1.05fr);width:100%;min-height:100dvh;display:grid;position:relative}.landing-hero-copy{width:100%;max-width:560px;animation:landing-rise .85s var(--lp-ease) both;flex-direction:column;justify-content:center;justify-self:end;padding:clamp(48px,10vh,96px) clamp(28px,4vw,56px);display:flex}.landing-brand-row{align-items:center;gap:14px;margin-bottom:36px;display:flex}.landing-logo-svg{color:var(--lp-ink);flex-shrink:0}.landing-brand-text{flex-direction:column;gap:2px;display:flex}.landing-brand{font-family:var(--lp-serif);letter-spacing:.04em;margin:0;font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:650;line-height:1.1}.landing-brand-en{letter-spacing:.28em;text-transform:uppercase;color:var(--lp-soft);margin:0;font-size:.7rem}.landing-headline{font-family:var(--lp-serif);letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(2.35rem,5.2vw,3.75rem);font-weight:600;line-height:1.1}.landing-headline em{color:var(--lp-accent);font-style:normal}.landing-support{max-width:26em;color:var(--lp-muted);margin:0 0 40px;font-size:1.05rem;line-height:1.75}.landing-mode-cards{grid-template-columns:1fr 1fr;gap:12px;max-width:440px;display:grid}.landing-mode-card{background:var(--lp-ink);color:var(--lp-cream);text-align:left;cursor:pointer;transition:transform .18s var(--lp-ease), box-shadow .18s ease;border:1px solid #0000001a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 16px 18px;font-family:inherit;display:flex}.landing-mode-card--ghost{color:var(--lp-ink);background:#fffcf7b8}.landing-mode-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0000001f}.landing-mode-card-kicker{letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:.68rem}.landing-mode-card-title{font-family:var(--lp-serif);letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.landing-mode-card-body{opacity:.78;font-size:.82rem;line-height:1.5}@media (width<=560px){.landing-mode-cards{grid-template-columns:1fr;max-width:none}}.landing-cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-cta-row--center{justify-content:center}.landing-submit{background:var(--lp-ink);color:var(--lp-cream);letter-spacing:.03em;cursor:pointer;transition:transform .18s var(--lp-ease), background .18s ease, box-shadow .18s ease;touch-action:manipulation;border:none;border-radius:999px;padding:14px 30px;font-family:inherit;font-size:.94rem;font-weight:550}.landing-submit--lg{padding:17px 40px;font-size:1.02rem}.landing-submit:hover{background:#2c2822;transform:translateY(-2px);box-shadow:0 12px 28px #0000002e}.landing-submit:active{transform:translateY(0)scale(.98)}.landing-ghost{color:#3a3630;cursor:pointer;transition:border-color .18s ease, color .18s ease, background .18s ease, transform .18s var(--lp-ease);touch-action:manipulation;background:0 0;border:1.5px solid #0000002e;border-radius:999px;padding:13px 22px;font-family:inherit;font-size:.9rem}.landing-ghost:hover{border-color:var(--lp-ink);color:var(--lp-ink);background:#fffcf780}.landing-ghost:active{transform:scale(.98)}.landing-hero-visual{border-left:1px solid var(--lp-line);background:radial-gradient(70% 55% at 55% 38%,#0071e31a,#0000 58%),radial-gradient(45% 40% at 20% 75%,#00000029,#0000 50%),linear-gradient(152deg,#ebe3d6 0%,#ddd2c0 42%,#cfc2ad 100%);justify-content:center;align-items:center;min-height:100%;padding:clamp(40px,8vh,72px) clamp(28px,5vw,56px);display:flex;position:relative;overflow:hidden}.landing-hero-glow{pointer-events:none;background:radial-gradient(#0071e31a 0%,#0000 68%);width:75%;height:60%;animation:7s ease-in-out infinite lp-glow;position:absolute;top:15%;left:12%}.landing-hero-grain{opacity:.35;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:absolute;inset:0}.landing-hero-poster{z-index:1;aspect-ratio:4/5;background:var(--lp-cream);border:1px solid #0000000f;justify-content:center;align-items:center;width:min(94%,460px);padding:8% 6%;display:flex;position:relative;box-shadow:0 4px 8px #0000000a,0 28px 64px #00000024}.landing-hero-art-wrap{z-index:1;perspective:800px;width:100%;animation:9s ease-in-out infinite lp-float;position:relative}.landing-hero-art-inner{width:100%;transform-style:preserve-3d;transform:translate3d(var(--lp-px,0px), var(--lp-py,0px), 0) rotateX(var(--lp-rx,0deg)) rotateY(var(--lp-ry,0deg));will-change:transform}.landing-hero-visual .landing-story-art{width:100%}.landing-scroll-hint{z-index:3;color:var(--lp-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;padding:8px 12px;animation:1.2s .8s both lp-hint-fade;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.landing-scroll-hint__line{transform-origin:top;background:linear-gradient(#b8aea0,#0000);width:1px;height:36px;animation:2.2s ease-in-out infinite lp-hint-pulse;display:block}.landing-scroll-hint__label{letter-spacing:.3em;text-transform:uppercase;font-size:.62rem}.landing-manifesto{background:radial-gradient(ellipse 60% 45% at 50% 45%, #c2410c0f, transparent 62%), var(--lp-paper);border-top:1px solid var(--lp-line);justify-content:center;align-items:center;min-height:0;padding:clamp(48px,7vh,80px) clamp(24px,6vw,80px);display:flex}.landing-manifesto-inner{text-align:center;max-width:820px}.landing-manifesto-kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--lp-soft);margin:0 0 20px;font-size:.74rem}.landing-manifesto-title{font-family:var(--lp-serif);letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:600;line-height:1.06}.landing-manifesto-title span{color:var(--lp-accent)}.landing-manifesto-lead{max-width:28em;color:var(--lp-muted);margin:0 auto;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.8}.landing-story{background:var(--lp-paper);width:100%;color:var(--lp-ink);border-top:1px solid var(--lp-line);position:relative}@media (width>=901px){.landing-story{height:320vh;min-height:320vh}}.landing-story-pin{background:radial-gradient(60% 50% at 50% 40%,#e86a3a1f,#0000 62%),linear-gradient(165deg,#e6dccb 0%,#d4c7b0 100%);justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}.landing-story-stage{justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(20px,3vh,36px) clamp(20px,4vw,48px);display:flex;position:relative}.landing-story-plate{background:var(--lp-cream);border:1px solid #0000000f;flex-direction:column;width:min(100%,560px);height:min(88vh,720px);padding:20px 20px 18px;transition:background .5s;display:flex;position:relative;box-shadow:0 4px 12px #0000000d,0 36px 80px #00000029}.landing-story-plate[data-stage=compose]{background:linear-gradient(#fff 0%,#f3e9db 100%)}.landing-story-plate[data-stage=reason]{background:linear-gradient(#f7fbfa 0%,#dfece7 100%)}.landing-story-plate[data-stage=explain]{background:linear-gradient(#fffaf5 0%,#f0e0d2 100%)}.landing-story-plate[data-stage=check]{background:linear-gradient(#faf8f4 0%,#ebe2d4 100%)}.landing-story-art-live{transform-origin:50%;will-change:transform;flex:1;width:100%;min-height:0;position:relative}.landing-story-art-layer{transition:opacity .4s var(--lp-ease);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-story-art-layer .landing-story-art{width:min(100%,440px);max-height:100%}.landing-story-caption{flex-direction:column;gap:6px;padding:8px 4px 4px;display:flex}.landing-story-caption-kicker{letter-spacing:.28em;color:var(--lp-accent);font-size:.68rem}.landing-story-caption-title{font-family:var(--lp-serif);letter-spacing:-.02em;color:var(--lp-ink);margin:0;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:600;line-height:1.2}.landing-story-track{background:#00000014;border-radius:2px;height:2px;margin:14px 0 0;position:relative;overflow:hidden}.landing-story-track-fill{background:linear-gradient(90deg, var(--lp-accent), var(--lp-ember));transform-origin:0;will-change:transform;width:100%;height:100%;transform:scaleX(0)}.landing-story-beats{justify-content:space-between;gap:12px;margin-top:10px;display:flex}.landing-story-beat{letter-spacing:.18em;color:#00000038;transition:color .35s var(--lp-ease), transform .35s var(--lp-ease);font-size:.68rem}.landing-story-beat.is-done{color:#c2410c80}.landing-story-beat.is-active{color:var(--lp-accent);transform:scale(1.12)}@media (width>=901px){.landing-story-copy{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.landing-story-copy{background:var(--lp-paper);position:relative}.landing-story-slide{background:var(--lp-paper);flex-direction:column;justify-content:center;padding:clamp(48px,10vh,88px) clamp(32px,5vw,64px);display:flex;position:absolute;inset:0}.landing-story-slide-art{display:none}.landing-story-slide-title{font-family:var(--lp-serif);letter-spacing:-.025em;color:var(--lp-ink);margin:0 0 18px;font-size:clamp(2rem,4vw,3.1rem);font-weight:600;line-height:1.12}.landing-story-slide-body{max-width:22em;color:var(--lp-muted);margin:0;font-size:1.08rem;line-height:1.8}.landing-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--lp-soft);margin:0 0 14px;font-size:.72rem}.landing-story-art{height:auto;display:block}.lp-shadow{fill:#00000038;opacity:.7}.lp-grid{transform-origin:240px 260px;animation:16s ease-in-out infinite lp-grid-drift}.lp-grid--soft line,.lp-grid line,.lp-grid-line{fill:none;stroke:#0000001f;stroke-width:1.2px}.lp-solid{transform-origin:240px 260px;animation:7.5s ease-in-out infinite lp-breathe}.lp-face{stroke:none;opacity:1}.lp-face--top{fill:#0071e31a}.lp-face--side{fill:#0000000a}.lp-face--front{fill:#ffffffeb}.lp-face--lit{fill:#0071e32e}.lp-edge{fill:none;stroke:#1d1d1f;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round;stroke-opacity:.9}.lp-edge--ghost{stroke-opacity:.28;stroke-dasharray:5 7;stroke-width:1.8px}.lp-slash{fill:none;stroke:var(--lp-accent);stroke-width:3.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.92}.lp-slash--face{stroke:var(--lp-teal);stroke-width:2.8px;opacity:.8}.lp-slash--parallel{stroke:var(--lp-teal);stroke-width:3px;opacity:.85}.lp-slash--parallel-b{stroke:var(--lp-accent);stroke-width:2.6px;opacity:.85}.lp-slash--perp{stroke:var(--lp-accent);stroke-width:3.2px}.lp-slash--step{stroke:var(--lp-accent);stroke-width:3.8px}.lp-arc{fill:none;stroke:var(--lp-teal);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.75}.lp-board-plate{fill:#ffffffeb;stroke:#0000001a;stroke-width:1.5px;filter:drop-shadow(0 8px 18px #00000014)}.lp-board-line{stroke:#00000059;stroke-width:2.8px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.75}.lp-board-line--accent{stroke:var(--lp-accent);stroke-width:3.4px;opacity:.9}.lp-ring{fill:none;stroke:#0071e359;stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:0;opacity:.7}.lp-confirm{fill:none;stroke:var(--lp-teal);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;animation:lp-confirm-in 1s var(--lp-ease) .2s both}.lp-node{fill:var(--lp-accent);stroke:#fff;stroke-width:2px;opacity:1;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite lp-node-pulse}.lp-node--teal{fill:var(--lp-teal);animation-delay:.45s}.landing-story-art--hero .lp-slash--diag,.landing-story-art--hero .lp-slash--face{animation:4.5s ease-in-out .4s infinite lp-slash-pulse}.landing-story-art--reason .lp-face--top{fill:#0000000a}.landing-story-art--reason .lp-face--side{fill:#0071e31a}.landing-story-art--reason .lp-face--front{fill:#fffffff2}.landing-story-art--explain .lp-face--lit{fill:#0071e338}.landing-story-art--check .lp-face--top{fill:#0071e31f}.landing-story-art--check .lp-face--side{fill:#0000000f}.landing-story-art--check .lp-face--front{fill:#fffffff2}.landing-story-art--moment .lp-face--lit{fill:#0071e32e}.landing-story-art--moment .lp-face--side{fill:#0000000d}.landing-story-art--moment .lp-face--top{fill:#00000014}.landing-story-art--cylinder .lp-face--top{fill:#0071e3d9}.landing-story-art--cylinder .lp-face--side{fill:#0000000f}.landing-story-art--cylinder .lp-face--front{fill:#fffffff5}.landing-coverage{border-top:1px solid var(--lp-line);background:var(--lp-paper);padding:clamp(48px,8vh,88px) clamp(20px,4vw,48px)}.landing-coverage-inner{max-width:980px;margin:0 auto}.landing-coverage-title{font-family:var(--lp-serif);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.7rem,3.6vw,2.6rem)}.landing-coverage-lead{max-width:36em;color:var(--lp-muted);margin:0 0 28px;line-height:1.7}.landing-coverage-grid{grid-template-columns:1fr 1fr;gap:28px 48px;margin-bottom:28px;display:grid}.landing-coverage-col h3{margin:0 0 12px;font-size:1.05rem}.landing-coverage-col ul{margin:0;padding:0;list-style:none}.landing-coverage-col li{border-top:1px solid var(--lp-line);justify-content:space-between;gap:16px;padding:10px 0;font-size:.94rem;display:flex}.landing-coverage-col em{color:var(--lp-accent);font-style:normal}@media (width<=700px){.landing-coverage-grid{grid-template-columns:1fr}}.landing-gallery{background:var(--lp-paper);border-top:1px solid var(--lp-line);padding:clamp(48px,7vh,72px) clamp(20px,4vw,48px)}.landing-gallery-inner{max-width:1080px;margin:0 auto}.landing-gallery-title{font-family:var(--lp-serif);letter-spacing:-.02em;margin:0 0 40px;font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:600;line-height:1.15}.landing-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.landing-gallery-card{aspect-ratio:1;justify-content:center;align-items:center;margin:0;padding:12%;display:flex;overflow:hidden;box-shadow:0 16px 40px #00000014}.landing-gallery-card .landing-story-art{width:100%;max-height:100%}.landing-gallery-card--cube{background:linear-gradient(160deg,#e8e8ed,#e2d4c0)}.landing-gallery-card--prism{background:linear-gradient(160deg,#e4efe9,#d0e2db)}.landing-gallery-card--pyramid{background:linear-gradient(160deg,#f3e4d6,#e8cfc0)}.landing-gallery-card--cylinder{background:linear-gradient(160deg,#e8ebe4,#d5ddd4)}.landing-gallery-card .lp-solid{animation-duration:10s}.landing-moment{background:radial-gradient(ellipse 50% 40% at 72% 18%, #e86a3a14, transparent 55%), var(--lp-paper);color:var(--lp-ink);border-top:1px solid var(--lp-line);padding:clamp(48px,7vh,80px) clamp(24px,5vw,64px)}.landing-moment-inner{max-width:1080px;margin:0 auto}.landing-moment-title{font-family:var(--lp-serif);letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:600;line-height:1.12}.landing-moment-lead{max-width:30em;color:var(--lp-muted);margin:0 0 44px;font-size:1.06rem;line-height:1.75}.landing-moment-frame{background:var(--lp-cream);border:1px solid #0000000f;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:380px;display:grid;overflow:hidden;box-shadow:0 28px 64px #00000014}.landing-moment-pane{padding:36px 28px;position:relative}.landing-moment-pane--steps{border-right:1px solid var(--lp-line);background:#fffcf7e6;align-items:center;display:flex}.landing-moment-pane--viz{background:radial-gradient(55% 50% at 50% 48%,#e86a3a2e,#0000 68%),linear-gradient(165deg,#ebe2d4,#dccfb8);justify-content:center;align-items:center;display:flex}.landing-moment-art{width:min(90%,360px)}.landing-moment-art .landing-story-art{width:100%}.landing-moment-pane--steps ol{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.landing-moment-pane--steps li{color:var(--lp-soft);border:1px solid #0000;align-items:center;gap:12px;padding:14px 12px;font-size:.94rem;line-height:1.45;display:flex}.landing-moment-pane--steps li i{width:24px;height:24px;color:var(--lp-soft);border:1px solid #0000001f;border-radius:50%;flex-shrink:0;place-items:center;font-size:.7rem;font-style:normal;font-weight:600;display:grid}.landing-moment-pane--steps li.is-done{color:var(--lp-muted)}.landing-moment-pane--steps li.is-done i{color:var(--lp-ink);background:#00000014;border-color:#0000}.landing-moment-pane--steps li.is-current{color:var(--lp-teal);background:#0000001f;border-color:#0006}.landing-moment-pane--steps li.is-current i{background:var(--lp-teal);border-color:var(--lp-teal);color:#fff}.landing-end{text-align:center;background:radial-gradient(ellipse 65% 50% at 50% 90%, #0071e30f, transparent 52%), var(--lp-paper);border-top:1px solid var(--lp-line);padding:clamp(56px,8vh,88px) clamp(24px,5vw,64px)}.landing-end-inner{max-width:560px;margin:0 auto}.landing-end-title{font-family:var(--lp-serif);letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:600}.landing-end-lead{color:var(--lp-muted);margin:0 0 36px;font-size:1.06rem;line-height:1.75}.landing-footer{letter-spacing:.2em;color:var(--lp-soft);border-top:1px solid var(--lp-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:28px 24px 40px;font-size:.72rem;display:flex}.landing-footer-dot{opacity:.45}.lp-reveal{opacity:.35;transition:opacity .55s var(--lp-ease), transform .55s var(--lp-ease);transform:translateY(16px)}.lp-reveal--in{opacity:1;transform:translateY(0)}@keyframes landing-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-float{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-14px)rotate(.7deg)}}@keyframes lp-breathe{0%,to{transform:rotate(-.8deg)scale(1)}50%{transform:rotate(1deg)scale(1.025)}}@keyframes lp-grid-drift{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(4px,-3px)}}@keyframes lp-node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes lp-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes lp-slash-pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes lp-confirm-in{0%{opacity:0;stroke-dasharray:140;stroke-dashoffset:140px}to{opacity:.9;stroke-dasharray:140;stroke-dashoffset:0}}@keyframes lp-hint-fade{0%{opacity:0}to{opacity:1}}@keyframes lp-hint-pulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.25)}}@media (width<=900px){.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-hero-copy{justify-self:stretch;max-width:none;padding:48px 24px 36px}.landing-hero-visual{border-left:none;border-top:1px solid var(--lp-line);min-height:72vw;max-height:520px;padding:36px 24px 48px}.landing-hero-poster{width:min(86%,360px)}.landing-scroll-hint{display:none}.landing-story-pin{background:var(--lp-paper);height:auto;display:block;position:relative;overflow:visible}.landing-story-stage{display:none}.landing-story-copy{clip:auto;white-space:normal;border-left:none;width:auto;height:auto;position:relative;overflow:visible}.landing-story-slide{opacity:1;border-bottom:1px solid var(--lp-line);padding:48px 24px;position:relative;inset:auto}.landing-story-slide-art{aspect-ratio:4/5;background:var(--lp-cream);justify-content:center;align-items:center;width:100%;margin:0 0 28px;padding:10%;display:flex;box-shadow:0 20px 48px #0000001a}.landing-story-slide-art .landing-story-art{width:100%}.landing-story-slide:first-child .landing-story-slide-art{background:linear-gradient(#fff,#e8e8ed)}.landing-story-slide:nth-child(2) .landing-story-slide-art{background:linear-gradient(#f7fbfa,#dceae4)}.landing-story-slide:nth-child(3) .landing-story-slide-art{background:linear-gradient(#fffaf5,#f0dfd0)}.landing-story-slide:nth-child(4) .landing-story-slide-art{background:linear-gradient(#faf8f4,#e8dfd0)}.landing-gallery-grid{gap:10px}.landing-moment-frame{grid-template-columns:1fr}.landing-moment-pane--steps{border-right:none;border-bottom:1px solid var(--lp-line)}.landing-manifesto{min-height:auto}}@media (width<=560px){.landing-gallery-title{margin-bottom:28px}.landing-headline{font-size:clamp(2.1rem,9vw,2.6rem)}}@media (prefers-reduced-motion:reduce){.landing-hero-art-wrap,.lp-solid,.lp-grid,.lp-node,.landing-hero-glow,.landing-story-art--hero .lp-slash--diag,.landing-story-art--hero .lp-slash--face,.lp-confirm,.landing-scroll-hint__line{animation:none}.landing-hero-art-inner,.landing-story-art-live{transform:none}.lp-slash,.lp-arc,.lp-board-line,.lp-ring,.lp-node,.lp-face,.lp-confirm{opacity:1;stroke-dashoffset:0}.lp-reveal{opacity:1;transform:none}.landing-story-art-layer{transition:none}}.error-boundary{background:var(--bg-deep);flex:1;justify-content:center;align-items:center;min-height:60vh;padding:32px;display:flex}.error-boundary-card{text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);max-width:400px;box-shadow:var(--shadow-md);flex-direction:column;align-items:center;padding:40px 32px;display:flex}.error-boundary-icon{width:48px;height:48px;color:var(--color-error);background:#f851491a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:24px;font-weight:700;display:flex}.error-boundary-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:8px;font-weight:600}.error-boundary-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.error-boundary-btn{border-radius:var(--radius-full);font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;padding:8px 20px;font-family:inherit;font-weight:500;text-decoration:none}.error-boundary-btn-primary{background:var(--accent);color:var(--text-inverse);border:none}.error-boundary-btn-primary:hover{background:var(--accent-hover)}.error-boundary-btn-secondary{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.error-boundary-btn-secondary:hover{border-color:var(--border-emphasis);color:var(--text-primary)}:root{--brand-blue:#4a90e2;--brand-blue-light:#6ba3e8;--brand-blue-dark:#3b7ac9;--brand-gradient:linear-gradient(135deg, #4a90e2, #6ba3e8);--bg-deep:#fff;--bg-base:#f7f9fc;--bg-surface:#fff;--bg-elevated:#eef3fa;--bg-overlay:#4a90e226;--bg-glass:#ffffffeb;--border-subtle:#e4ebf5;--border-default:#d0dcf0;--border-emphasis:#a0b8d8;--border-focus:#4a90e2;--text-primary:#1a2b3c;--text-secondary:#4a5568;--text-muted:#718096;--text-inverse:#fff;--accent:#4a90e2;--accent-hover:#3b7ac9;--accent-subtle:#4a90e214;--accent-pressed:#4a90e226;--color-success:#52c41a;--color-warning:#faad14;--color-error:#ff4d4f;--color-info:#4a90e2;--shadow-xs:0 1px 3px #4a90e20f;--shadow-sm:0 2px 8px #4a90e214;--shadow-md:0 4px 16px #4a90e21a;--shadow-lg:0 8px 32px #4a90e21f;--shadow-xl:0 12px 48px #4a90e226;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Consolas", "Courier New", monospace;--font-math:"Cambria Math", "Georgia", "Times New Roman", serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:60px;--subject-math:#4a90e2;--subject-math-light:#eef5fc;--subject-physics:#00b4d8;--subject-physics-light:#e0f7fa}[data-theme=dark]{--bg-deep:#0d0d0d;--bg-base:#161616;--bg-surface:#1f1f1f;--bg-elevated:#2a2a2a;--bg-overlay:#4a90e226;--bg-glass:#1f1f1ff2;--border-subtle:#333;--border-default:#3d3d3d;--border-emphasis:#4a4a4a;--text-primary:#f5f5f5;--text-secondary:#b3b3b3;--text-muted:gray;--text-inverse:#0d0d0d;--accent-subtle:#4a90e21f;--accent-pressed:#4a90e233;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 12px #0000008c;--shadow-lg:0 8px 24px #0009;--shadow-xl:0 12px 40px #000000a6;--color-primary-light:#4a90e214;--color-primary-glow:#4a90e20a;--color-success-light:#4ade8014;--color-warning-light:#fbbf2414;--color-error-light:#f8717114;--color-gold-light:#fbbf2414;--color-pro-light:#4a90e214;--color-teacher-light:#fbbf2414;--color-free-light:#4a90e208;--color-bg-hover:#4a90e20f;--badge-pro-bg:#4a90e21f;--badge-teacher-bg:#fbbf241f}[data-theme=dark] .glass{border-color:#ffffff0f}[data-theme=dark] .glass-strong{background:#1a1a22d9}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=dark] *{scrollbar-color:#ffffff1f transparent}[data-theme=dark] ::selection{color:var(--text-primary);background:#ffffff1f}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff80}.glass-strong{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);background:#ffffffd9}:root{--color-primary:var(--text-primary);--color-primary-dark:var(--text-secondary);--color-primary-light:#6366f10f;--color-primary-glow:#6366f108;--color-success-light:#16a34a14;--color-warning-light:#d9770614;--color-error-light:#dc262614;--color-gold:var(--color-warning);--color-gold-light:#d9770614;--color-gold-dark:#b45309;--color-pro:#6366f1;--color-pro-light:#6366f114;--color-pro-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--color-teacher:#f59e0b;--color-teacher-light:#f59e0b14;--color-teacher-gradient:linear-gradient(135deg, #f59e0b, #d97706);--color-free:var(--text-muted);--color-free-light:#00000005;--color-text:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border:var(--border-default);--color-border-light:var(--border-subtle);--color-bg:var(--bg-deep);--color-bg-alt:var(--bg-surface);--color-bg-hover:#6366f10a;--badge-pro-bg:#6366f11a;--badge-pro-text:#6366f1;--badge-teacher-bg:#f59e0b1a;--badge-teacher-text:#f59e0b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{width:100%;margin:0;padding:0;overflow-x:clip}html:not(.is-landing),body:not(.is-landing){height:100%}#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:clip}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-deep);color:var(--text-primary);letter-spacing:-.01em;line-height:1.5;overflow-y:auto}html.is-landing,html.is-landing body{color:#1d1d1f;background:#f5f5f7;height:auto;min-height:100%;overflow:visible}html.is-landing #root{background:#f5f5f7;height:auto;min-height:100%;overflow:visible}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::selection{color:var(--text-primary);background:#0000001a}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}*{scrollbar-width:thin;scrollbar-color:#0000001f transparent}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none}a,[role=button],.nav-link,.app-nav-link,.mb-nav-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea{color:inherit;font-family:inherit}.app-container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding-left:24px;padding-right:24px}@media (width<=767px){.app-container{padding-left:16px;padding-right:16px}}[data-theme=dark] .landing{background:var(--lp-paper,#f5f5f7);color:var(--lp-ink,#1d1d1f)}[data-theme=dark] .cc-capture-btn,[data-theme=dark] .pi-textarea,[data-theme=dark] .ac-input,[data-theme=dark] .pi-example-btn{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .cc-capture-btn:hover,[data-theme=dark] .pi-example-btn:hover{background:var(--accent-subtle);border-color:var(--accent)}[data-theme=dark] .cc-capture-text,[data-theme=dark] .pi-example-btn{color:var(--text-secondary)}[data-theme=dark] .cc-capture-hint,[data-theme=dark] .pi-hint,[data-theme=dark] .ac-input::placeholder,[data-theme=dark] .pi-textarea::placeholder,[data-theme=dark] .ac-sug-type{color:var(--text-muted)}[data-theme=dark] .cc-preview,[data-theme=dark] .ac-suggestions{border-color:var(--border-default)}[data-theme=dark] .cc-preview-img{background:var(--bg-elevated)}[data-theme=dark] .cc-preview-actions,[data-theme=dark] .cc-btn-ghost{background:var(--bg-surface);border-color:var(--border-default)}[data-theme=dark] .cc-btn-ghost{color:var(--text-secondary)}[data-theme=dark] .cc-btn-ghost:hover:not(:disabled){background:var(--bg-elevated)}[data-theme=dark] .cc-error,[data-theme=dark] .pi-error,[data-theme=dark] .ac-message.error{color:#ef4444;background:#ef444414;border-color:#ef444426}[data-theme=dark] .cc-status,[data-theme=dark] .pi-success,[data-theme=dark] .ac-message.success{color:#22c55e;background:#22c55e14;border-color:#22c55e26}[data-theme=dark] .cc-title,[data-theme=dark] .pi-title,[data-theme=dark] .ac-suggestion-item{color:var(--text-primary)}[data-theme=dark] .ac-input:focus{background:var(--bg-surface)}[data-theme=dark] .ac-btn{background:var(--bg-elevated);border-color:var(--border-default)}[data-theme=dark] .ac-btn:hover,[data-theme=dark] .ac-suggestion-item:hover,[data-theme=dark] .ac-suggestion-item.active{background:var(--accent-subtle);color:var(--text-primary)}[data-theme=dark] .pi-textarea:focus{background:var(--bg-surface)}[data-theme=dark] .pi-examples{border-top-color:var(--border-subtle)}[data-theme=dark] .pi-examples h4{color:var(--text-muted)}[data-theme=dark] .len-toggle,[data-theme=dark] .line-remove{background:var(--bg-elevated);border-color:var(--border-default)}[data-theme=dark] .edge-property-panel{background:var(--bg-surface);border-color:var(--border-default)}[data-theme=dark] .app-nav-plan-badge.free{background:#ffffff0d}[data-theme=dark] .pp-toggle{background:var(--bg-elevated)}[data-theme=dark] .settings-key-toggle{color:var(--text-secondary)}[data-theme=dark] .settings-key-toggle:hover{color:var(--text-primary)}[data-theme=dark] .wp-quick-input{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .control-panel-mobile,[data-theme=dark] .pricing-card{background:var(--bg-surface)}[data-theme=dark] .ep-color-input{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3px var(--border-emphasis)}[data-theme=dark] .lc-len-input{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3px var(--accent)}@media (width<=767px){body{-webkit-overflow-scrolling:touch;overflow:auto}html,body,#root{height:auto;min-height:100dvh}}