:root{--bg-primary: #0a0a0a;--bg-secondary: #121214;--bg-tertiary: #1a1a1c;--bg-card: rgba(16, 16, 20, .65);--bg-green-light: #121214;--bg-green-section: #0a0a0a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--text-dark: #ffffff;--text-dark-secondary: rgba(255, 255, 255, .75);--accent-orange: #fff;--accent-blue: #10b981;--accent-green: #34d399;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #0ea5e9;--border-light: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--shadow-card: 0 24px 80px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-hover: 0 18px 38px rgba(0, 0, 0, .6);--shadow-primary: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 18px 40px rgba(0, 0, 0, .5);--primary-gradient: linear-gradient(135deg, #10b981, #059669);--accent-gold: #f59e0b;--font-heading: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "IBM Plex Mono", SFMono-Regular, Consolas, monospace}body{font-family:var(--font-body);background:#edf6f1;color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;letter-spacing:-.04em}:focus-visible{outline:2px solid #34d399;outline-offset:2px}@media print{header,footer,nav,.history-overlay,.edit-dialog-overlay,.step-progress,.no-print,button,.reverse-form-container:before{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.5}.result-display,.generator-form,.reverse-form-container{background:#fff!important;color:#000!important;border:none!important;box-shadow:none!important;max-width:100%!important;padding:0!important;margin:0!important}h1,h2,h3,h4,h5,h6{color:#000!important}a{color:#000!important;text-decoration:underline}pre,code{background:#f5f5f5!important;color:#000!important;border:1px solid #ddd!important}@page{margin:2cm}}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid var(--border-light)}.header-container{max-width:1280px;margin:0 auto;padding:0 28px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.nav-buttons-group{display:flex;align-items:center;gap:8px}.header .header-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;transition:all .2s ease;cursor:pointer;box-sizing:border-box}.header .header-nav-btn:hover:not(.disabled){background:#eef2ee;color:var(--text-primary);transform:translateY(-1px)}.header .header-nav-btn.disabled{opacity:.4;cursor:not-allowed}.header .logo{display:flex;align-items:center;gap:10px;min-width:0}.header .logo-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:#ffffffeb;box-shadow:0 4px 12px #1414131a;overflow:hidden}.header .logo-icon img{width:100%;height:100%;display:block;object-fit:cover}.header .logo-text{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap}.header .header-nav{display:flex;align-items:center;gap:32px}.header .nav-link{position:relative;font-size:14px;font-weight:500;color:#fffc;transition:color .2s ease}.header .nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--text-primary);border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.header .nav-link:hover{color:#000000eb}.header .nav-link:hover:after{transform:scaleX(1)}.header .header-right{display:flex;align-items:center;justify-content:flex-end;min-width:0}.header-actions{display:flex;align-items:center;gap:12px}.btn-outline{display:inline-flex;align-items:center;gap:4px;padding:9px 20px;font-size:14px;font-weight:500;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-light);border-radius:999px;transition:all .24s ease;white-space:nowrap}.btn-outline:hover{border-color:#ffffff4d;color:#fff;background:#ffffff14;transform:translateY(-2px)}.header .header-user-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.header .user-pill,.header .points-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary)}.header .user-pill{gap:8px}.header .user-phone{font-size:12px;font-weight:500}.header .user-membership{padding:3px 7px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em}.header .user-membership.free{background:#ffffff1a;color:var(--text-secondary)}.header .user-membership.basic{background:#3b82f633;color:#60a5fa}.header .user-membership.premium{background:#eab30833;color:#facc15}.header .points-pill{font-size:12px;font-weight:500;color:#4ade80}.header .points-pill svg{color:#4ade80}.header .header-action-btn{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);font-size:12px;font-weight:500;transition:all .24s ease;white-space:nowrap}.header .header-action-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff4d;transform:translateY(-2px)}.header .header-action-btn.primary{background:var(--primary-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px #10b9814d;font-weight:600}.header .header-action-btn.primary:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.header .provider-toggle{background:var(--bg-card);border-color:var(--border-light);color:var(--text-secondary)}.header .provider-toggle:hover{background:#ffffff14}.header .provider-toggle.active-glm{background:#818cf826;border-color:#818cf84d;color:#818cf8}.header .provider-toggle.active-glm:hover{background:#818cf840}.header .provider-toggle.active-kimi{background:#22d3ee26;border-color:#22d3ee4d;color:#22d3ee}.header .provider-toggle.active-kimi:hover{background:#22d3ee40}.header .logout-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.header .mobile-menu-btn{display:none;padding:8px;color:var(--text-primary);background:none;border:none;cursor:pointer}.header .mobile-menu{display:none;margin-top:8px;padding:12px 16px;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-radius:16px;border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.header .mobile-nav-link,.header .mobile-action-link{display:block;width:100%;padding:11px 0;color:var(--text-primary);font-size:14px;font-weight:500;text-align:left;background:none;border-bottom:1px solid var(--border-light);cursor:pointer}.header .mobile-nav-link:hover,.header .mobile-action-link:hover{color:var(--success)}.mobile-action-link{border:none}.mobile-login{color:var(--success)!important;font-weight:700!important;border-top:1px solid var(--border-light)!important;margin-top:4px;padding-top:14px!important}@media(max-width:1100px){.header .header-nav,.header .header-user-panel,.header-actions{display:none}.header .mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.header .mobile-menu{display:block}}@media(max-width:768px){.header-container{padding:0 18px;min-height:62px}.header .logo-icon{width:32px;height:32px}.header .logo-text{font-size:14px}}@media(max-width:480px){.header .logo-text{display:none}}.header .notification-btn{position:relative}.notification-dot{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:999px;border:2px solid var(--bg-card)}.mobile-notification-link{display:inline-flex;align-items:center;position:relative}.mobile-notification-badge{margin-left:6px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:999px}.combos-hero-section{display:flex;align-items:center;justify-content:center;min-height:max(700px,100dvh);width:100%;position:relative;z-index:2;text-align:center;color:#17352e}.combos-hero-content{display:flex;flex-direction:column;align-items:center;padding:144px 28px 92px;max-width:920px;margin:0 auto;position:relative}.combos-hero-content:before{content:"";position:absolute;inset:96px -28px 36px;border-radius:48% 52% 46% 54%/58% 44% 56% 42%;background:#ffffff61;filter:blur(2px);z-index:-1}.combos-hero-eyebrow{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.16em;color:#19453bad;margin:0 0 14px;text-transform:uppercase}.combos-hero-tech-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px 6px 14px;margin-bottom:18px;background:#ffffff9e;border:1px solid rgba(34,197,94,.24);border-radius:100px;animation:badge-pulse 3s ease-in-out infinite;box-shadow:0 12px 28px #0f766e14}.tech-badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:dot-blink 2s ease-in-out infinite}.tech-badge-text{font-family:var(--font-heading);font-size:13px;font-weight:500;color:#17352ec7;letter-spacing:.02em}.tech-badge-text strong{color:#22c55e;font-weight:700;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes badge-pulse{0%,to{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 16px 2px #22c55e1f}}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.5}}.combos-hero-title{font-family:"PingFang SC","Noto Sans SC","Outfit",var(--font-heading),sans-serif;font-size:clamp(22px,5.5vw,52px);font-weight:700;line-height:1.15;margin:0 auto;letter-spacing:.04em;white-space:nowrap;text-align:center;background:linear-gradient(135deg,#0f513f,#059669 30%,#0e7490 62%,#2563eb);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 8px 18px rgba(15,118,110,.18));animation:hero-title-shimmer 4s ease-in-out infinite alternate}@keyframes hero-title-shimmer{0%{background-position:0% 0%;filter:drop-shadow(0 8px 18px rgba(15,118,110,.18))}to{background-position:100% 100%;filter:drop-shadow(0 10px 20px rgba(37,99,235,.18))}}.combos-hero-divider{width:64px;height:3px;margin:28px auto 0;border-radius:2px;background:linear-gradient(90deg,#10b981,#06b6d4,#f59e0b)}.combos-hero-body{font-family:var(--font-body);font-size:clamp(15px,2vw,18px);line-height:1.8;color:#17352ec2;margin:24px auto 0;max-width:40rem;font-weight:400;letter-spacing:.02em}.combos-hero-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px}.combos-hero-benefit{margin-top:18px;padding:8px 16px;border-radius:999px;background:#ffffffad;border:1px solid rgba(16,185,129,.26);color:#047857;font-size:13px;font-weight:700;line-height:1.6;box-shadow:0 14px 28px #0f766e14}.combos-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 32px;background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;font-family:var(--font-heading);font-size:17px;font-weight:700;border-radius:999px;border:none;cursor:pointer;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease;box-shadow:0 4px 24px #10b98159,0 0 0 1px #10b98133}.combos-primary-action:hover{transform:translateY(-3px);box-shadow:0 8px 36px #10b9818c,0 0 0 2px #10b98166}.combos-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 32px;background:#ffffff0a;border:1px solid rgba(21,94,117,.18);color:#155e75;font-family:var(--font-heading);font-size:17px;font-weight:600;border-radius:999px;cursor:pointer;text-decoration:none;transition:transform .24s ease,border-color .24s ease,color .24s ease,background-color .24s ease,box-shadow .24s ease}.combos-secondary-action:hover{background:#ffffffd1;border-color:#155e754d;color:#0f766e;transform:translateY(-3px);box-shadow:0 12px 28px #0f766e24}@media(max-width:768px){.combos-hero-section{min-height:max(640px,100dvh)}.combos-hero-content{padding:128px 20px 72px}.combos-hero-title{font-size:clamp(18px,5.8vw,52px);letter-spacing:.02em}.combos-hero-actions{flex-direction:column;width:100%;max-width:320px}.combos-hero-benefit{max-width:320px}.combos-primary-action,.combos-secondary-action{width:100%}}.features-section{--bg-card: rgba(255, 255, 255, .76);--text-primary: #17352e;--text-secondary: rgba(31, 73, 64, .76);--text-tertiary: rgba(31, 73, 64, .56);--border-light: rgba(24, 83, 70, .12);--shadow-card: 0 22px 54px rgba(15, 118, 110, .12), inset 0 1px 0 rgba(255, 255, 255, .74);padding:120px 0 100px;background:transparent;color:var(--text-primary);font-family:var(--font-body);position:relative;z-index:2}.features-container{max-width:1240px;margin:0 auto;padding:0 24px}.block-header{text-align:center;margin-bottom:64px;display:flex;flex-direction:column;align-items:center}.block-header.compact{margin-bottom:48px}.kicker{display:inline-block;font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--accent-blue);margin-bottom:14px;line-height:1.7;text-shadow:none}.block-title{font-family:var(--font-heading);font-size:clamp(34px,4vw,56px);font-weight:600;color:#17352e;line-height:1.08;margin:0;text-shadow:0 10px 26px rgba(15,118,110,.08)}.persona-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:100px;justify-items:center}.persona-card{background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-card);padding:40px 32px;text-align:left;transition:all .3s ease;width:100%}.persona-card:hover{background:#ffffffe6;border-color:var(--accent-blue);box-shadow:0 24px 56px #0f766e29;transform:translateY(-4px)}.persona-icon-wrap{width:48px;height:48px;border-radius:12px;background:#10b9811a;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--text-primary);border:1px solid rgba(16,185,129,.18)}.persona-header{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.persona-header h3{font-family:var(--font-heading);font-size:24px;margin:0;color:var(--text-primary);font-weight:600}.persona-header .subtitle{font-size:14px;color:var(--text-tertiary);font-family:var(--font-body);font-style:italic}.persona-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.persona-tags span{font-family:var(--font-mono);font-size:11px;padding:4px 10px;background:#10b9811a;color:var(--text-secondary);border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.persona-checks{list-style:none;padding:0;margin:0}.persona-checks li{position:relative;padding-left:24px;font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.persona-checks li:before{content:"—";position:absolute;left:0;top:0;color:var(--accent-blue);font-weight:600}.ai-engine-section{padding:64px 0;margin-bottom:100px;border-top:1px dashed rgba(21,94,117,.18);border-bottom:1px dashed rgba(21,94,117,.18)}.block-subtitle{font-size:15px;color:var(--text-tertiary);margin-top:8px;text-align:center;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6}.ai-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.ai-feature-card{padding:28px 24px;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-radius:20px;border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:all .3s ease;text-align:center}.ai-feature-card:hover{background:#ffffffe6;border-color:#22c55e;transform:translateY(-4px);box-shadow:0 24px 56px #0f766e29}.ai-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#22c55e14;border:1px solid rgba(34,197,94,.15);font-size:24px;margin-bottom:16px}.ai-feature-card h4{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.ai-feature-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:100px}.workflow-card{padding:32px 24px;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-card);position:relative;text-align:left;transition:all .3s ease}.workflow-card:hover{background:#ffffffe6;border-color:var(--accent-blue);box-shadow:0 24px 56px #0f766e29;transform:translateY(-4px)}.workflow-step-num{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;display:block}.workflow-card h3{font-family:var(--font-heading);font-size:18px;font-weight:600;margin:0 0 12px;color:var(--text-primary);line-height:1.3}.workflow-card p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.7}.faq-grid{display:flex;flex-direction:column;gap:24px;max-width:860px;margin:0 auto}.faq-item{padding:32px;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-card);transition:all .3s ease}.faq-item:hover{background:#ffffffe6;border-color:var(--accent-blue);box-shadow:0 24px 56px #0f766e29;transform:translateY(-2px)}.faq-item h4{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--accent-blue);margin:0 0 16px;line-height:1.4}.faq-item p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}@media(max-width:1024px){.persona-cards{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.ai-features-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid,.faq-grid{grid-template-columns:1fr}.block-title{font-size:28px}}.cases-section{--bg-card: rgba(255, 255, 255, .76);--text-primary: #17352e;--text-secondary: rgba(31, 73, 64, .76);--text-tertiary: rgba(31, 73, 64, .56);--border-light: rgba(24, 83, 70, .12);--shadow-card: 0 22px 54px rgba(15, 118, 110, .12), inset 0 1px 0 rgba(255, 255, 255, .74);padding:40px 0 100px;background:transparent;color:var(--text-primary);font-family:var(--font-body);position:relative;z-index:2}.cases-container{max-width:1240px;margin:0 auto;padding:0 24px}.cases-subtitle{max-width:720px;margin:18px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.75;color:var(--text-secondary)}.cases-subtitle strong{color:var(--accent-blue);font-weight:600}.cases-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.case-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:0 1 calc((100% - 36px) / 3);min-width:0;text-align:left;padding:28px 26px;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-card);cursor:pointer;font-family:inherit;color:inherit;transition:transform var(--duration-normal, .3s) cubic-bezier(.16,1,.3,1),box-shadow var(--duration-normal, .3s) ease,border-color var(--duration-normal, .3s) ease;overflow:hidden}.case-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(16,185,129,.08),transparent 55%);opacity:0;transition:opacity var(--duration-normal, .3s) ease;pointer-events:none}.case-card:hover,.case-card:focus-visible{transform:translateY(-6px);box-shadow:0 30px 64px #0f766e33,inset 0 1px #fffc;border-color:#10b98166;outline:none}.case-card:hover:before,.case-card:focus-visible:before{opacity:1}.case-card:active{transform:translateY(-2px)}.case-card-top{display:flex;align-items:center;gap:10px;width:100%}.case-icon{font-size:30px;line-height:1;filter:drop-shadow(0 4px 10px rgba(15,118,110,.18))}.case-sport{font-family:var(--font-heading);font-size:19px;font-weight:700;color:var(--text-primary);white-space:nowrap}.case-meta{margin-left:auto;font-size:13px;font-weight:500;color:var(--text-tertiary);background:#10b9811a;padding:4px 10px;border-radius:999px;white-space:nowrap}.case-title{font-family:var(--font-heading);font-size:17px;font-weight:600;line-height:1.45;margin:0;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.case-teaser{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0}.case-cta{margin-top:auto;padding-top:6px;font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--accent-blue);transition:transform var(--duration-fast, .15s) ease}.case-card:hover .case-cta{transform:translate(4px)}@media(max-width:1024px){.case-card{flex-basis:calc((100% - 18px)/2)}}@media(max-width:600px){.case-card{flex-basis:100%;padding:22px 20px}.cases-section{padding:24px 0 72px}}.combos-footer-container{position:relative;width:100%;padding-top:72px;overflow:hidden;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-top:1px solid var(--border-light);z-index:2}.combos-footer-main{position:relative;z-index:2;margin:0 auto;max-width:1440px;padding:38px 24px 180px}.combos-footer-content{align-items:start;display:flex;flex-direction:column}.combos-footer-directory{display:grid;gap:40px 48px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);width:100%}.combos-footer-brand-column{display:flex;flex-direction:column;align-items:flex-start;gap:26px;padding-right:40px}.combos-footer-column{display:flex;flex-direction:column;gap:18px}.combos-logo-text{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.combos-footer-summary{font-family:var(--font-body);font-size:16px;font-weight:300;letter-spacing:-.01em;line-height:1.7;color:var(--text-secondary);margin:0;max-width:360px}.combos-footer-meta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;line-height:1.7;text-transform:uppercase;color:var(--text-muted)}.combos-meta-dot{width:7px;height:7px;background:#fff;opacity:.8;flex:0 0 auto}.combos-social-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.combos-social-button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:var(--text-tertiary);cursor:pointer;transition:transform .24s ease,border-color .24s ease,color .24s ease,background-color .24s ease,box-shadow .24s ease}.combos-social-button:hover{background:#ffffff14;border-color:#ffffff52;color:#fff;transform:translateY(-2px)}.combos-footer-column-title{margin:0;font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.16em;line-height:1.2;color:#fffffff5;text-transform:uppercase}.combos-footer-links{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.combos-footer-links li{margin:0}.combos-footer-links button{padding:0;margin:0;background:none;border:none;font-family:var(--font-body);font-size:16px;font-weight:300;letter-spacing:-.01em;line-height:1.5;color:var(--text-secondary);text-align:left;cursor:pointer;transition:color .24s ease,transform .24s ease}.combos-footer-links button:hover{color:#fff;transform:translate(2px)}.combos-copyright{margin-top:80px;font-family:var(--font-body);font-size:13px;font-weight:300;letter-spacing:.02em;line-height:1.5;color:#ffffff7a;text-align:left;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.combos-copyright-divider{color:#fff3}.combos-icp-filing{color:#ffffff7a;text-decoration:none;transition:color .2s ease}.combos-icp-filing:hover{color:#fffc;text-decoration:underline}.combos-bottom-wordmark{position:absolute;bottom:-4vw;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:clamp(80px,18vw,320px);font-weight:800;letter-spacing:-.04em;line-height:.82;color:#fff;opacity:.04;white-space:nowrap;pointer-events:none;user-select:none;z-index:1}.combos-wechat-section{margin-top:12px}.combos-wechat-button{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:var(--text-secondary);font-family:var(--font-body);font-size:14px;font-weight:400;cursor:pointer;transition:all .24s ease}.combos-wechat-button:hover{background:#ffffff14;border-color:#ffffff52;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.combos-wechat-qr-small{width:32px;height:32px;border-radius:6px;object-fit:cover}.combos-qr-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:qrFadeIn .3s ease}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}.combos-qr-modal-content{position:relative;background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 24px 64px #0006;animation:qrSlideIn .3s ease;max-width:90vw}@keyframes qrSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.combos-qr-modal-close{position:absolute;top:12px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.combos-qr-modal-close:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.combos-qr-modal-image{width:260px;height:260px;border-radius:12px;object-fit:contain}.combos-qr-modal-text{margin:0;font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--text-secondary);text-align:center}@media(max-width:1024px){.combos-footer-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.combos-footer-brand-column{grid-column:span 3;padding-right:0;margin-bottom:24px}.combos-bottom-wordmark{font-size:24vw;bottom:-2vw}}@media(max-width:768px){.combos-footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.combos-footer-directory{grid-template-columns:1fr}.combos-bottom-wordmark{font-size:28vw;bottom:0}}.generator-form-container{position:relative;overflow:hidden;max-width:980px;margin:0 auto;padding:40px;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);border-radius:28px;border:1px solid var(--border-light);box-shadow:var(--shadow-card);color:var(--text-primary)}.form-header{text-align:center;margin-bottom:32px}.form-header h2{margin:0 0 12px;color:var(--text-primary);font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-.04em;line-height:1.05}.form-header p{margin:0;color:var(--text-secondary);font-size:17px;line-height:1.8}.form-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:30px}.form-preview-item{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:16px;background:#ffffff08;border:1px solid var(--border-light);color:var(--text-secondary);font-size:14px;font-weight:500}.preview-index{font-size:20px;color:var(--accent-blue);line-height:1;font-weight:600}.generator-form{display:flex;flex-direction:column;gap:26px}.generator-form .form-group{display:flex;flex-direction:column;gap:10px}.generator-form .form-group label{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.form-select,.form-textarea{width:100%;border:1px solid var(--border-light);border-radius:16px;background:#ffffff0d;color:var(--text-primary);transition:all .24s ease;font-size:16px}.form-select{-webkit-appearance:none;appearance:none;padding:16px 48px 16px 18px;background-color:#ffffff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;color-scheme:light}.form-select option{background:#fff;color:#1f2937}.form-textarea{padding:16px 18px;min-height:108px;resize:vertical;line-height:1.7;font-family:inherit}.learning-situation-textarea{min-height:148px}.form-textarea.input-error{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c33}.required-mark{color:#e74c3c;margin-left:2px}.form-error-text{margin:4px 2px 0;color:#e74c3c;font-size:13px;line-height:1.5}.learning-situation-guide{margin:10px 2px 0;padding:12px 16px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.learning-situation-guide .guide-title{margin:0 0 8px;color:var(--text-secondary);font-size:13px;font-weight:500}.learning-situation-guide ol{margin:0;padding-left:18px;color:var(--text-tertiary);font-size:13px;line-height:1.75}.learning-situation-guide ol li strong{color:var(--text-secondary)}.form-textarea::placeholder{color:var(--text-muted)}.form-helper-text{margin:4px 2px 0;color:var(--text-tertiary);font-size:13px;line-height:1.75}.form-select:hover,.form-textarea:hover{border-color:#fff3;background:#ffffff14}.form-select:focus,.form-textarea:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 4px #ffffff0d;background:#ffffff1a}.content-suggestions{display:flex;flex-direction:column;gap:12px;margin-top:4px}.content-suggestions-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.suggestions-label{font-size:12px;font-weight:600;color:var(--text-tertiary)}.suggestions-helper{font-size:12px;color:var(--text-muted);line-height:1.6}.content-suggestions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.suggestion-chip{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid var(--border-light);color:var(--text-secondary);text-align:left;transition:all .24s ease}.suggestion-chip:hover,.suggestion-chip.active{color:#fff;background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.suggestion-chip-category{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffff0d;color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.04em}.suggestion-chip.active .suggestion-chip-category,.suggestion-chip:hover .suggestion-chip-category{background:#ffffff26}.suggestion-chip-text{font-size:13px;line-height:1.7;font-weight:500}.duration-slider-container{display:flex;flex-direction:column;gap:14px}.duration-slider{width:100%;height:6px;appearance:none;border-radius:999px;background:linear-gradient(90deg,var(--accent-green) 0%,var(--accent-blue) var(--duration-progress, 0%),rgba(255,255,255,.12) var(--duration-progress, 0%),rgba(255,255,255,.12) 100%);outline:none}.duration-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 0 10px #ffffff80;cursor:pointer}.duration-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.duration-display{display:flex;align-items:center;gap:10px;min-width:0}.duration-stepper{width:40px;height:40px;border:1px solid var(--border-light);border-radius:999px;background:#ffffff1a;color:#fff;font-size:24px;line-height:1;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,opacity .2s ease}.duration-stepper:hover:not(:disabled){background:#ffffff2e;transform:translateY(-1px)}.duration-stepper:disabled{opacity:.35;cursor:not-allowed}.duration-number-input{width:78px;height:44px;border:1px solid var(--border-light);border-radius:14px;background:#ffffff1a;color:#fff;font-size:26px;font-weight:800;text-align:center;outline:none}.duration-number-input:focus{border-color:#10b981b3;box-shadow:0 0 0 3px #10b9812e}.duration-value{font-size:22px;font-weight:700;color:#fff}.duration-range{font-size:14px;color:var(--text-tertiary)}.pricing-summary{display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:20px 24px;border-radius:20px;background:#ffffff08;border:1px solid var(--border-light)}.pricing-summary-main{display:flex;flex-direction:column;gap:8px}.pricing-label{font-size:13px;font-weight:600;color:var(--text-tertiary);letter-spacing:.04em}.pricing-value-row{display:flex;align-items:center;gap:10px}.pricing-value-row strong{font-size:28px;font-weight:700;color:#fff}.pricing-badge{padding:6px 10px;border-radius:999px;background:#ffffff1a;color:var(--text-primary);font-size:12px;font-weight:600}.pricing-summary-main p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.7}.pricing-summary-side{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:250px;padding-left:18px;border-left:1px solid var(--border-light);color:var(--text-tertiary);font-size:13px;font-weight:500}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:12px;border-radius:999px;background:var(--primary-gradient);color:#fff;font-size:17px;font-weight:700;letter-spacing:.01em;border:none;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease;box-shadow:0 8px 24px #10b9814d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #10b98180}.submit-button:disabled{opacity:.5;cursor:not-allowed}.button-icon{font-size:18px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:999px;animation:spin .8s linear infinite}.form-features{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border-light)}.feature-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text-tertiary)}.feature-icon{font-size:16px}@media(max-width:760px){.generator-form-container{padding:24px 16px;border-radius:20px;margin:0 12px}.form-header h2{font-size:28px}.form-preview-grid{grid-template-columns:1fr}.form-features{flex-direction:column;align-items:flex-start}.content-suggestions-grid{grid-template-columns:1fr}.pricing-summary{flex-direction:column}.pricing-summary-side{min-width:0;padding-left:0;border-left:none;border-top:1px solid var(--border-light);padding-top:12px}}.generator-form .form-select,.generator-form .form-textarea{background:#ffffff0d;color:var(--text-primary)}.generator-form .form-select{background-color:#ffffff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.generator-form .form-select:hover,.generator-form .form-textarea:hover{background-color:#ffffff14}.generator-form .form-select:focus,.generator-form .form-textarea:focus{background-color:#ffffff1a}.edit-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-dialog-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light);box-shadow:0 10px 40px #0009;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;color:var(--text-primary)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.edit-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.edit-dialog-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.close-button{background:none;border:none;font-size:28px;color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.edit-dialog-tabs{display:flex;border-bottom:1px solid var(--border-light);padding:0 24px;gap:8px}.tab-button{background:none;border:none;padding:12px 20px;font-size:14px;font-weight:500;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;top:1px}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:#34d399;border-bottom-color:#34d399}.edit-dialog-content{flex:1;overflow-y:auto;padding:24px}.feedback-section,.edit-section{display:flex;flex-direction:column;gap:20px}.current-content-preview{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:16px}.current-content-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.content-preview{max-height:200px;overflow-y:auto;font-size:13px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.feedback-input-section,.edit-input-section,.feedback-input-section label,.edit-input-section label{display:flex;flex-direction:column;gap:8px}.feedback-input-section h4,.edit-input-section h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.hint-text{margin:0;font-size:12px;color:var(--text-tertiary);line-height:1.5}.feedback-textarea,.edit-textarea{width:100%;padding:12px;border:1px solid var(--border-light);border-radius:8px;font-size:14px;font-family:inherit;line-height:1.6;resize:vertical;transition:border-color .2s;background:var(--bg-primary);color:var(--text-primary)}.feedback-textarea:focus,.edit-textarea:focus{outline:none;border-color:#34d399;box-shadow:0 0 0 3px #34d39926}.edit-textarea{min-height:300px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.edit-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.cancel-button,.submit-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.cancel-button{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-light)}.cancel-button:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.submit-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981)}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner.small{width:14px;height:14px;border-width:2px}.editable-text{width:100%;box-sizing:border-box;font:inherit;color:#1f2937;line-height:1.6;padding:6px 10px;border:1px solid #93c5fd;border-radius:6px;background:#f8fbff;transition:border-color .15s ease,box-shadow .15s ease}.editable-text::placeholder{color:#9ca3af}.editable-text:hover{border-color:#60a5fa}.editable-text:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;background:#fff}.editable-text--multiline{display:block;resize:vertical;min-height:2.6em}.editable-text--single{display:inline-block}.step-progress{width:100%;margin-bottom:24px;padding:18px 20px;border-radius:20px;background:var(--bg-card);border:1.5px solid var(--border-light);box-shadow:var(--shadow-card)}.step-progress-container{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:980px;margin:0 auto}.step-item{position:relative;z-index:2;flex:1;display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border-radius:16px;transition:all .22s ease;background:var(--bg-tertiary)}.step-item.clickable{cursor:pointer}.step-item.clickable:hover{transform:translateY(-1px);background:#22c55e14}.step-icon-wrapper{flex-shrink:0;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1.5px solid var(--border-light);transition:all .22s ease;color:var(--text-tertiary)}.step-item.completed .step-icon-wrapper,.step-item.current .step-icon-wrapper{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;box-shadow:0 4px 14px #22c55e40;color:#fff}.step-icon{color:inherit;stroke-width:3}.step-icon-emoji{font-size:17px}.step-label-wrapper{display:flex;flex-direction:column;gap:2px}.step-short-label{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.step-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.step-item.completed .step-short-label,.step-item.completed .step-label,.step-item.current .step-short-label,.step-item.current .step-label{color:#34d399}.step-pulse{position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,#22c55e1a,#10b98114);animation:stepPulse 1.8s ease-in-out infinite;z-index:-1}.step-connector{flex:0 0 24px;height:2px;border-radius:999px;background:var(--border-light);transition:background .22s ease}.step-connector.completed{background:linear-gradient(90deg,#22c55e,#10b981)}@keyframes stepPulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:900px){.step-progress{padding:14px;border-radius:16px}.step-progress-container{flex-direction:column;align-items:stretch}.step-connector{width:2px;height:16px;margin:0 auto}}.result-display-container{max-width:1240px;margin:0 auto;padding:0 20px 72px}.result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;padding:28px 30px;background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:22px;color:var(--text-primary);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.result-header:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#d9f99d,#bbf7d0,#22c55e)}.result-title-section h2{font-size:30px;font-weight:900;margin:0 0 10px;letter-spacing:-.03em}.result-meta{display:flex;gap:12px;flex-wrap:wrap}.meta-tag{padding:7px 14px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:999px;font-size:13px;font-weight:600}.result-actions{display:flex;gap:12px}.action-button{padding:12px 18px;font-size:14px;font-weight:700;color:#000000c7;background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:all .2s ease}.action-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.result-content{display:flex;flex-direction:column;gap:24px}.manual-edit-banner{display:flex;align-items:center;gap:8px;padding:12px 18px;margin-bottom:18px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:14px;font-weight:500;position:sticky;top:8px;z-index:5}.content-section{background:var(--bg-card);backdrop-filter:blur(12px);border-radius:20px;padding:26px;box-shadow:var(--shadow-card);border:1.5px solid var(--border-light);transition:all .3s ease;color:var(--text-primary)}.content-section:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.content-section h3{font-size:20px;font-weight:800;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(15,32,56,.08)}.content-section p{font-size:15px;line-height:1.8;color:var(--text-secondary);margin:0}.content-section ul{margin:0;padding-left:24px}.content-section li{font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:8px}.content-section li:last-child{margin-bottom:0}.objectives li::marker{color:var(--accent-blue)}.safety{background:#fff9e6;border:1px solid #ffd666}.safety h3{color:#d48806;border-bottom-color:#ffe58f}.safety li::marker{color:#d48806}.result-footer{margin-top:36px;text-align:center}.back-button{padding:16px 36px;font-size:16px;font-weight:600;color:var(--text-tertiary);background:#ffffff0d;border:2px solid var(--border-light);border-radius:14px;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-card);backdrop-filter:blur(12px);border-color:var(--accent-blue);color:var(--accent-blue)}.step-card{background:#ffffff08;border:1px solid var(--border-light);border-radius:14px;overflow:hidden;transition:all .2s ease}.step-card.expanded{background:var(--bg-card);backdrop-filter:blur(12px);border-color:var(--accent-blue);box-shadow:0 4px 16px #10b98126}.step-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;transition:background .2s ease}.step-header:hover{background:#ffffff0d}.step-card.expanded .step-header{background:#f0fdf4}.step-info{display:flex;align-items:center;gap:14px}.step-number{padding:5px 12px;background:var(--accent-blue);color:#fff;border-radius:8px;font-size:13px;font-weight:600}.step-title{font-size:17px;font-weight:600;color:var(--text-primary)}.step-meta{display:flex;align-items:center;gap:12px}.step-duration{font-size:14px;color:var(--text-muted)}.expand-icon{font-size:12px;color:var(--text-muted);transition:transform .2s ease}.expand-icon.rotated{transform:rotate(180deg)}.step-content{padding:0 22px 22px;border-top:1px solid var(--border-light)}.step-description{padding:16px 0;font-size:15px;color:var(--text-tertiary);line-height:1.7}.step-section{margin-top:18px}.step-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.step-section ul{margin:0}.activity-card{background:#ffffff05;border-radius:12px;padding:16px;margin-bottom:12px}.activity-card:last-child{margin-bottom:0}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.activity-name{font-size:15px;font-weight:600;color:var(--accent-blue)}.activity-duration{font-size:13px;color:var(--text-muted);background:#e8e8e8;padding:3px 10px;border-radius:6px}.activity-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:10px!important}.activity-organization{font-size:14px;color:var(--text-tertiary);line-height:1.6;margin:0!important}.activity-organization strong{color:var(--text-primary)}.error-state{text-align:center;padding:60px 40px;background:var(--bg-card);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 4px 20px #00000014}.error-icon{font-size:56px;margin-bottom:20px}.error-state h3{font-size:24px;font-weight:700;color:#e74c3c;margin:0 0 14px}.error-state p{font-size:15px;color:var(--text-tertiary);margin:0 0 28px}.retry-button{padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:#e74c3c;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#c0392b}@media(max-width:640px){.result-header{flex-direction:column;gap:20px}.result-actions{width:100%}.action-button{flex:1;text-align:center}.content-section{padding:20px}}.step1-display .content-section h4{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid #10b981;display:flex;align-items:center;gap:10px}.step1-display .subsection h5{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.step1-display .objective-card h5{font-size:15px;font-weight:600;color:var(--accent-blue);margin:0 0 10px}.step1-display .objective-card h5.objective-category-title{display:inline-block;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);padding:6px 18px;border-radius:20px;margin:0 0 14px;letter-spacing:1px;box-shadow:0 2px 8px #10b9814d}.step1-display .stage-lessons-detail{margin:10px 0;padding:10px 14px;background:#22c55e0f;border:1px solid rgba(34,197,94,.15);border-radius:10px}.step1-display .stage-lessons-detail strong{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.step1-display .stage-lessons-list{display:flex;flex-wrap:wrap;gap:6px}.step1-display .stage-lesson-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.step1-display .stage-lesson-chip[data-type=动作方法]{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.step1-display .stage-lesson-chip[data-type=练习方法]{background:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.2)}.step1-display .stage-lesson-chip[data-type=运用方法]{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.2)}.step1-display .knowledge-item .knowledge-label{font-size:14px;font-weight:600;color:var(--text-primary)}.step1-display .content-section p{font-size:15px;line-height:1.8;color:var(--text-primary)}.step1-display .content-section p strong{color:var(--text-primary);font-weight:600}.step1-display .step1-continue-section{margin-top:48px;margin-bottom:48px;text-align:center}.step1-display .step1-continue-button{display:inline-flex;align-items:center;gap:16px;padding:24px 56px;font-size:20px;font-weight:700;color:#fff;background:var(--primary-gradient);border:none;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #10b98166;position:relative;overflow:hidden}.step1-display .step1-continue-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.step1-display .step1-continue-button:hover:before{left:100%}.step1-display .step1-continue-button:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 48px #10b98180}.step1-display .step1-continue-button:active:not(:disabled){transform:translateY(-2px) scale(1.01)}.step1-display .step1-continue-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.step1-display .button-icon{font-size:28px}.step1-display .button-text{font-size:22px;font-weight:700;letter-spacing:.5px}.step1-display .button-arrow{font-size:24px;font-weight:700;transition:transform .3s ease}.step1-display .step1-continue-button:hover .button-arrow{transform:translate(6px)}.step2-display .lesson-selection-section{background:linear-gradient(135deg,#10b98114,#06b6d40f);backdrop-filter:blur(10px);border:2px solid rgba(16,185,129,.35);border-radius:16px;padding:28px;margin-top:28px}.step2-display .lesson-selection-section h4{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.step2-display .selection-hint{font-size:14px;color:var(--text-tertiary);margin:0 0 20px}.step2-display .lesson-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.step2-display .lesson-button{padding:14px 8px;font-size:16px;font-weight:600;color:var(--accent-blue);background:var(--bg-card);backdrop-filter:blur(12px);border:2px solid #10b981;border-radius:12px;cursor:pointer;transition:all .2s ease}.step2-display .lesson-button:hover{background:#10b9811f;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.step2-display .lesson-button.active{background:var(--accent-blue);color:#fff;transform:scale(1.05)}.step2-display .lesson-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.step2-display .batch-mode-toggle{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:16px;border:2px solid rgba(16,185,129,.35);border-radius:12px;background:var(--bg-card);cursor:pointer;transition:all .2s ease}.step2-display .batch-mode-toggle.active{border-color:#10b981;background:linear-gradient(135deg,#10b98124,#06b6d41a);box-shadow:0 4px 14px #10b9812e}.step2-display .batch-mode-toggle input{width:20px;height:20px;margin-top:2px;accent-color:#10b981;cursor:pointer}.step2-display .batch-mode-label{display:flex;flex-direction:column;gap:4px;font-size:16px;font-weight:700;color:var(--text-primary)}.step2-display .batch-mode-sub{font-size:13px;font-weight:500;color:#ffffffc7}.step2-display .batch-range-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px 16px;border-radius:12px;background:#101014e0;border:1px solid rgba(16,185,129,.4);font-size:14px;font-weight:600;color:#fff}.step2-display .batch-range-input{width:64px;padding:8px 10px;font-size:16px;font-weight:700;text-align:center;color:#fff;background:#064e3bf2;border:2px solid #10b981;border-radius:8px}.step2-display .batch-range-input:focus{outline:none;border-color:#34d399;box-shadow:0 0 0 3px #10b9814d}.step2-display .confirm-button-batch{background:linear-gradient(135deg,#10b981,#06b6d4)}.step2-display .teacher-info-section{margin-top:16px;padding:16px 20px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-light)}.step2-display .teacher-info-section h4{margin:0 0 12px;font-size:14px;color:var(--text-secondary);font-weight:600}.step2-display .teacher-info-fields{display:flex;gap:16px;flex-wrap:wrap}.step2-display .teacher-info-field{flex:1 1 180px;min-width:140px}.step2-display .teacher-info-field:nth-child(2){flex:1 1 140px;min-width:120px}.step2-display .teacher-info-field:nth-child(3){flex:1 1 160px;min-width:140px}.step2-display .teacher-info-field label{display:block;font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.step2-display .teacher-info-field input{width:100%;padding:8px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;outline:none;transition:border-color .2s ease}.step2-display .teacher-info-field input::placeholder{color:var(--text-muted)}.step2-display .teacher-info-field input:focus{border-color:var(--accent-blue)}.knowledge-structure-diagram{margin-top:16px;padding:24px;border-radius:20px;background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-light);box-shadow:0 12px 30px #0f172a0f}.knowledge-structure-diagram.compact{margin-top:0;padding:18px}.knowledge-diagram-header h5{margin:0 0 8px;font-size:18px;font-weight:700;color:#0f172a}.knowledge-diagram-header p{margin:0 0 18px;font-size:14px;line-height:1.7;color:#475569}.knowledge-diagram-canvas{width:100%;overflow-x:auto}.knowledge-structure-svg{width:100%;min-width:980px;height:auto;display:block}.knowledge-svg-node,.knowledge-svg-label-node{fill:var(--text-primary);stroke:#111827d1;stroke-width:2.2}.knowledge-svg-node.primary{stroke-width:2.6}.knowledge-svg-line{stroke:#111827d1;stroke-width:2.2;fill:none}.knowledge-svg-arrow{fill:#111827d1}.knowledge-svg-node-content,.knowledge-svg-label-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#111827;font-size:16px;line-height:1.45;font-weight:600;word-break:break-word}.knowledge-svg-node-content.primary{font-size:18px;font-weight:700}.knowledge-svg-label-content{color:#4b5563;font-size:15px;font-weight:600}.stage-knowledge-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}.stage-knowledge-card{width:100%;padding:18px;border-radius:18px;background:linear-gradient(180deg,#f8fafcf5,#fffffffa);border:1px solid var(--border-light)}.stage-knowledge-meta h5{margin:0 0 6px;font-size:16px;font-weight:700;color:#0f172a}.stage-knowledge-meta p{margin:0;color:#475569;font-size:13px}@media(max-width:768px){.knowledge-structure-diagram{padding:16px}.stage-knowledge-grid{grid-template-columns:1fr}.knowledge-structure-svg{min-width:860px}}.step2-display .confirm-section{display:flex;gap:12px;justify-content:center;text-align:center}.step2-display .step2-edit-button{padding:12px 24px;font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.step2-display .step2-edit-button:hover:not(:disabled){background:var(--bg-card);border-color:var(--text-muted);color:var(--text-primary)}.step2-display .step2-edit-button:disabled{opacity:.5;cursor:not-allowed}.step2-display .confirm-button{padding:18px 48px;font-size:18px;font-weight:700;color:#fff;background:var(--primary-gradient);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.step2-display .confirm-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #10b98166}.step2-display .confirm-button:disabled{opacity:.6;cursor:not-allowed}.step3-display .tab-navigation{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:#ffffff0d;border-radius:14px}.step3-display .tab-button{flex:1;padding:14px 20px;font-size:15px;font-weight:600;color:var(--text-tertiary);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.step3-display .tab-button:hover{background:#10b9811a;color:var(--accent-blue)}.step3-display .tab-button.active{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #10b9814d}.step3-display .tab-content{background:#ffffffb3;backdrop-filter:blur(10px);border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014}.step3-display .basic-info-section .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.step3-display .info-item{display:flex;flex-direction:column;gap:8px}.step3-display .info-label{font-size:14px;font-weight:600;color:var(--text-tertiary)}.step3-display .editable-input{width:100%;padding:12px 16px;font-size:15px;color:var(--text-primary);background:#ffffff05;border:2px solid var(--border-light);border-radius:10px;transition:all .2s ease}.step3-display .editable-input:focus{outline:none;background:var(--bg-card);backdrop-filter:blur(12px);border-color:var(--accent-blue);box-shadow:0 0 0 4px #10b9811a}.step3-display .editable-input.small{width:120px}.step3-display .info-value{font-size:15px;font-weight:600;color:var(--accent-blue);padding:12px 0}.step3-display .content-info{display:flex;flex-direction:column;gap:20px}.step3-display .content-field{display:flex;flex-direction:column;gap:10px}.step3-display .content-field label{font-size:15px;font-weight:600;color:var(--text-primary)}.step3-display .editable-textarea{width:100%;min-height:100px;padding:14px 16px;font-size:15px;line-height:1.7;color:var(--text-primary);background:#ffffff05;border:2px solid var(--border-light);border-radius:10px;resize:vertical;transition:all .2s ease;font-family:inherit}.step3-display .editable-textarea:focus{outline:none;background:var(--bg-card);backdrop-filter:blur(12px);border-color:var(--accent-blue);box-shadow:0 0 0 4px #10b9811a}.step3-display .editable-textarea.small{min-height:80px}.step3-display .editable-textarea.key-question{min-height:70px}.step3-display .objectives-section{display:flex;flex-direction:column;gap:24px}.step3-display .objective-detail{background:#ffffff05;border-radius:12px;padding:20px}.step3-display .objective-detail h5{font-size:16px;font-weight:700;color:var(--accent-blue);margin:0 0 14px}.step3-display .process-section{display:flex;flex-direction:column;gap:24px}.step3-display .process-step{background:#ffffff05;border-radius:14px;overflow:hidden}.step3-display .process-step .step-header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--primary-gradient);color:#fff}.step3-display .process-step .step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px;font-weight:700;color:#fff;background:#fff3;border-radius:50%}.step3-display .process-step .step-content{padding:20px}.step3-display .process-step h5{font-size:17px;font-weight:700;color:#fff;margin:0}.step3-display .technique-details{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;border-top:1px dashed #e0e0e0}.step3-display .detail-field{display:flex;flex-direction:column;gap:8px}.step3-display .detail-field label{font-size:14px;font-weight:600;color:var(--accent-blue)}.step3-display .practice-item{background:var(--bg-card);backdrop-filter:blur(12px);border-radius:12px;padding:18px;margin-bottom:16px}.step3-display .practice-item:last-child{margin-bottom:0}.step3-display .practice-item h6{font-size:16px;font-weight:700;color:var(--accent-blue);margin:0 0 14px}.step3-display .practice-fields{display:flex;flex-direction:column;gap:12px}.step3-display .field-row{display:flex;align-items:flex-start;gap:12px}.step3-display .field-row label{flex-shrink:0;width:100px;font-size:14px;font-weight:600;color:var(--text-tertiary);padding-top:8px}.step3-display .competition-info{background:var(--bg-card);backdrop-filter:blur(12px);border-radius:12px;padding:20px}.step3-display .competition-info .field-row{margin-bottom:16px}.step3-display .competition-info .field-row:last-child{margin-bottom:0}.schedule-table-container{overflow-x:auto;margin-bottom:28px;background:var(--bg-card);backdrop-filter:blur(12px);border-radius:16px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);position:relative}.schedule-table-container:after{content:"← 滑动查看更多 →";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-secondary);pointer-events:none;opacity:.6;animation:scroll-hint 2s ease-in-out infinite}@keyframes scroll-hint{0%,to{opacity:.3}50%{opacity:.8}}.schedule-table{width:100%;border-collapse:collapse;min-width:800px}.schedule-table th{padding:16px 12px;font-size:14px;font-weight:600;color:#fff;background:var(--primary-gradient);text-align:left;white-space:nowrap}.schedule-table td{padding:14px 12px;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:top}.schedule-table tr:last-child td{border-bottom:none}.schedule-table .lesson-number{font-weight:700;color:var(--accent-blue);white-space:nowrap}.schedule-table .lesson-title{font-weight:600;color:var(--text-primary);white-space:normal;word-break:break-word;line-height:1.7}.cell-item{margin-bottom:6px;line-height:1.5}.cell-item:last-child{margin-bottom:0}.cell-item strong{color:var(--accent-blue);font-weight:600;margin-right:4px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;background:var(--primary-gradient);color:#fff;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 12px #10b98133;transition:all .2s ease}.section-header:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.section-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.section-header .expand-icon{color:#fff;font-size:14px}.lesson-plan-table-container{overflow-x:auto;margin-bottom:28px;background:var(--bg-card);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:20px}.lesson-plan-table,.process-table{width:100%;border-collapse:collapse;min-width:800px;margin-bottom:20px;border:1px solid var(--border-light)}.lesson-plan-table th,.lesson-plan-table td,.process-table th,.process-table td{border:1px solid var(--border-light);padding:8px;font-size:14px;vertical-align:middle;color:var(--text-primary)}.header-row th{background-color:var(--bg-card);font-weight:700;text-align:center}.header-row td{text-align:center}.vertical-header{width:60px;text-align:center;font-weight:700;background-color:var(--bg-card);writing-mode:vertical-lr;letter-spacing:4px;padding:10px 4px}.vertical-header-cell{width:60px;text-align:center;font-weight:700;background-color:var(--bg-card)}.part-header{width:60px;text-align:center;font-weight:700;font-size:16px}.key-question-header{background-color:#e6f7ff}.key-question-cell{color:#d48806;font-weight:600}.content-cell{text-align:left;vertical-align:top;line-height:1.6}.content-row{margin-bottom:8px}.red-text{color:#e74c3c;font-weight:600}.blue-text{color:#1890ff;font-weight:600}.process-table th{background-color:var(--bg-card);font-weight:700;text-align:center}.content-col{width:30%}.standard-col{width:25%}.org-col{width:20%}.question-col{width:15%}.count-col,.time-col{width:5%}.center-cell{text-align:center}.footer-info{margin-top:10px;font-size:15px;color:var(--text-primary)}.step3-display .continue-button.large{padding:20px 60px;font-size:18px;font-weight:700;background:var(--primary-gradient);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 24px #10b98159}.step3-display .continue-button.large:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 32px #10b98173}.step3-display .continue-button.large:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.large{width:48px;height:48px;border-width:3px;border-color:#10b98133;border-top-color:var(--accent-blue)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.step2-display .lesson-buttons{grid-template-columns:repeat(3,1fr)}.step3-display .basic-info-section .info-grid{grid-template-columns:repeat(2,1fr)}.step3-display .tab-navigation{flex-direction:column}.step3-display .field-row{flex-direction:column;gap:6px}.step3-display .field-row label{width:auto;padding-top:0}}@media(max-width:480px){.step2-display .lesson-buttons{grid-template-columns:repeat(2,1fr)}.step3-display .basic-info-section .info-grid{grid-template-columns:1fr}}.result-header,.content-section,.lesson-plan-table-container,.knowledge-structure-diagram,.step-card.expanded,.step3-display .tab-content,.error-state,.step3-display .practice-item,.step3-display .competition-info{background:var(--bg-card)!important;backdrop-filter:blur(24px) saturate(150%)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-card)!important}.step-card,.activity-card,.step3-display .editable-input,.step3-display .editable-textarea,.step3-display .objective-detail,.step3-display .process-step{background:#ffffff08!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;transition:all .3s ease}.step-card:hover,.activity-card:hover,.step3-display .objective-detail:hover,.step3-display .process-step:hover{background:#ffffff0d!important;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.step-header:hover,.step-card.expanded .step-header,.step3-display .tab-navigation,.step3-display .tab-button:hover,.action-button:hover{background:#ffffff14!important}.action-button,.back-button,.step2-display .lesson-button{background:#ffffff0d!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important}.step2-display .lesson-button.active{background:#10b98126!important;border:2px solid #10b981!important;color:#10b981!important;box-shadow:0 0 12px #10b9814d!important;transform:scale(1.05)}.step2-display .lesson-button:hover:not(.active){background:#ffffff1a!important;border-color:#10b98180!important}.result-display-container h2,.result-display-container h3,.result-display-container h4,.result-display-container h5,.result-display-container h6,.step-title,.result-title-section h2,.content-section h3,.activity-name,.step3-display .info-value,.lesson-number,.lesson-title{color:var(--text-primary)!important}.result-display-container p,.result-display-container li,.step-description,.activity-description,.activity-organization,.step2-display .selection-hint,.step3-display .info-label,.step3-display .detail-field label{color:var(--text-secondary)!important}.step-duration,.activity-duration,.step-meta,.expand-icon{color:var(--text-tertiary)!important;background:transparent!important}.lesson-plan-table,.process-table,.schedule-table{border:1px solid var(--border-light)!important}.lesson-plan-table th,.lesson-plan-table td,.process-table th,.process-table td,.schedule-table th,.schedule-table td{border:1px solid var(--border-light)!important;color:var(--text-secondary)!important;background:transparent!important}.header-row th,.vertical-header,.vertical-header-cell,.process-table th{background:#ffffff0d!important;color:var(--text-primary)!important}.key-question-header{background:#ffffff05!important}.step1-continue-button,.step2-display .confirm-button,.step3-display .continue-button.large{background:var(--primary-gradient)!important;color:#fff!important;border:none!important;box-shadow:0 8px 24px #10b9814d!important}.step1-continue-button:hover:not(:disabled),.step2-display .confirm-button:hover:not(:disabled),.step3-display .continue-button.large:hover:not(:disabled){box-shadow:0 12px 32px #10b98180!important}.step1-display .content-section h4{border-bottom-color:var(--border-light)!important}.knowledge-svg-node,.knowledge-svg-label-node{fill:#ffffff0d!important;stroke:var(--border-light)!important}.knowledge-svg-line{stroke:var(--border-light)!important}.knowledge-svg-node-content,.knowledge-svg-label-content{color:var(--text-primary)!important}.knowledge-svg-arrow{fill:var(--border-light)!important}.stage-knowledge-card{background:#ffffff08!important;border:1px solid var(--border-light)!important}.step3-display .process-step .step-header{background:#ffffff0d!important}.step3-display .tab-button.active{background:#ffffff1a!important;color:var(--text-primary)!important;box-shadow:none!important}.step4-display{display:flex;flex-direction:column;gap:22px}.step4-panel{margin:0}.step4-panel-heading{margin-bottom:20px}.step4-panel-heading h3{margin-bottom:8px;padding-bottom:12px;border-bottom:2px solid rgba(16,185,129,.55)}.step4-panel-heading p{margin:0}.step4-table-scroll{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border-light)}.rubric-table{width:100%;min-width:820px;border-collapse:collapse;color:var(--text-secondary)}.rubric-table th,.rubric-table td{padding:13px 14px;border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);text-align:left;vertical-align:top;line-height:1.65;color:var(--text-secondary)}.rubric-table tr:last-child td{border-bottom:none}.rubric-table th:last-child,.rubric-table td:last-child{border-right:none}.rubric-table th{background:#ffffff12;color:var(--text-primary);font-size:14px;font-weight:700;white-space:nowrap}.rubric-table td{background:#00000024;font-size:14px}.rubric-table .indicator-name{color:var(--text-primary);font-weight:700;white-space:nowrap}.process-rubric-table{min-width:980px}.summative-rubric-table{min-width:900px}.summative-rubric-table th:nth-child(1){width:140px}.summative-rubric-table th:nth-child(2){width:160px}.summative-rubric-table th:nth-child(4){width:130px;text-align:center}.summative-rubric-table .summative-core{width:140px;vertical-align:middle;background:#10b9811f}.summative-rubric-table .summative-dimension{width:160px;vertical-align:middle;color:var(--text-primary);font-weight:600;background:#ffffff0a}.summative-rubric-table .summative-level{width:130px;text-align:center;white-space:nowrap;vertical-align:middle;color:#fbbf24;font-size:15px;letter-spacing:1px}.summative-level{color:#facc15!important;font-size:18px!important;letter-spacing:1px;font-weight:800}.step4-scale-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:5px;border-radius:12px;background:#0000002e;border:1px solid var(--border-light)}.step4-scale-tabs .category-tab{min-height:40px;padding:0 17px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.step4-scale-tabs .category-tab:hover{color:var(--text-primary);background:#ffffff0f}.step4-scale-tabs .category-tab.active{color:#fff;border-color:#10b9818c;background:#10b98138}.rubric-section h4{margin:0 0 14px;font-size:16px}.evaluation-summary{margin-top:20px;padding:18px 20px;border:1px solid var(--border-light);border-radius:12px;background:#ffffff0a}.evaluation-summary h4,.evaluation-summary p{margin:0 0 10px}.evaluation-summary ul{display:flex;flex-wrap:wrap;gap:8px 20px;padding-left:18px;margin:0 0 10px}.step4-actions{display:flex;justify-content:center}.step4-edit-button{min-height:46px;padding:0 24px;border:1px solid var(--border-light);border-radius:10px;background:#ffffff0f;color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer}.step4-edit-button:hover:not(:disabled){background:#10b9812e;border-color:#10b9818c}.step4-edit-button:disabled{opacity:.55;cursor:not-allowed}.step-navigation-bar{display:flex;align-items:center;gap:16px;margin-top:16px;padding:20px 28px;background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:18px;box-shadow:var(--shadow-card)}.step-nav-spacer{flex:1}.step-nav-button{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:1.5px solid var(--border-light);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.step-nav-button:hover{background:var(--accent-green, #22c55e);color:#fff;border-color:var(--accent-green, #22c55e);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.step-nav-button:active{transform:translateY(0)}.step-nav-prev:hover,.step-nav-next:hover{background:var(--accent-green, #22c55e)}.structured-learning-table td{color:var(--text-primary)!important;background:var(--bg-card)!important;border-color:var(--border-light)!important}.structured-learning-table td[rowSpan]{color:var(--text-primary)!important;background:#ffffff0d!important}.ai-disclaimer{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-top:24px;border-radius:12px;background:#fef3c7f7;border:1px solid rgba(217,119,6,.55);box-shadow:0 4px 16px #78350f1f}.disclaimer-icon{font-size:18px;flex-shrink:0}.disclaimer-text{flex:1;color:#92400e;font-size:14px;font-weight:500;line-height:1.6}.batch-lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:8px 0 28px}.batch-lesson-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px;text-align:left;background:var(--bg-card);backdrop-filter:blur(12px);border:2px solid rgba(16,185,129,.35);border-radius:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.batch-lesson-card:hover{transform:translateY(-3px);border-color:#10b981;box-shadow:0 8px 22px #10b98138}.batch-lesson-number{font-size:16px;font-weight:700;color:var(--accent-blue)}.batch-lesson-title{font-size:14px;line-height:1.5;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.batch-detail-navbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;background:linear-gradient(135deg,#10b98114,#06b6d40f);border:1px solid rgba(16,185,129,.3);border-radius:12px}.batch-nav-center{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.batch-nav-spacer{flex:1}.batch-nav-position{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap}.batch-nav-button{padding:8px 16px;font-size:14px;font-weight:600;color:var(--accent-blue);background:var(--bg-card);border:2px solid #10b981;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.batch-nav-button:hover:not(:disabled){background:#10b9811f;transform:translateY(-1px)}.batch-nav-button:disabled{opacity:.4;cursor:not-allowed}.batch-continue-bar{display:flex;justify-content:center;margin-top:8px}.batch-continue-button{padding:16px 32px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.batch-continue-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #10b9814d}.batch-continue-button:disabled{opacity:.6;cursor:not-allowed}.batch-progress-track{width:min(420px,80%);height:10px;margin-top:20px;background:#10b98126;border-radius:999px;overflow:hidden}.batch-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:999px;transition:width .4s ease}@media(max-width:640px){.batch-lesson-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.batch-detail-navbar{flex-wrap:wrap}}.batch-missing-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding:14px 18px;border-radius:12px;background:#fef3c7f7;border:1px solid rgba(217,119,6,.55);box-shadow:0 4px 16px #78350f1f}.batch-missing-text{flex:1;min-width:220px;color:#92400e;font-size:14px;font-weight:500;line-height:1.6}.batch-missing-button{flex:0 0 auto;padding:10px 18px;border:none;border-radius:10px;background:#d97706;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s ease,transform .18s ease}.batch-missing-button:hover:not(:disabled){background:#b45309;transform:translateY(-1px)}.batch-missing-button:disabled{opacity:.6;cursor:not-allowed}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:24px}.auth-box{--text-primary: #18312b;--text-secondary: #3f5f58;--text-tertiary: #668078;--text-muted: #8fa29b;--border-light: rgba(24, 49, 43, .12);--border-color: rgba(24, 49, 43, .14);--accent-blue: #059669;--primary-gradient: linear-gradient(135deg, #10b981 0%, #059669 58%, #0f766e 100%);width:100%;max-width:440px;padding:36px;border-radius:24px;background:linear-gradient(180deg,#ffffffe0,#f7fcf9c7),#ffffffb8;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);border:1px solid rgba(24,49,43,.12);box-shadow:0 28px 80px #124d3f2e,inset 0 1px #ffffffd1;color:var(--text-primary);position:relative;overflow:hidden}.auth-box:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(5,150,105,.08) 1px,transparent 1px),linear-gradient(rgba(5,150,105,.06) 1px,transparent 1px);background-size:28px 28px;opacity:.38}.payment-auth-box{--text-primary: #f8fafc;--text-secondary: rgba(255, 255, 255, .78);--text-tertiary: rgba(255, 255, 255, .58);--text-muted: rgba(255, 255, 255, .38);--border-light: rgba(255, 255, 255, .12);--border-color: rgba(255, 255, 255, .12);max-width:920px;background:#0c1920db;border-color:#ffffff24;box-shadow:0 28px 90px #05161e6b,inset 0 1px #ffffff1f}.auth-box>*{position:relative;z-index:1}.payment-title-icon{display:flex;justify-content:center;margin-bottom:18px;color:var(--accent-blue)}.payment-back-btn{display:inline-flex;align-items:center;gap:6px;margin:0 auto 8px;padding:8px 18px;border-radius:10px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.payment-back-btn:hover{background:#ffffff14;border-color:#ffffff4d;color:#fff;transform:translate(-2px)}.auth-box h2{margin:0 0 8px;text-align:center;color:var(--text-primary);font-size:28px;font-weight:900;letter-spacing:-.02em}.auth-subtitle{margin:0 0 26px;text-align:center;color:var(--text-tertiary);line-height:1.8;font-size:14px}.auth-benefit-strip{margin:-8px 0 24px;padding:10px 14px;border-radius:14px;background:#10b9811f;border:1px solid rgba(16,185,129,.26);color:#047857;text-align:center;font-size:13px;font-weight:700;line-height:1.6}.payment-auth-box .auth-benefit-strip{color:#bbf7d0}.auth-benefit-list{display:grid;gap:8px;margin:-8px 0 22px}.auth-benefit-list span{display:block;padding:9px 12px;border-radius:12px;background:#ffffffa8;border:1px solid rgba(5,150,105,.14);color:var(--text-secondary);font-size:13px;line-height:1.5}.auth-field-hint{margin:8px 0 0;color:var(--text-tertiary);font-size:12px;line-height:1.6}.auth-box .form-group{margin-bottom:18px}.auth-box .form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:14px;font-weight:700}.auth-box .form-group input{width:100%;min-height:50px;padding:0 16px;border:1px solid var(--border-color);border-radius:14px;background:#ffffffb8;color:var(--text-primary);font-size:15px;transition:all .2s ease}.payment-auth-box .form-group input{background:#ffffff0f}.auth-box .form-group input::placeholder{color:var(--text-muted)}.auth-box .form-group input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px #10b9811a;background:#ffffffdb}.payment-auth-box .form-group input:focus{background:#ffffff1a}.auth-error{margin-bottom:18px;padding:12px 14px;border-radius:14px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#f87171;font-size:13px;text-align:center}.auth-button{width:100%;min-height:52px;border-radius:14px;background:var(--primary-gradient);color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;box-shadow:0 6px 20px #10b98140;transition:transform .22s ease,box-shadow .22s ease;border:none;cursor:pointer}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #10b98159}.auth-button:disabled{opacity:.72;cursor:not-allowed}.auth-footer{margin-top:22px;text-align:center;font-size:14px;color:var(--text-tertiary)}.auth-link{color:var(--accent-blue);font-weight:800;cursor:pointer;transition:color .2s ease}.auth-link:hover{color:#34d399;text-decoration:underline}.auth-link-secondary{margin-left:14px;color:var(--text-tertiary);font-weight:600}.auth-link-secondary:hover{color:var(--accent-blue)}.sms-code-row{display:flex;gap:10px;align-items:stretch}.sms-code-row input{flex:1 1 auto;min-width:0}.sms-code-button{flex:0 0 auto;min-height:50px;padding:0 16px;border:1px solid var(--accent-blue);border-radius:14px;background:#10b9811a;color:var(--accent-blue);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .2s ease,opacity .2s ease}.sms-code-button:hover:not(:disabled){background:#10b9812e}.sms-code-button:disabled{opacity:.55;cursor:not-allowed}.auth-info{margin-bottom:18px;padding:12px 14px;border-radius:14px;background:#10b9811f;border:1px solid rgba(16,185,129,.32);color:#059669;font-size:13px;text-align:center}.payment-summary-card{margin-bottom:20px;padding:16px 18px;border-radius:18px;background:#ffffff0f;border:1px solid var(--border-light);color:var(--text-secondary);line-height:1.8}.payment-summary-card strong{color:var(--accent-blue)}.payment-section-title{margin:0 0 14px;font-size:16px;font-weight:800;color:var(--text-primary)}.payment-section-hint{margin:-6px 0 12px;color:var(--text-tertiary);font-size:13px;line-height:1.7}.payment-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.payment-plan-card{border-radius:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.payment-plan-card{padding:18px;background:#ffffff08;border:1px solid var(--border-light);width:100%;color:inherit;font:inherit;text-align:left}.payment-plan-card.active{background:#10b9811a;border-color:var(--accent-blue);box-shadow:0 4px 16px #10b98126}.payment-plan-card:hover{transform:translateY(-1px)}.payment-plan-top{display:flex;flex-direction:column;gap:8px}.payment-plan-name-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.payment-plan-name{font-size:16px;font-weight:800;color:var(--text-primary);word-break:keep-all;white-space:nowrap}.payment-plan-tag{padding:4px 8px;border-radius:999px;background:#eab3081f;color:#a16207;font-size:11px;font-weight:800}.payment-plan-description{color:var(--text-tertiary);font-size:13px;line-height:1.6;margin-top:8px;word-break:break-word}.payment-plan-price{text-align:left}.payment-plan-price strong{display:block;font-size:26px;color:var(--text-primary)}.payment-plan-price span{color:var(--text-muted);font-size:12px}.payment-plan-price span.payment-plan-price-original{display:block;font-size:14px;color:var(--text-muted);text-decoration:line-through}.payment-plan-points{margin-top:10px;display:flex;align-items:center;color:var(--text-secondary);font-size:13px;font-weight:600}.payment-plan-recommended{position:absolute;top:-1px;right:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:0 0 6px 6px;letter-spacing:.5px}.payment-plan-units{margin-top:6px;font-size:12px;font-weight:700;color:#10b981}.payment-provider-card{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:16px;background:#0ea5e91a;border:1px solid rgba(56,189,248,.5);color:#38bdf8}.payment-provider-copy{display:flex;flex:1;flex-direction:column;gap:3px}.payment-provider-copy strong{color:var(--text-primary);font-size:15px}.payment-provider-copy span{color:var(--text-secondary);font-size:13px}.payment-provider-check{color:#22c55e}.coupon-select-card{padding:16px;border-radius:14px;border:1px solid rgba(34,197,94,.22);background:#ffffff0a}.coupon-select{width:100%;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:#0f172ab8;color:#f8fafc;font-size:14px}.coupon-saving{margin-top:10px;color:#86efac;font-size:13px;font-weight:700}.coupon-empty{color:#9ca3af;font-size:13px;line-height:1.6}.payment-notice{margin-bottom:18px;padding:14px 16px;border-radius:14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fcd34d;font-size:13px;line-height:1.8}.payment-notice strong{color:#fbbf24}.qr-panel{background:#ffffff08;padding:20px;border-radius:16px;margin-bottom:20px;text-align:center;color:var(--text-secondary);border:1px solid var(--border-light)}.qr-panel-header{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;color:var(--text-primary)}.qr-code-box{width:212px;height:212px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#fff;box-shadow:var(--shadow-md)}.qr-placeholder{width:180px;height:180px;background:#ffffff0d;margin:0 auto;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-light);border-radius:14px}.qr-placeholder p{margin-top:10px;color:var(--text-muted);font-size:14px}.qr-order-id{margin-top:14px;color:var(--text-muted);font-size:12px}.qr-order-meta{margin-top:14px;display:grid;gap:6px;color:var(--text-tertiary);font-size:12px;word-break:break-all}.qr-status{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--accent-blue);font-size:14px;margin-top:12px;font-weight:800}.qr-status.paid{color:#22c55e}.payment-action-row{margin-top:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.payment-secondary-btn{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text-secondary);font-size:13px;font-weight:800}.payment-secondary-btn:disabled{opacity:.65;cursor:not-allowed}@media(max-width:768px){.payment-plan-grid{grid-template-columns:repeat(2,1fr)}.auth-box{padding:26px 20px;border-radius:20px}.payment-plan-top{flex-direction:column}.payment-plan-price{text-align:left}}@media(max-width:480px){.payment-plan-grid{grid-template-columns:1fr}}.admin-container{padding:40px;background:linear-gradient(180deg,#ffffffd1,#eef8f2b8),transparent;min-height:100vh;color:#1f2937}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h2{margin:0;color:#1f2937!important;letter-spacing:0}.admin-back-btn{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-weight:500;color:#1f2937;transition:all .2s}.admin-back-btn:hover{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.admin-stats.compact{gap:14px;margin-bottom:18px}.stat-card{background:#ffffffe0;padding:24px;border-radius:8px;box-shadow:0 14px 34px #0f766e14;color:#1f2937;border:1px solid rgba(24,83,70,.08)}.stat-card h3{margin:0 0 10px;font-size:14px;color:#526071!important;font-weight:400;letter-spacing:0}.stat-value{font-size:32px;font-weight:700;color:#1f2937}.stat-value.basic{color:#1890ff}.stat-value.premium{color:#722ed1}.admin-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-weight:500;color:#1f2937;transition:all .2s}.tab-btn:hover{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.tab-btn.active{background:#1890ff;color:#fff;border-color:#1890ff}.admin-table-container{background:#ffffffe6;padding:24px;border-radius:8px;box-shadow:0 18px 44px #0f766e14;overflow-x:auto;color:#1f2937;border:1px solid rgba(24,83,70,.08)}.admin-feedback-banner{margin-bottom:16px;padding:12px 14px;border-radius:10px;background:#effdf5;border:1px solid #b8f0d5;color:#0f7a57;font-size:14px;font-weight:600}.admin-referral-panel{display:flex;flex-direction:column;gap:18px}.admin-coupon-summary{padding:14px 16px;border-radius:10px;background:#f4f8ff;border:1px solid #dbe7ff;color:#26364b;font-weight:700}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px;text-align:left;border-bottom:1px solid #f0f0f0}.admin-table td{color:#26364b}.admin-table th{background:#f4f6f9;font-weight:600;color:#26364b}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.paid{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.unpaid,.status-badge.pending{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.status-badge.failed{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.status-badge.free{background:#f5f5f5;color:#8c8c8c;border:1px solid #d9d9d9}.status-badge.basic{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-badge.premium{background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.loading{text-align:center;padding:40px;color:#999}.points-admin-controls{display:flex;flex-direction:column;gap:10px;min-width:220px}.points-input{min-height:38px;padding:0 12px;border:1px solid #d6deea;border-radius:8px;background:#fff;color:#24364f}.points-action-row{display:flex;gap:8px}.points-action-btn{flex:1;min-height:34px;border-radius:8px;font-size:12px;font-weight:700;transition:all .2s ease}.points-action-btn:disabled{opacity:.6;cursor:not-allowed}.points-action-btn.increase{background:#e8fdf3;color:#0f8a62;border:1px solid #b5ebd3}.points-action-btn.decrease{background:#fff4e8;color:#c56a1f;border:1px solid #f3cba7}.points-action-btn.set{background:#eef4ff;color:#2f5db5;border:1px solid #c7d7ff}.user-search-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:12px 16px;border-radius:10px;background:#f6fef9;border:1px solid #cdeedd}.user-search-bar .points-input{width:220px}.user-search-count{color:#26364b;font-weight:600}.user-filter-toggle{display:inline-flex;gap:6px;padding:4px;border-radius:8px;background:#fff;border:1px solid #cdeedd}.user-filter-btn{padding:6px 14px;border:none;border-radius:6px;background:transparent;color:#5a6b7b;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.user-filter-btn:hover{background:#eef7f1}.user-filter-btn.active{background:#16a34a;color:#fff}.batch-points-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding:14px 16px;border-radius:10px;background:#f4f8ff;border:1px solid #dbe7ff}.batch-points-label{font-weight:700;color:#26364b}.batch-points-bar .points-input{width:160px}.batch-points-bar .points-action-btn{flex:0 0 auto;min-width:96px;padding:0 16px}.membership-admin-controls{display:flex;flex-direction:column;gap:8px;min-width:240px}.membership-quick-row,.membership-set-row{display:flex;gap:8px;align-items:center}.membership-action-btn{flex:1;min-height:34px;border-radius:8px;font-size:12px;font-weight:700;background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7;transition:all .2s ease;cursor:pointer}.membership-action-btn:hover:not(:disabled){background:#efdbff}.membership-action-btn:disabled{opacity:.6;cursor:not-allowed}.membership-action-btn.set{flex:0 0 auto;min-width:84px;background:#eef4ff;color:#2f5db5;border-color:#c7d7ff}.membership-date-input{flex:1;min-width:130px}.pricing-panel{display:flex;flex-direction:column;gap:18px;max-width:560px}.pricing-current{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.pricing-current-label{font-size:14px;color:#526071}.pricing-current-value{font-size:24px;font-weight:800;color:#722ed1}.pricing-current-value em{font-size:13px;font-weight:600;font-style:normal;color:#8c8c8c;margin-left:6px}.pricing-hint{margin:0;font-size:13px;line-height:1.6;color:#6b7785}.pricing-presets{display:flex;gap:10px;flex-wrap:wrap}.discount-option-btn{min-width:84px;min-height:40px;padding:0 18px;border-radius:8px;font-weight:700;background:#fff;color:#26364b;border:1px solid #d6deea;cursor:pointer;transition:all .2s ease}.discount-option-btn:hover:not(:disabled){border-color:#722ed1;color:#722ed1}.discount-option-btn.active{background:#722ed1;color:#fff;border-color:#722ed1}.discount-option-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-custom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pricing-custom-label{font-size:14px;color:#526071}.pricing-custom .points-input{width:140px}.pricing-custom .points-action-btn{flex:0 0 auto;min-width:80px;padding:0 16px}.messages-panel{width:100%}.notification-send-section{margin:24px 0;padding:20px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.notification-send-section h3{margin:0 0 16px;font-size:16px;color:#1e293b}.notification-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:#475569}.form-select,.form-input,.form-textarea{padding:10px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#1f2937;font-size:14px;transition:border-color .2s}.form-select option{color:#1f2937}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-input.small{width:120px}.form-row-group{display:flex;align-items:center;gap:8px}.form-row-group span{color:#64748b;font-size:14px}.form-textarea{resize:vertical;font-family:inherit}.notification-history-section{margin-top:24px}.notification-history-section h3{margin:0 0 16px;font-size:16px;color:#1e293b}.notification-type-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;background:#f1f5f9}.notification-type-badge.info{background:#dbeafe;color:#1e40af}.notification-type-badge.success{background:#dcfce7;color:#166534}.notification-type-badge.warning{background:#fef3c7;color:#92400e}.notification-type-badge.points_gift{background:#f3e8ff;color:#6b21a8}.notification-content-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:13px}.status-badge.read{background:#dcfce7;color:#166534}.status-badge.unread{background:#fef3c7;color:#92400e}.plan-editor-section{margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.plan-editor-title{margin:0 0 4px;font-size:16px;color:#1f2937}.plan-editor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:16px}.plan-editor-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.plan-editor-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.plan-editor-key{font-size:13px;font-weight:700;color:#6366f1;background:#eef2ff;padding:2px 8px;border-radius:4px;font-family:monospace}.plan-editor-rec{display:flex;align-items:center;gap:4px;font-size:13px;color:#64748b;cursor:pointer}.plan-editor-fields{display:flex;flex-direction:column;gap:8px}.plan-editor-field label{display:block;font-size:12px;color:#64748b;margin-bottom:2px}.plan-editor-field .form-input{width:100%;box-sizing:border-box}.plan-editor-field-row{display:flex;gap:8px}.plan-editor-field-row .plan-editor-field{flex:1;min-width:0}.plan-editor-units{display:block;font-size:14px;font-weight:700;color:#10b981;padding:6px 0}.admin-history-panel{display:flex;flex-direction:column;gap:18px}.history-filter-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:10px;background:#f4f8ff;border:1px solid #dbe7ff}.history-filter-bar .form-row{min-width:120px}.history-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.history-pagination-info{font-size:14px;font-weight:600;color:#475569}.status-badge.step1{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-badge.step2{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.status-badge.step3{background:#dcfce7;color:#166534;border:1px solid #86efac}.status-badge.step4{background:#f3e8ff;color:#6b21a8;border:1px solid #d8b4fe}.history-detail-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto}.history-detail-panel{background:#fff;border-radius:12px;padding:24px;max-width:900px;width:100%;box-shadow:0 20px 60px #00000026}.history-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.history-detail-header h3{margin:0;font-size:18px;color:#1f2937}.history-detail-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px;font-size:13px;color:#64748b}.history-detail-content{display:flex;flex-direction:column;gap:20px}.history-detail-section h4{margin:0 0 8px;font-size:14px;color:#334155;font-weight:700}.history-detail-section pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:12px;line-height:1.5;max-height:400px;overflow:auto;white-space:pre-wrap;word-break:break-all;color:#334155}.history-overlay{position:fixed;inset:0;z-index:220;background:#00000094;backdrop-filter:blur(10px);display:flex;justify-content:flex-end}.history-panel{width:min(560px,100%);height:100%;background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 30%),linear-gradient(180deg,var(--bg-secondary),var(--bg-tertiary));border-left:1px solid var(--border-light);box-shadow:-18px 0 48px #00000080;padding:28px 24px;overflow-y:auto}.history-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.history-panel-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#22c55e1f;color:var(--text-secondary);font-size:12px;letter-spacing:.08em;margin-bottom:12px}.history-panel-header h3{margin:0;color:var(--text-primary);font-size:26px}.history-panel-header p{margin:10px 0 0;color:var(--text-secondary);line-height:1.6}.history-close-btn{min-height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-weight:800}.history-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--text-secondary)}.history-empty h4{margin:4px 0 0;font-size:20px;color:var(--text-primary)}.history-empty p{margin:0;max-width:320px;line-height:1.7}.history-loading-spinner{width:34px;height:34px;border-radius:999px;border:3px solid var(--border-light);border-top-color:#22c55e;animation:history-spin .9s linear infinite}.history-list{display:flex;flex-direction:column;gap:14px}.history-card{padding:18px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.history-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.history-card-header h4{margin:0;color:var(--text-primary);font-size:18px;line-height:1.5}.history-card-header p{margin:8px 0 0;color:var(--text-secondary);line-height:1.6}.history-step-chip{flex-shrink:0;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;background:#ffffff0f;color:var(--text-secondary)}.history-step-chip.step1{background:#22c55e26;color:var(--text-primary)}.history-step-chip.step2,.history-step-chip.step3,.history-step-chip.step4{background:#ffffff0f;color:var(--text-secondary)}.history-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px;color:var(--text-tertiary);font-size:13px}.history-meta span{display:inline-flex;align-items:center;gap:6px}.history-card-actions{display:flex;gap:12px;margin-top:18px}.history-open-btn,.history-delete-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:12px;font-weight:700}.history-open-btn{background:linear-gradient(135deg,#22c55e33,#10b98126);border:1px solid rgba(34,197,94,.25);color:#34d399}.history-delete-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.history-load-more-btn{width:100%;min-height:44px;margin-top:8px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.history-load-more-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.history-load-more-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes history-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.history-panel{width:100%;padding:22px 16px}.history-panel-header{flex-direction:column}.history-close-btn{width:100%}.history-card-actions{flex-direction:column}}.promotion-page{width:min(1180px,calc(100vw - 40px));margin:110px auto 64px;color:#f8fafc;position:relative}.promotion-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#0f172ad6,#0c4a40c7),#0f172ac2;border:1px solid rgba(148,163,184,.24);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:0 24px 70px #0c2a233d}.promotion-hero h2{margin:0 0 8px;font-size:32px}.promotion-hero p{margin:0;color:#cbd5e1}.promotion-hero button,.promotion-share-card button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid rgba(34,197,94,.4);border-radius:10px;background:#22c55e29;color:#dcfce7;font-weight:700;cursor:pointer}.promotion-hero button:disabled,.promotion-share-card button:disabled{opacity:.5;cursor:not-allowed}.promotion-share-card,.promotion-card{margin-bottom:20px;padding:22px;border-radius:18px;background:#0f172ac2;border:1px solid rgba(148,163,184,.22);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:0 22px 54px #0c2a232e}.promotion-share-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.promotion-share-card span{display:block;color:#94a3b8;font-size:13px}.promotion-share-card strong{display:block;margin-top:4px;font-size:30px;letter-spacing:2px}.promotion-link{grid-column:1 / -1;display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#ffffff0a}.promotion-link span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion-copied{grid-column:1 / -1;color:#86efac;font-weight:700}.promotion-share-warning{grid-column:1 / -1;padding:10px 12px;border-radius:12px;background:#f59e0b24;border:1px solid rgba(251,191,36,.28);color:#fde68a;line-height:1.6}.promotion-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.promotion-rule-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.promotion-rule-card div{padding:18px;border-radius:16px;background:linear-gradient(135deg,#10b98124,#0ea5e91a);border:1px solid rgba(34,197,94,.24);box-shadow:0 14px 34px #0c2a231f}.promotion-rule-card span,.promotion-rule-card strong{display:block}.promotion-rule-card span{color:#a7f3d0;font-size:13px;margin-bottom:8px}.promotion-rule-card strong{color:#f8fafc;font-size:18px;line-height:1.5}.promotion-stat-card{min-height:112px;padding:18px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(148,163,184,.22)}.promotion-stat-card svg{color:#34d399}.promotion-stat-card span{display:block;margin-top:10px;color:#cbd5e1}.promotion-stat-card strong{display:block;margin-top:6px;font-size:24px}.promotion-card h3{margin:0 0 16px}.promotion-table-wrap{overflow-x:auto}.promotion-table{width:100%;min-width:760px;border-collapse:collapse}.promotion-table th,.promotion-table td{padding:12px;border-bottom:1px solid rgba(148,163,184,.18);text-align:left;color:#e5e7eb}.promotion-table th{color:#a7f3d0;background:#10b9811a}.coupon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.coupon-ticket{padding:16px;border-radius:14px;background:linear-gradient(135deg,#22c55e33,#0ea5e91f);border:1px solid rgba(34,197,94,.32)}.coupon-ticket strong,.coupon-ticket span,.coupon-ticket small{display:block}.coupon-ticket strong{font-size:24px}.coupon-ticket small{margin-top:8px;color:#cbd5e1}.coupon-ticket.used,.coupon-ticket.expired,.coupon-ticket.locked{opacity:.55;filter:grayscale(.5)}.promotion-empty,.promotion-error{color:#fecaca}@media(max-width:760px){.promotion-page{width:min(100vw - 24px,1180px);margin-top:92px}.promotion-hero,.promotion-share-card,.promotion-link{display:flex;flex-direction:column;align-items:stretch}.promotion-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-rule-card{grid-template-columns:1fr}}.notification-overlay{position:fixed;inset:0;z-index:220;background:#00000094;backdrop-filter:blur(10px);display:flex;justify-content:flex-end}.notification-panel{width:min(560px,100%);height:100%;background:radial-gradient(circle at top right,rgba(99,102,241,.14),transparent 30%),linear-gradient(180deg,var(--bg-secondary),var(--bg-tertiary));border-left:1px solid var(--border-light);box-shadow:-18px 0 48px #00000080;padding:28px 24px;overflow-y:auto}.notification-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.notification-panel-eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#6366f11f;color:var(--text-secondary);font-size:12px;letter-spacing:.08em;margin-bottom:12px}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:999px}.notification-panel-header h3{margin:0;color:var(--text-primary);font-size:26px}.notification-panel-header p{margin:10px 0 0;color:var(--text-secondary);line-height:1.6}.notification-close-btn{min-height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-weight:800}.notification-actions{margin-bottom:16px}.notification-mark-all-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(99,102,241,.3);background:#6366f11a;color:#818cf8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.notification-mark-all-btn:hover{background:#6366f133}.notification-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--text-secondary)}.notification-empty h4{margin:4px 0 0;font-size:20px;color:var(--text-primary)}.notification-empty p{margin:0;max-width:320px;line-height:1.7}.notification-loading-spinner{width:34px;height:34px;border-radius:999px;border:3px solid var(--border-light);border-top-color:#6366f1;animation:notification-spin .9s linear infinite}.notification-list{display:flex;flex-direction:column;gap:14px}.notification-card{padding:18px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-light);border-left-width:4px;box-shadow:var(--shadow-md);transition:all .2s}.notification-card.unread{background:linear-gradient(135deg,#6366f114,#a855f70d)}.notification-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.notification-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.notification-time{font-size:12px;color:var(--text-tertiary)}.notification-title{margin:0 0 8px;color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4}.notification-content{margin:0;color:var(--text-secondary);line-height:1.6;font-size:14px}.notification-mark-read-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;border-radius:8px;border:1px solid rgba(99,102,241,.3);background:#6366f11a;color:#818cf8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.notification-mark-read-btn:hover{background:#6366f133}@keyframes notification-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.notification-panel{width:100%;padding:22px 16px}.notification-panel-header{flex-direction:column}.notification-close-btn{width:100%}}.reverse-form-container{position:relative;overflow:hidden;max-width:900px;margin:0 auto;padding:36px;background:var(--bg-card);border-radius:24px;border:1.5px solid var(--border-light);box-shadow:var(--shadow-lg);color:var(--text-primary)}.reverse-form-container:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa)}.reverse-form-header{text-align:center;margin-bottom:26px}.reverse-form-header h2{margin:0 0 10px;color:var(--text-primary);font-size:34px;font-weight:900;letter-spacing:-.03em}.reverse-form-header p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.8}.reverse-form{display:flex;flex-direction:column;gap:26px}.reverse-form-row{display:grid;grid-template-columns:1fr 1fr;gap:26px}.reverse-form-group{display:flex;flex-direction:column;gap:10px}.reverse-form-group label{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.reverse-form-select,.reverse-form-textarea{width:100%;border:1.5px solid var(--border-light);border-radius:16px;background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s ease;font-size:16px}.reverse-form-select{-webkit-appearance:none;appearance:none;padding:16px 48px 16px 18px;background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;color-scheme:dark}.reverse-form-select option{background:#1a1a1c;color:#fff}.reverse-form-textarea{padding:16px 18px;min-height:280px;resize:vertical;line-height:1.7;font-family:inherit}.reverse-form-textarea::placeholder{color:var(--text-tertiary)}.reverse-form-select:hover,.reverse-form-textarea:hover{border-color:#6366f159}.reverse-form-select:focus,.reverse-form-textarea:focus{outline:none;border-color:#6366f1a8;box-shadow:0 0 0 5px #6366f11f}.reverse-content-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.reverse-content-label-row label{flex-shrink:0}.reverse-upload-area{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reverse-file-name{font-size:12px;color:#6366f1;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reverse-file-hint{font-size:11px;color:var(--text-tertiary)}.reverse-file-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.reverse-file-upload-btn:hover{color:var(--text-primary);background:#6366f11f;border-color:#6366f152}.reverse-file-icon{font-size:14px}.reverse-file-input{display:none}.reverse-duration-slider-container{display:flex;flex-direction:column;gap:14px}.reverse-duration-slider{width:100%;height:8px;appearance:none;border-radius:999px;background:linear-gradient(90deg,#6366f12e,#8b5cf638,#a78bfa33);outline:none}.reverse-duration-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 18px #6366f147}.reverse-duration-slider::-moz-range-thumb{width:24px;height:24px;border:none;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.reverse-duration-display{display:flex;align-items:baseline;gap:10px}.reverse-duration-value{font-size:28px;font-weight:900;color:#6366f1}.reverse-duration-range{font-size:14px;color:var(--text-tertiary)}.reverse-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:6px;border-radius:16px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:17px;font-weight:800;letter-spacing:.01em;box-shadow:0 8px 24px #6366f14d;transition:transform .22s ease,box-shadow .22s ease}.reverse-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 44px #6366f159}.reverse-submit-button:disabled{opacity:.7;cursor:not-allowed}.reverse-button-icon{font-size:18px}.reverse-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:999px;animation:reverse-spin .8s linear infinite}@keyframes reverse-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.reverse-form-container{padding:28px 20px;border-radius:24px;margin:0 12px}.reverse-form-header h2{font-size:28px}.reverse-form-row{grid-template-columns:1fr}}.direction-confirm-container{position:relative;overflow:hidden;max-width:900px;margin:0 auto;padding:36px;background:#fff;border-radius:24px;border:1.5px solid var(--border-light);box-shadow:var(--shadow-lg);color:var(--text-primary)}.direction-confirm-container:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6)}.direction-confirm-header{text-align:center;margin-bottom:28px}.direction-confirm-header h2{margin:0 0 10px;color:#09111f;font-size:30px;font-weight:900;letter-spacing:-.03em}.direction-confirm-header p{margin:0;color:#5d697d;font-size:15px;line-height:1.8}.direction-lesson-preview{padding:18px 20px;margin-bottom:26px;border-radius:16px;background:linear-gradient(180deg,#3b82f60a,#6366f108);border:1px solid rgba(59,130,246,.1)}.direction-lesson-preview-label{display:block;font-size:12px;font-weight:700;color:#64748b;letter-spacing:.04em;margin-bottom:8px}.direction-lesson-preview-content{font-size:14px;line-height:1.7;color:#334155;max-height:120px;overflow-y:auto;word-break:break-all}.direction-lesson-preview-meta{margin-top:10px;font-size:13px;color:#64748b;font-weight:600}.direction-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px}.direction-analysis-card{padding:20px;border-radius:18px;background:linear-gradient(180deg,#f8fafcf5,#fffffffa);border:1px solid rgba(15,23,42,.08);transition:all .2s ease}.direction-analysis-card:hover{box-shadow:0 8px 24px #0f172a14;transform:translateY(-1px)}.direction-analysis-card.full-width{grid-column:1 / -1}.direction-analysis-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#64748b;letter-spacing:.02em;margin-bottom:10px}.direction-analysis-label-icon{font-size:16px}.direction-analysis-value{font-size:16px;font-weight:700;color:#0f172a;line-height:1.6}.direction-confidence-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;margin-left:8px;vertical-align:middle}.direction-confidence-badge.high{background:#22c55e1f;color:#15803d}.direction-confidence-badge.medium{background:#f59e0b1f;color:#92400e}.direction-confidence-badge.low{background:#ef44441f;color:#991b1b}.direction-divider{height:1px;background:#0f172a14;margin:28px 0}.direction-adjust-section{margin-bottom:26px}.direction-adjust-title{font-size:16px;font-weight:800;color:#0f172a;margin:0 0 20px}.direction-form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.direction-form-group label{font-size:14px;font-weight:700;color:#172337;letter-spacing:.01em}.direction-input,.direction-textarea{width:100%;border:1.5px solid rgba(20,38,68,.1);border-radius:16px;background:#ffffffe6;color:#14223c;transition:all .2s ease;font-size:16px;font-family:inherit}.direction-input{padding:14px 18px}.direction-textarea{padding:16px 18px;min-height:120px;resize:vertical;line-height:1.7}.direction-textarea::placeholder{color:#8f98a8}.direction-input:hover,.direction-textarea:hover{border-color:#6366f159}.direction-input:focus,.direction-textarea:focus{outline:none;border-color:#6366f18c;box-shadow:0 0 0 5px #6366f11a}.direction-duration-row{display:flex;align-items:center;gap:16px}.direction-duration-input{width:100px;padding:14px 18px;border:1.5px solid rgba(20,38,68,.1);border-radius:16px;background:#ffffffe6;color:#14223c;font-size:16px;font-weight:700;text-align:center;transition:all .2s ease}.direction-duration-input:hover{border-color:#6366f159}.direction-duration-input:focus{outline:none;border-color:#6366f18c;box-shadow:0 0 0 5px #6366f11a}.direction-duration-unit{font-size:16px;font-weight:600;color:#5d697d}.direction-actions{display:flex;gap:14px;margin-top:8px}.direction-confirm-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;box-shadow:0 8px 24px #3b82f64d;transition:transform .22s ease,box-shadow .22s ease}.direction-confirm-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #3b82f659}.direction-confirm-button:disabled{opacity:.6;cursor:not-allowed}.direction-reanalyze-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:16px;background:#fff;color:#475569;font-size:16px;font-weight:700;border:1.5px solid rgba(15,23,42,.12);transition:all .22s ease}.direction-reanalyze-button:hover:not(:disabled){background:#f8fafc;border-color:#6366f14d;color:#4338ca;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.direction-reanalyze-button:disabled{opacity:.5;cursor:not-allowed}.direction-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:999px;animation:direction-spin .8s linear infinite}.direction-reanalyze-button .direction-loading-spinner{border-color:#6366f133;border-top-color:#6366f1}@keyframes direction-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.direction-confirm-container{padding:28px 20px;margin:0 12px}.direction-confirm-header h2{font-size:26px}.direction-analysis-grid{grid-template-columns:1fr}.direction-actions{flex-direction:column}.direction-reanalyze-button{flex:1}}.guided-tour-root{position:fixed;inset:0;z-index:10001;pointer-events:none}.guided-tour-mask{position:fixed;background:#0000009e;pointer-events:auto;transition:background .2s ease}.guided-tour-mask--full{inset:0;width:100%;height:100%}.guided-tour-ring{position:fixed;pointer-events:none;border-radius:10px;box-shadow:0 0 0 2px var(--accent-blue, #10b981),0 0 0 6px #10b98140;animation:guided-tour-pulse 1.8s ease-out infinite}@keyframes guided-tour-pulse{0%{box-shadow:0 0 0 2px var(--accent-blue, #10b981),0 0 0 4px #10b98159}70%{box-shadow:0 0 0 2px var(--accent-blue, #10b981),0 0 0 12px #10b98100}to{box-shadow:0 0 0 2px var(--accent-blue, #10b981),0 0 0 12px #10b98100}}.guided-tour-ring--strong{border-radius:14px;animation:guided-tour-pulse-strong 1.4s ease-out infinite}@keyframes guided-tour-pulse-strong{0%{box-shadow:0 0 0 3px var(--accent-blue, #10b981),0 0 0 7px #10b98180}70%{box-shadow:0 0 0 3px var(--accent-blue, #10b981),0 0 0 22px #10b98100}to{box-shadow:0 0 0 3px var(--accent-blue, #10b981),0 0 0 22px #10b98100}}.guided-tour-card{position:fixed;width:min(340px,calc(100vw - 24px));padding:18px 20px 20px;border-radius:16px;background:var(--bg-secondary, #121214);border:1px solid var(--border-light, rgba(255, 255, 255, .1));box-shadow:0 20px 60px #0000008c;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);color:var(--text-primary, #fff);pointer-events:auto;z-index:1;animation:guided-tour-card-in .28s cubic-bezier(.16,1,.3,1)}.guided-tour-card--center{top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}.guided-tour-card--docked{inset:50% 24px auto auto;transform:translateY(-50%);opacity:1;animation:guided-tour-card-in-docked .28s cubic-bezier(.16,1,.3,1)}@keyframes guided-tour-card-in-docked{0%{opacity:0;transform:translate(8px,-50%)}to{opacity:1;transform:translateY(-50%)}}.guided-tour-card--compact{width:min(280px,calc(100vw - 24px));padding:14px 16px 16px}.guided-tour-card--compact .guided-tour-title{font-size:15px}.guided-tour-card--compact .guided-tour-body{font-size:12.5px}@keyframes guided-tour-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guided-tour-card--center{animation:guided-tour-card-in-center .28s cubic-bezier(.16,1,.3,1)}@keyframes guided-tour-card-in-center{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.guided-tour-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.guided-tour-step-count{font-family:var(--font-mono, monospace);font-size:12px;letter-spacing:.04em;color:var(--accent-blue, #10b981)}.guided-tour-skip{background:none;border:none;padding:2px 4px;font-size:12px;color:var(--text-tertiary, rgba(255, 255, 255, .5));cursor:pointer;transition:color .15s ease}.guided-tour-skip:hover{color:var(--text-primary, #fff)}.guided-tour-title{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4;color:var(--text-primary, #fff)}.guided-tour-body{margin:0;font-size:13.5px;line-height:1.65;color:var(--text-secondary, rgba(255, 255, 255, .75))}.guided-tour-actions{display:flex;justify-content:flex-end;margin-top:16px}.guided-tour-next{padding:8px 20px;border-radius:10px;border:none;font-size:13px;font-weight:600;color:#0a0a0a;background:var(--accent-blue, #10b981);cursor:pointer;transition:transform .15s ease,filter .15s ease}.guided-tour-next:hover{filter:brightness(1.08);transform:translateY(-1px)}.guided-tour-next:active{transform:translateY(0)}.guided-tour-hint{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-light, rgba(255, 255, 255, .1));font-size:12.5px;line-height:1.5;color:var(--text-tertiary, rgba(255, 255, 255, .5))}@media(max-width:480px){.guided-tour-card{width:calc(100vw - 24px)}}:root{--wechat-green: #07c160;--wechat-green-dark: #06a850}.floating-wechat{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;flex-direction:column;align-items:flex-end}.floating-wechat-toggle{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:none;border-radius:999px;background:var(--wechat-green);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px #07c1605c;transition:transform var(--duration-fast, .15s) ease,box-shadow var(--duration-fast, .15s) ease,background var(--duration-fast, .15s) ease}.floating-wechat-toggle:hover{background:var(--wechat-green-dark);transform:translateY(-2px);box-shadow:0 14px 34px #07c16070}.floating-wechat-toggle:focus-visible{outline:3px solid rgba(7,193,96,.45);outline-offset:2px}.floating-wechat-card{position:relative;width:260px;padding:22px 20px 18px;border-radius:18px;background:#fff;border:1px solid rgba(7,193,96,.18);box-shadow:0 24px 60px #0f172a38;text-align:center;transform-origin:bottom right;animation:floating-wechat-pop var(--duration-normal, .3s) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}@keyframes floating-wechat-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-wechat-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0f172a0f;color:#475569;cursor:pointer;transition:background var(--duration-fast, .15s) ease,color var(--duration-fast, .15s) ease}.floating-wechat-close:hover{background:#0f172a1f;color:#0f172a}.floating-wechat-qr{width:208px;height:208px;border-radius:12px;object-fit:contain;background:#f8fafc}.floating-wechat-text{margin:14px 0 0;font-size:14px;line-height:1.6;font-weight:600;color:#1f2937}@media(max-width:768px){.floating-wechat{right:16px;bottom:16px}.floating-wechat-toggle{padding:10px 14px;font-size:13px}.floating-wechat-card{width:236px}.floating-wechat-qr{width:188px;height:188px}}@media(max-width:480px){.floating-wechat-toggle span{display:none}.floating-wechat-toggle{padding:12px;border-radius:50%}}@media(prefers-reduced-motion:reduce){.floating-wechat-toggle,.floating-wechat-card{transition:none;animation:none}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;line-height:1.4;box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:toast-slide-in .25s ease-out;max-width:380px}.toast-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.toast-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.toast-success .toast-icon{background:#22c55e}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast-error .toast-icon{background:#ef4444}.toast-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.toast-warning .toast-icon{background:#f59e0b}.toast-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.toast-info .toast-icon{background:#3b82f6}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.confirm-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10001}.confirm-box{background:#fff;border-radius:12px;padding:24px;min-width:320px;max-width:420px;box-shadow:0 8px 32px #0003}.confirm-title{margin:0 0 12px;font-size:16px;font-weight:600}.confirm-message{margin:0 0 20px;font-size:14px;line-height:1.5;color:#555}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-cancel,.confirm-ok{padding:8px 20px;border-radius:6px;font-size:14px;cursor:pointer;border:none}.confirm-cancel{background:#f3f4f6;color:#374151}.confirm-cancel:hover{background:#e5e7eb}.confirm-ok{background:#3b82f6;color:#fff}.confirm-ok:hover{background:#2563eb}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;background:#edf6f1}.antigravity-background{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:1}.handdrawn-background{position:absolute;inset:0;overflow:hidden;transition:background .7s ease;background:linear-gradient(180deg,#fefff6f5,#e8f7eef5 45%,#d3eae4fa),radial-gradient(circle at 12% 18%,rgba(253,224,71,.24),transparent 24%),radial-gradient(circle at 76% 18%,rgba(125,211,252,.3),transparent 27%),radial-gradient(circle at 76% 82%,rgba(52,211,153,.24),transparent 34%),radial-gradient(circle at 28% 76%,rgba(251,191,36,.18),transparent 28%)}.mr-pandas-experience{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.96;filter:saturate(1.08) contrast(1.02) brightness(1.02);mix-blend-mode:normal}.mr-pandas-experience:before{content:"";position:absolute;inset:-9%;z-index:0;background-image:url(/mr-pandas/media/first-scene.png);background-position:center;background-size:cover;background-repeat:no-repeat;transform:translate3d(var(--mr-pandas-bg-x),var(--mr-pandas-bg-y),0) scale(var(--mr-pandas-bg-scale));transform-origin:center;opacity:.86;filter:saturate(1.05) contrast(.96) brightness(1.05)}.mr-pandas-experience canvas{position:relative;z-index:1;pointer-events:none!important;opacity:.72}.mr-pandas-background{background:#f7c053}.mr-pandas-background:before,.mr-pandas-background:after{display:none}.mr-pandas-background .mr-pandas-experience{opacity:1;filter:none;mix-blend-mode:normal}.mr-pandas-background .mr-pandas-experience:before{inset:0;opacity:1;transform:none;filter:none}.mr-pandas-background .mr-pandas-experience canvas{opacity:1}.mr-pandas-readability{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 52%,#fff6,#ffffff1a 30%,#fff0 55%),linear-gradient(90deg,#ffffff1a,#ffffff05 46%,#ffffff14)}.scroll-scene-1{background:linear-gradient(180deg,#f4fcfff5,#e0f5faf5 46%,#d5f0e9fa),radial-gradient(circle at 20% 18%,rgba(125,211,252,.34),transparent 27%),radial-gradient(circle at 76% 20%,rgba(167,243,208,.32),transparent 30%),radial-gradient(circle at 74% 78%,rgba(251,191,36,.18),transparent 32%)}.scroll-scene-2{background:linear-gradient(180deg,#fffbebf5,#f1f5dcf5 48%,#d0ece2fa),radial-gradient(circle at 16% 16%,rgba(253,224,71,.28),transparent 27%),radial-gradient(circle at 84% 18%,rgba(34,197,94,.26),transparent 30%),radial-gradient(circle at 72% 82%,rgba(14,165,233,.2),transparent 34%)}.scroll-scene-3{background:linear-gradient(180deg,#effdf4f5,#dcf9e8f5 44%,#cde8e2fa),radial-gradient(circle at 12% 20%,rgba(52,211,153,.32),transparent 28%),radial-gradient(circle at 78% 18%,rgba(96,165,250,.24),transparent 29%),radial-gradient(circle at 72% 84%,rgba(251,191,36,.2),transparent 34%)}.story-tint{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at var(--spot-x) 24%,rgba(255,255,255,.68),transparent 24%),linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.24) 44% 56%,transparent 56% 100%);opacity:.16}.paper-grain{position:absolute;inset:0;z-index:3;opacity:.18;background-image:linear-gradient(rgba(30,64,53,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,53,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000000e6,#0000005c)}.handdrawn-background:before{content:"";position:absolute;inset:-18% -8% auto;z-index:2;height:56%;background:radial-gradient(ellipse at center,#ffffffdb,#fff0 67%)}.handdrawn-background:after{content:"";position:absolute;inset:auto 0 0;z-index:2;height:34%;background:linear-gradient(180deg,#edf6f100,#0929231f)}.paper-portfolio-stage{position:absolute;z-index:2;left:50%;top:52%;width:min(82vw,1120px);height:min(54vw,620px);transform:translate(-50%,-50%) rotate(-2deg);border-radius:50% 45% 48% 52%/44% 50% 46% 56%;background:linear-gradient(135deg,#ffffffad,#ecfdf54d),radial-gradient(circle at 22% 28%,rgba(255,255,255,.95),transparent 34%),radial-gradient(circle at 74% 70%,rgba(20,184,166,.2),transparent 42%);border:2px solid rgba(30,64,53,.12);box-shadow:0 36px 90px #0f766e2e,inset 0 2px #fffc,inset 0 -28px 46px #0f766e14;opacity:.38;animation:story-stage-breathe 10s ease-in-out infinite;transform:translate(-50%,calc(-50% + var(--stage-y))) rotate(var(--stage-rotate))}.paper-portfolio-stage:before{content:"";position:absolute;inset:11% 12%;border:2px dashed rgba(21,94,117,.14);border-radius:48% 52% 43% 57%/54% 42% 58% 46%}.paper-portfolio-stage:after{content:"";position:absolute;left:12%;right:12%;bottom:11%;height:18%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(20,83,45,.18),transparent 70%);filter:blur(14px)}.scrollbook-panels{position:absolute;inset:0;z-index:4;transform:translateY(var(--panel-shift))}.scrollbook-card{position:absolute;width:clamp(190px,19vw,280px);padding:20px 22px;border-radius:28px 20px 26px 22px;background:linear-gradient(180deg,#ffffffb3,#f7fcf975),repeating-linear-gradient(0deg,transparent 0 26px,rgba(15,118,110,.08) 26px 27px);border:2px solid rgba(30,64,53,.13);box-shadow:0 24px 54px #0f766e24,inset 0 1px #fffc;color:#17352e;opacity:.72}.scrollbook-card span{display:inline-flex;margin-bottom:8px;padding:4px 9px;border-radius:999px;background:#10b9811f;color:#047857;font-size:12px;font-weight:900}.scrollbook-card strong{display:block;font-size:22px;letter-spacing:.02em}.scrollbook-card p{margin:8px 0 0;color:#1f49409e;font-size:13px;font-weight:700}.card-blueprint{left:8vw;top:28vh;transform:rotate(-5deg) translate(var(--card-blueprint-x))}.card-lessons{right:10vw;top:72vh;transform:rotate(4deg) translate(var(--card-lessons-x))}.card-classroom{left:13vw;top:118vh;transform:rotate(5deg) translate(var(--card-classroom-x))}.card-evaluate{right:14vw;top:164vh;transform:rotate(-4deg) translate(var(--card-evaluate-x))}.paper-scroll{position:absolute;top:43%;width:92px;height:164px;border-radius:999px;background:linear-gradient(90deg,#78350f33,#fef9c3eb,#78350f24);border:2px solid rgba(146,64,14,.18);box-shadow:inset 0 0 22px #92400e1f,0 20px 34px #78350f1f}.paper-scroll-object{position:absolute;z-index:4;right:11vw;top:16vh;width:clamp(180px,18vw,280px);transform:translate3d(var(--scroll-x),var(--scroll-y),0) rotate(var(--scroll-rotate));transform-origin:center;filter:drop-shadow(0 22px 34px rgba(120,53,15,.16))}.scroll-pin{height:28px;margin:0 auto;width:82%;border-radius:999px;background:linear-gradient(90deg,#b45309,#fef3c7,#b45309);border:2px solid rgba(120,53,15,.16)}.scroll-sheet{min-height:170px;margin:-5px auto;padding:30px 22px;background:linear-gradient(180deg,#fffde8f2,#fef9c3e0),repeating-linear-gradient(0deg,transparent 0 24px,rgba(120,53,15,.1) 24px 25px);border-left:2px solid rgba(120,53,15,.14);border-right:2px solid rgba(120,53,15,.14);text-align:center}.scroll-sheet strong{display:block;color:#78350fb8;font-size:14px;line-height:1.6}.scroll-sheet span{display:block;height:8px;margin:14px auto 0;border-radius:999px;background:#78350f2e}.scroll-sheet span:nth-child(2){width:84%}.scroll-sheet span:nth-child(3){width:66%}.scroll-sheet span:nth-child(4){width:74%}.scroll-left{left:9%;transform:translateY(-50%) rotate(6deg)}.scroll-right{right:9%;transform:translateY(-50%) rotate(-6deg)}.paper-scroll-main{position:absolute;left:18%;right:18%;top:37%;min-height:128px;display:grid;place-items:center;border-radius:28px 24px 32px 26px;background:linear-gradient(180deg,#fffde8eb,#fef9c3d1),linear-gradient(90deg,transparent,rgba(217,119,6,.1),transparent);border:2px solid rgba(146,64,14,.18);box-shadow:0 26px 46px #78350f1f,inset 0 1px #ffffffd1}.paper-scroll-main span{color:#78350f80;font-size:clamp(18px,2.2vw,32px);font-weight:900;letter-spacing:.16em}.paper-scene-card{position:absolute;display:grid;gap:2px;min-width:112px;padding:14px 16px;border-radius:20px 18px 22px 16px;background:#ffffffb8;border:2px solid rgba(30,64,53,.12);box-shadow:0 20px 42px #0f766e1f;transform:rotate(-3deg);animation:float-note 9s ease-in-out infinite}.paper-mascot{position:absolute;z-index:4;left:50%;bottom:18vh;width:clamp(136px,13vw,210px);height:clamp(174px,17vw,270px);transform:translate3d(calc(-50% + var(--mascot-x)),var(--mascot-y),0) rotate(var(--mascot-rotate));transform-origin:50% 80%;animation:character-bob 5.8s ease-in-out infinite}.mascot-ear{position:absolute;top:0;width:37%;aspect-ratio:1;border-radius:50%;background:#164e63;border:3px solid rgba(255,255,255,.36);z-index:0}.mascot-ear.left{left:4%}.mascot-ear.right{right:4%}.mascot-head{position:absolute;top:13%;left:50%;width:82%;aspect-ratio:1 / .86;transform:translate(-50%);border-radius:48% 52% 47% 53%/46% 44% 56% 54%;background:#f8fafc;border:3px solid rgba(21,94,117,.18);box-shadow:inset 0 -14px 24px #0f766e14;z-index:1}.mascot-eye{position:absolute;top:40%;width:12%;aspect-ratio:1;border-radius:50%;background:#1f2937}.mascot-eye.left{left:30%}.mascot-eye.right{right:30%}.mascot-nose{position:absolute;left:50%;top:57%;width:14%;aspect-ratio:1 / .74;transform:translate(-50%);border-radius:50%;background:#111827}.mascot-body{position:absolute;left:50%;bottom:5%;display:grid;place-items:center;width:72%;aspect-ratio:1 / 1.05;transform:translate(-50%);border-radius:42% 58% 48% 52%/45% 44% 56% 55%;background:linear-gradient(180deg,#d9f99d,#86efac 50%,#22c55e);border:3px solid rgba(21,94,117,.18);box-shadow:inset 0 2px #ffffff94;z-index:0}.mascot-body span{color:#166534bd;font-size:20px;font-weight:900;letter-spacing:.18em;writing-mode:vertical-rl}.mascot-shadow{position:absolute;left:50%;bottom:-8%;width:122%;height:34px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(9,41,35,.2),transparent 70%);filter:blur(8px);z-index:-1}.paper-scene-card span{color:#1f494094;font-size:12px;font-weight:800}.paper-scene-card strong{color:#155e75;font-size:24px;line-height:1}.card-standards{left:12vw;top:31vh}.card-unit{right:16vw;top:34vh;transform:rotate(4deg);animation-delay:-3s}.card-evidence{right:24vw;bottom:17vh;transform:rotate(-5deg);animation-delay:-5s}.paper-character{position:absolute;left:50%;bottom:20vh;width:clamp(118px,12vw,178px);aspect-ratio:1 / 1.16;transform:translate(-50%) rotate(2deg);border-radius:47% 53% 44% 56%/42% 44% 56% 58%;background:radial-gradient(circle at 35% 28%,#1f2937 0 7%,transparent 8%),radial-gradient(circle at 65% 28%,#1f2937 0 7%,transparent 8%),radial-gradient(ellipse at 50% 61%,rgba(255,255,255,.92) 0 30%,transparent 31%),linear-gradient(180deg,#d9f99d,#86efac 52%,#22c55e);border:3px solid rgba(21,94,117,.18);box-shadow:0 28px 60px #155e752e,inset 0 2px #ffffffb3;animation:character-bob 5.8s ease-in-out infinite;display:none}.paper-character:before,.paper-character:after{content:"";position:absolute;top:16%;width:34%;aspect-ratio:1;border-radius:50%;background:#164e63;z-index:-1;box-shadow:inset 0 8px 12px #ffffff1f}.paper-character:before{left:-12%}.paper-character:after{right:-12%}.paper-character-shadow{position:absolute;left:50%;bottom:16vh;width:clamp(140px,16vw,240px);height:42px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(9,41,35,.18),transparent 70%);filter:blur(8px);display:none}@keyframes character-bob{0%,to{translate:0 0}50%{translate:0 -16px}}.paper-cloud{position:absolute;z-index:3;width:220px;height:72px;border-radius:999px;background:#ffffff9e;box-shadow:48px -22px 0 8px #ffffff7a,102px -7px 0 2px #ffffff8f,0 18px 44px #0f766e14;border:1px solid rgba(21,94,117,.08)}.cloud-one{left:6vw;top:9vh;transform:rotate(-4deg)}.cloud-two{right:11vw;top:20vh;transform:rotate(3deg) scale(.8);opacity:.78}.paper-ruler{position:absolute;z-index:4;width:210px;height:34px;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(120,53,15,.18) 18px 21px),linear-gradient(180deg,#fef08ab3,#fcd34d80);border:1px solid rgba(120,53,15,.14);box-shadow:0 18px 34px #78350f1f}.ruler-one{left:9vw;bottom:27vh;transform:rotate(-18deg)}.ruler-two{right:7vw;top:49vh;transform:rotate(16deg);opacity:.72}.sports-doodle{position:absolute;z-index:4;color:#164e4242;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 18px 22px rgba(20,83,45,.08))}.sports-doodle-court{width:min(68vw,940px);right:-7vw;bottom:1vh;transform:translate(var(--court-x)) rotate(-3deg)}.sports-doodle-whistle{width:clamp(104px,12vw,178px);left:16vw;top:17vh;color:#0e74903d;animation:float-doodle 9s ease-in-out infinite;transform:translateY(var(--whistle-y))}.sports-doodle-paper{width:clamp(126px,14vw,214px);right:27vw;top:12vh;color:#15803d3b;animation:float-doodle 11s ease-in-out infinite reverse;transform:translateY(var(--paper-y))}.sports-doodle-ball{width:clamp(112px,13vw,184px);left:17vw;bottom:14vh;color:#d977063d;animation:float-doodle 10s ease-in-out infinite;transform:translate(var(--ball-x))}.sports-doodle-rope{width:clamp(132px,16vw,236px);right:15vw;bottom:26vh;color:#2563eb33;animation:float-doodle 12s ease-in-out infinite reverse;transform:translateY(var(--rope-y))}.floating-note{position:absolute;z-index:4;display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(20,83,45,.14);border-radius:50% 44% 52% 46%;background:#ffffff94;color:#155e7575;font-weight:900;box-shadow:0 18px 36px #0f766e14;animation:float-note 8s ease-in-out infinite}.note-one{left:22vw;top:13vh}.note-two{right:24vw;top:28vh;animation-delay:-2s}.note-three{left:31vw;bottom:18vh;animation-delay:-4s}.note-four{right:33vw;bottom:11vh;animation-delay:-6s}.scene-caption{position:absolute;z-index:5;padding:10px 16px;border-radius:999px 999px 999px 12px;background:#ffffffb8;border:2px solid rgba(21,94,117,.12);color:#155e75bd;font-size:13px;font-weight:900;box-shadow:0 18px 34px #0f766e1a}.caption-one{left:18vw;top:47vh;transform:translateY(var(--caption-one-y)) rotate(-3deg)}.caption-two{right:18vw;top:58vh;transform:translateY(var(--caption-two-y)) rotate(3deg)}.caption-three{left:40vw;bottom:8vh;transform:translate(var(--caption-three-x)) rotate(-2deg)}@keyframes story-stage-breathe{0%,to{border-radius:50% 45% 48% 52%/44% 50% 46% 56%}50%{border-radius:44% 56% 51% 49%/54% 42% 58% 46%}}@keyframes float-doodle{0%,to{translate:0 0;rotate:-2deg}50%{translate:0 -18px;rotate:2deg}}@keyframes float-note{0%,to{transform:translateY(0) rotate(-6deg);opacity:.72}50%{transform:translateY(-14px) rotate(5deg);opacity:.96}}.main-content{position:relative;z-index:1;flex:1;padding-top:80px;pointer-events:auto}.main-content>*{pointer-events:auto}.loading-state{position:relative;max-width:760px;margin:40px auto;padding:48px 36px;text-align:center;background:var(--bg-card);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-radius:12px;border:1px solid var(--border-light);box-shadow:var(--shadow-card);color:var(--text-primary)}.loading-state:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;border-radius:12px 12px 0 0;background:var(--primary-gradient)}.loading-state h3{margin:24px 0 12px;font-size:26px;font-family:var(--font-heading);font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.loading-state p{margin:0 0 28px;font-size:15px;line-height:1.8;color:var(--text-secondary)}.loading-steps{display:grid;gap:12px;text-align:left}.loading-step{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:8px;background:#ffffff08;border:1px solid var(--border-light);color:var(--text-tertiary);text-align:left;transition:all .3s ease}.loading-step-percent{font-size:28px;font-family:var(--font-heading);font-weight:500;line-height:1;letter-spacing:-.01em;color:var(--text-secondary)}.loading-step-text{font-size:14px;font-weight:400;line-height:1.6;color:inherit}.loading-step.pending{opacity:.65}.loading-step.active{background:#10b9810d;color:var(--accent-blue);border-color:#10b98133}.loading-step.completed{background:#ffffff08;color:var(--text-primary);border-color:var(--border-light)}.loading-step.completed .loading-step-percent{color:var(--text-secondary)}.loading-step.active .loading-step-percent{color:var(--accent-blue)}.loading-step.pending .loading-step-percent{color:var(--text-muted)}.stream-preview-container{margin-top:24px;padding:16px;background:#00000040;border-radius:8px;border:1px solid var(--border-light);max-height:240px;overflow-y:auto;text-align:left}.stream-preview-text{margin:0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.stream-preview-text:after{content:"|";animation:cursorBlink 1s step-end infinite;color:var(--accent-blue);margin-left:2px}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.main-content{padding-top:72px}.loading-state{margin:20px 16px;padding:32px 24px;border-radius:12px}.loading-state h3{font-size:22px}.loading-step-percent{font-size:24px}.sports-doodle-paper,.sports-doodle-rope,.note-two,.note-three,.paper-scroll,.paper-scroll-main,.paper-scene-card,.paper-ruler,.cloud-two{display:none}.paper-portfolio-stage{width:880px;height:620px;left:52%;top:53%}.paper-character{bottom:17vh;width:118px}.paper-character-shadow{bottom:13vh}.sports-doodle-court{width:760px;right:-360px;bottom:4vh}.sports-doodle-whistle{left:-22px;top:14vh}.sports-doodle-ball{left:auto;right:-30px;bottom:15vh}}