/* V1 Preview · TingDong AI light workspace */
:root{
  --bg:#f6f8fb;--card:#ffffff;--card2:#f8fafc;--text:#162033;--muted:#6e7889;
  --accent:#22b878;--border:#e5e9f0;--danger:#d94c55;--warning:#b78115;
  --home-bg:#f6f8fb;
  --home-panel:#ffffff;
  --home-panel-soft:#f8fafc;
  --home-line:#e5e9f0;
  --home-line-strong:#d9dfe8;
  --home-text:#162033;
  --home-muted:#6e7889;
  --home-accent:#22b878;
  --home-accent-dark:#11865a;
  --home-accent-soft:#eaf9f2;
  --home-violet:#7569f7;
  --home-blue:#4f8df7;
  --home-shadow:0 22px 70px rgba(33,45,68,.10)
}
html{background:var(--home-bg)}
body{
  color:var(--home-text);
  background:
    radial-gradient(circle at 18% 2%,rgba(34,184,120,.10),transparent 27%),
    radial-gradient(circle at 83% 4%,rgba(117,105,247,.09),transparent 25%),
    linear-gradient(180deg,#fbfcfe 0,#f6f8fb 42%,#f4f7fa 100%);
}
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:radial-gradient(rgba(22,32,51,.055) .7px,transparent .7px);
  background-size:22px 22px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 54%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 54%)
}
.wrap{max-width:1120px;padding:20px 20px 58px}
.top{margin-bottom:10px;padding:4px 4px 0;min-height:48px}
.brand{font-size:28px;line-height:1;font-weight:950;letter-spacing:-.9px;color:#152033}
.brand::after{
  content:'';display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;
  background:linear-gradient(135deg,var(--home-accent),#58d6a5);vertical-align:top;margin-top:1px;
  box-shadow:0 0 0 4px rgba(34,184,120,.10)
}
.topActions{gap:8px}
.authLink,.authBtn,.accountLink{
  border-radius:12px;padding:9px 13px;background:rgba(255,255,255,.78);border-color:var(--home-line);
  color:#394457;font-weight:800;box-shadow:0 3px 14px rgba(34,45,66,.035);transition:.16s
}
.authLink:hover,.authBtn:hover,.accountLink:hover{border-color:#cfd6e1;background:#fff;color:#172136;transform:translateY(-1px)}
#guestAuth[hidden],#userAuth[hidden]{display:none!important}
#userAuth .accountLink[href="/history.html"],#userAuth #logoutBtn{display:none!important}
#userAuth .accountLink[href="/account.html"]{background:#fff;border-color:#dfe4eb;color:#253047}

.homeMain{display:block}
.hero.homeHeroV3{
  position:relative;overflow:visible;padding:52px 28px 22px;border:0;border-radius:0;
  background:transparent;box-shadow:none;color:var(--home-text)
}
.hero.homeHeroV3::before{
  content:'';position:absolute;left:50%;top:12px;width:min(760px,80vw);height:180px;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(34,184,120,.10),rgba(79,141,247,.055) 42%,transparent 70%);
  filter:blur(12px);pointer-events:none;z-index:0
}
.homeHeroCopy{position:relative;z-index:1;max-width:820px;margin:0 auto 32px;text-align:center}
.homeEyebrow{
  display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 11px;border-radius:999px;
  border:1px solid #dff0e8;background:rgba(255,255,255,.82);color:var(--home-accent-dark);
  box-shadow:0 5px 18px rgba(30,77,57,.045);font-size:11px;font-weight:900;letter-spacing:.2px;margin-bottom:16px
}
.homeEyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 0 4px rgba(34,184,120,.11)}
.homeHeroV3 h1{
  margin:0 0 14px;color:#152033;font-size:46px;line-height:1.08;letter-spacing:-1.9px;font-weight:950
}
.homeHeroV3 .homeHeroCopy p{margin:0 auto;color:#657083;font-size:15px;line-height:1.75;max-width:720px}

.homeUploadPanel{
  position:relative;z-index:1;max-width:820px;margin:0 auto;padding:31px 30px 24px;
  border:1px solid rgba(216,223,232,.96);border-radius:24px;background:rgba(255,255,255,.94);
  box-shadow:var(--home-shadow);transition:border-color .18s,box-shadow .18s,transform .18s
}
.homeUploadPanel::before{
  content:'';position:absolute;left:28px;right:28px;top:0;height:3px;border-radius:0 0 10px 10px;
  background:linear-gradient(90deg,var(--home-accent),#55cfa0 40%,#7c76f8 72%,#70a7ff);opacity:.9
}
.homeUploadPanel:hover{border-color:#cfd7e2;box-shadow:0 26px 78px rgba(33,45,68,.13);transform:translateY(-1px)}
.homeUploadPanel.drag{border-color:rgba(34,184,120,.62);box-shadow:0 0 0 5px rgba(34,184,120,.09),var(--home-shadow);background:#fcfffd}
.homeUploadLead{text-align:center;margin-bottom:18px}
.homeUploadTitle{font-size:20px;font-weight:950;letter-spacing:-.35px;margin:0 0 8px;color:#19243a}
.homeUploadDesc{max-width:610px;margin:0 auto;color:#7a8495;font-size:12px;line-height:1.7}
.homeChooseBtn{
  display:inline-flex;align-items:center;justify-content:center;min-width:164px;min-height:48px;border-radius:13px;
  padding:12px 22px;font-size:14px;color:#fff!important;border:0!important;
  background:linear-gradient(135deg,#20b574,#2bc38a)!important;
  box-shadow:0 10px 26px rgba(34,184,120,.22);transition:.16s
}
.homeChooseBtn:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(34,184,120,.26);filter:saturate(1.04)}
.homeChooseBtn:active{transform:translateY(0)}
.homeFormatRow{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}
.homeFormatRow span{
  display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:8px;background:#f7f9fb;
  border:1px solid #e7ebf1;color:#657083;font-size:10px;font-weight:850;letter-spacing:.1px
}
.homeFormatRow small{flex-basis:100%;color:#9aa2af;font-size:10px;line-height:1.4;margin-top:2px}
.homeFileName{
  margin:16px auto 0;max-width:650px;padding:11px 13px;border-radius:11px;background:#f7faf9;
  border:1px solid #dcece5;font-size:13px;color:#355b4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.homeFileName:empty{display:none}
.homeUploadPanel .optimizeInfo{margin:10px auto 0;max-width:650px}
.optimizeInfo{background:#eef9f3!important;border-color:#d2ebdf!important;color:#35654f!important}

.homeModeCard{
  max-width:680px;margin:16px auto 0;padding:15px 16px;border-radius:15px;border:1px solid #e4e8ef;
  background:linear-gradient(135deg,#fbfcfe,#f7f9fc);display:grid;grid-template-columns:minmax(0,1fr) 280px;
  gap:15px;align-items:center;text-align:left
}
.homeModeCard[hidden]{display:none!important}
.homeModeCopy strong{display:block;color:#263148;font-size:13px;margin-bottom:4px}
.homeModeCopy span{display:block;color:#778195;font-size:11px;line-height:1.55}
.homeModeSelect{
  width:100%;min-height:43px;padding:9px 34px 9px 11px;border:1px solid #d8dee7;border-radius:11px;
  background:#fff;color:#253047;font-size:12px;font-weight:750;outline:none;box-shadow:0 2px 7px rgba(36,49,73,.03)
}
.homeModeSelect:focus{border-color:rgba(34,184,120,.65);box-shadow:0 0 0 3px rgba(34,184,120,.10)}

.homeUploadActions{margin-top:19px;gap:9px}
.homeUploadActions .btn{min-height:44px;border-radius:12px;padding:10px 17px}
.homeRunBtn{min-width:148px;font-size:14px;color:#fff!important;background:#18263f!important;box-shadow:0 7px 18px rgba(24,38,63,.14)}
.homeRunBtn:not(:disabled):hover{background:#223452!important;transform:translateY(-1px)}
.homeRunBtn:disabled{background:#dfe4ea!important;color:#8d96a4!important;box-shadow:none;opacity:1}
.homeDemoBtn{min-width:112px;background:#fff!important;color:#516074!important;border:1px solid #dfe4eb!important}
.homeDemoBtn:hover{background:#f7f9fb!important;border-color:#cfd6e0!important;color:#28354a!important}
.homeUploadActions .secondary{background:#fff!important;color:#5d687b!important;border:1px solid #dfe4eb!important}

.homeProgress{max-width:820px;margin:17px auto 0}
.homeProgress .progressbar{height:7px;background:#e9edf2;border-color:#e1e5eb}
.homeProgress .progressbar>div{background:linear-gradient(90deg,var(--home-accent),#58cfa2)}
.homeProgress .progressText{font-size:11px;margin-top:7px;color:#7a8495}
.status{max-width:820px;margin-left:auto;margin-right:auto;border-radius:12px;background:#fff;border-color:#e1e6ed;color:#4d5a6f;box-shadow:0 5px 18px rgba(37,48,70,.035)}
.status.error{color:#b53c46;border-color:#f0cfd2;background:#fff8f8}

.homeMemberBar{
  position:relative;z-index:1;max-width:820px;margin:16px auto 0;padding:12px 15px;
  display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #e5e9ef;
  border-radius:14px;background:rgba(255,255,255,.66);box-shadow:0 4px 18px rgba(39,50,70,.025)
}
.homeMemberLabel{color:#9aa2af;font-size:11px;font-weight:800}
.memberMini{margin:0!important;min-height:auto!important;color:#687386!important;font-size:11px!important}
.memberMini b{color:#273248}
.memberMini a{color:var(--home-accent-dark)!important}
.memberOpenBtn{
  padding:6px 10px;font-size:11px;background:#edf9f3!important;border:1px solid #d3eee1!important;
  color:var(--home-accent-dark)!important;border-radius:999px
}
.memberOpenBtn:hover{background:#e3f6ed!important;border-color:#c2e6d5!important}

.homeFeatureStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}
.homeFeature{
  min-height:120px;border:1px solid #e4e8ee;background:rgba(255,255,255,.82);border-radius:18px;
  padding:17px 17px 15px;text-align:left;box-shadow:0 8px 28px rgba(34,45,66,.035);
  transition:transform .16s,border-color .16s,box-shadow .16s
}
.homeFeature:hover{transform:translateY(-2px);border-color:#d6dde7;box-shadow:0 12px 34px rgba(34,45,66,.065)}
.homeFeatureKicker{display:inline-flex;margin-bottom:11px;padding:4px 8px;border-radius:7px;background:#eaf9f2;color:#12865a;font-size:9px;font-weight:950;letter-spacing:.55px;text-transform:uppercase}
.homeFeature:nth-child(2) .homeFeatureKicker{background:#f0efff;color:#6559e8}
.homeFeature:nth-child(3) .homeFeatureKicker{background:#edf4ff;color:#3979dd}
.homeFeature strong{display:block;color:#273248;font-size:14px;line-height:1.4}
.homeFeature span{display:block;margin-top:7px;color:#7c8595;font-size:11px;line-height:1.6}

.result{gap:12px}
.result>.card{border-radius:18px;background:#fff;border-color:#e3e7ed;color:#263147;box-shadow:0 10px 34px rgba(34,45,66,.045)}
.sectionTitle{color:#263147}.raw{color:#435067}.note{color:#7b8596}
.transcript .seg{background:#fafbfc;border-color:#e3e7ed;color:#263147}
.transcript .seg:hover{border-color:#cfd7e1;background:#fff}
.transcript .seg.active{border-color:rgba(34,184,120,.65);box-shadow:0 0 0 3px rgba(34,184,120,.08)}
.time{color:var(--home-accent-dark)}
.hu{color:#202b41}.zh{color:#4f5c70}.explain{color:#697487;border-top-color:#e7ebf0}
.langBadge{background:#f5f7fa;color:#617086;border-color:#dfe4eb}
.langBadge.en{color:#3978c9;border-color:#cbdff5;background:#f3f8fe}.langBadge.hu{color:#17835a;border-color:#cbe8db;background:#f1faf6}.langBadge.mixed{color:#a47112;border-color:#eadfbf;background:#fffaf0}.langBadge.other{color:#6b5fc8;border-color:#dcd8f3;background:#f7f5ff}
.mini,.playerTools button{background:#fff;color:#536075;border-color:#dce2e9}
.mini:hover,.playerTools button:hover{border-color:#c9d1dc;background:#f7f9fb}.playerTools button.active{border-color:#bde1d0;color:#12865a;background:#eef9f3}
.footer{display:none}.legalFooter{margin-top:24px;color:#9aa2af}.legalFooter a{color:#8b95a4}.legalFooter a:hover{color:var(--home-accent-dark)}

/* Keep purchasing flow visually consistent with the light homepage. */
.membershipModal{background:rgba(37,45,59,.32)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.membershipSheet{background:#fff!important;border-color:#e2e6ec!important;box-shadow:0 28px 90px rgba(39,50,70,.22)!important;color:#263147}
.membershipHead{background:rgba(255,255,255,.95)!important;border-bottom-color:#e7eaf0!important}
.membershipEyebrow{color:var(--home-accent-dark)!important}.membershipTitle{color:#202b40}.membershipSub{color:#798395!important}
.membershipClose{background:#f6f8fa!important;color:#5b6678!important;border-color:#dfe4eb!important}
.membershipBody{color:#263147}
.pricePlan{background:#fafbfc!important;border-color:#e2e7ed!important;color:#29354b!important}
.pricePlan.highlight,.pricePlan.selected{border-color:rgba(34,184,120,.6)!important;box-shadow:0 0 0 3px rgba(34,184,120,.07)!important;background:#fbfffd!important}
.pricePeriod,.priceDesc,.priceValueNote,.purchaseFineprint{color:#7d8797!important}
.pricePlanCheck{color:#667386!important}
#confirmPlanBtn{color:#fff!important;background:linear-gradient(135deg,#20b574,#2bc38a)!important}
.purchaseNotice{border-color:#cce8da!important;background:#f0faf5!important;color:#35634e!important}
.purchaseNotice.error{border-color:#efd2d4!important;background:#fff7f7!important;color:#b5444c!important}

@media(max-width:760px){
  body::before{display:none}.wrap{padding:11px 12px 44px}.top{margin-bottom:5px;padding:2px}.brand{font-size:25px}.topActions{width:auto;margin-left:auto}.authNav:not([hidden]){display:flex!important;width:auto!important}.authLink,.authBtn,.accountLink{padding:8px 9px;font-size:11px}
  .hero.homeHeroV3{padding:34px 1px 18px}.hero.homeHeroV3::before{top:6px;height:130px}.homeHeroCopy{margin-bottom:23px;padding:0 8px}.homeEyebrow{margin-bottom:12px}.homeHeroV3 h1{font-size:32px;line-height:1.12;letter-spacing:-1.15px}.homeHeroV3 .homeHeroCopy p{font-size:13px;line-height:1.68}
  .homeUploadPanel{padding:25px 15px 18px;border-radius:20px}.homeUploadPanel::before{left:20px;right:20px}.homeUploadTitle{font-size:17px}.homeUploadDesc{font-size:11px}.homeChooseBtn{width:100%;max-width:280px}.homeFormatRow{gap:6px;margin-top:14px}.homeFileName{font-size:12px;padding:10px 11px}
  .homeModeCard{grid-template-columns:1fr;gap:10px;padding:13px}.homeModeSelect{font-size:12px}.homeUploadActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.homeUploadActions .btn{width:100%;min-width:0}.homeRunBtn{grid-column:1/-1}.homeMemberBar{justify-content:center;gap:8px;margin-top:12px}.homeMemberLabel{display:none}
  .homeFeatureStrip{grid-template-columns:1fr;gap:9px}.homeFeature{min-height:0;padding:14px 15px}.homeFeatureKicker{margin-bottom:8px}.result.show{margin-top:13px}.sectionHead{align-items:flex-start;flex-direction:column}.exportBtns{width:100%}.exportBtns .btn{flex:1}
  .membershipSheet{border-radius:20px!important}
}

@media(max-width:420px){
  .homeHeroV3 h1{font-size:29px}.homeUploadPanel{padding-left:13px;padding-right:13px}.homeUploadActions{grid-template-columns:1fr}.homeRunBtn{grid-column:auto}
}