.topic-prep-mode{animation:topicPrepFadeIn .3s ease;width:100%}@keyframes topicPrepFadeIn{0%{opacity:0}to{opacity:1}}.prep-global-bar{display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;margin:0 auto 16px 0}.prep-global-bar--compact{grid-column:1 / -1;margin-bottom:4px}.prep-global-bar-hint{font-family:var(--font-sans);font-size:var(--fs-small);color:hsl(var(--muted-foreground));line-height:1.4}.prep-gender-info{position:relative;display:inline-flex;margin-left:-4px}.prep-gender-info-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:9999px;color:hsl(var(--muted-foreground));cursor:help;transition:color .15s ease}.prep-gender-info-btn:hover,.prep-gender-info-btn:focus-visible{color:hsl(var(--foreground))}.prep-gender-info-btn:focus-visible{outline:2px solid hsl(var(--primary) / .5);outline-offset:1px}.prep-gender-info-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,4px);width:-moz-max-content;width:max-content;max-width:280px;padding:8px 12px;border-radius:12px;background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans);font-size:var(--fs-small);font-weight:400;line-height:1.47;letter-spacing:0;text-align:left;box-shadow:0 10px 30px hsl(var(--foreground) / .12),0 2px 8px hsl(var(--foreground) / .06);z-index:30;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease .15s,visibility 0s linear .15s,transform .15s ease .15s}.prep-gender-info:hover .prep-gender-info-pop,.prep-gender-info:focus-within .prep-gender-info-pop{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .15s ease 0s,visibility 0s linear 0s,transform .15s ease 0s}@media(max-width:460px){.prep-global-bar{position:relative}.prep-gender-info{position:static}.prep-gender-info-pop{left:0;right:0;top:auto;bottom:calc(100% + 8px);width:auto;max-width:none;transform:translateY(4px)}.prep-gender-info:hover .prep-gender-info-pop,.prep-gender-info:focus-within .prep-gender-info-pop{transform:translate(0)}}.topic-prep-statement{margin:0 0 8px;font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:600;letter-spacing:0;line-height:1.2;color:hsl(var(--foreground))}.topic-prep-sub{margin:0 0 24px;font-family:var(--font-sans);font-size:17px;line-height:1.47;color:hsl(var(--muted-foreground));max-width:50em;text-wrap:balance}.topic-prep-sub:lang(zh){max-width:26em}.topic-prep-split{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:stretch}.topic-prep-detail{display:flex;flex-direction:column;min-width:0;animation:topicDetailFade .25s ease}.topic-prep-detail .form-answers-split--compact{flex:1;align-items:stretch}@keyframes topicDetailFade{0%{opacity:0}to{opacity:1}}.topic-accordion{display:flex;flex-direction:column}.topic-accordion-item+.topic-accordion-item{border-top:1px solid hsl(var(--border))}.topic-accordion-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:transparent;border:none;border-radius:0;padding:12px 0;cursor:pointer}.topic-accordion-title{font-family:var(--font-sans);font-size:17px;font-weight:600;color:hsl(var(--foreground));line-height:1.3;letter-spacing:0;text-transform:capitalize}.topic-accordion-item.is-open .topic-accordion-title{color:hsl(var(--link))}.topic-accordion-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-in-out}.topic-accordion-collapse.is-open{grid-template-rows:1fr}.topic-accordion-collapse-inner{overflow:hidden;min-height:0}.topic-accordion-body{padding:0}@keyframes topicPrepSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-answers-split{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}.form-answers-split--compact{display:flex;flex-direction:column;gap:12px}.form-answers-split--compact>.form-panel--compact:only-child{flex:1}.form-answers-split--compact>.answers-panel--compact{flex:1}.form-panel-cols{display:grid;grid-template-columns:minmax(320px,520px) max-content;gap:16px 32px;align-items:stretch}.form-side-hint{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-width:0}.form-panel-cols .form-table--compact{margin-bottom:0}@media(max-width:700px){.form-panel-cols{grid-template-columns:1fr}.form-side-hint{justify-content:flex-start}}.form-panel{padding:16px;background:hsl(var(--background));border-radius:12px}.form-panel--compact{padding:16px;border-radius:12px;align-self:flex-start;width:-moz-fit-content;width:fit-content;max-width:100%}.answers-panel{min-width:0;display:flex;flex-direction:column}.answers-panel--compact{display:flex;flex-direction:column;gap:8px;padding:0 18px;background:hsl(var(--background));border-radius:12px}.answers-panel-footer{margin-top:0;display:flex;justify-content:flex-start;padding-top:0}.answers-panel-footer:empty{display:none}.answers-panel-toolbar{display:none}.form-table,.form-table--compact{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;-moz-column-gap:16px;column-gap:16px;row-gap:16px;margin-bottom:16px}.form-row,.form-row--compact{display:contents}.form-row label{padding:0;font-family:var(--font-sans);font-size:var(--fs-body);font-weight:400;letter-spacing:0;text-transform:none;white-space:nowrap;color:hsl(var(--foreground));line-height:1.4}.form-row input{width:100%;max-width:400px;min-height:44px;padding:7px 12px;border:none;border-radius:8px;background:hsl(var(--muted));color:hsl(var(--foreground));font-family:var(--font-sans);font-size:var(--fs-body);font-weight:400;line-height:1.3;box-sizing:border-box;transition:box-shadow .15s}.form-row--compact input{max-width:none;padding:7px 12px;font-size:var(--fs-body);border-radius:8px}.form-row input:focus{outline:none;box-shadow:0 0 0 4px hsl(var(--primary) / .22);background:hsl(var(--card))}.form-row input::-moz-placeholder{font-family:var(--font-sans);font-style:normal;font-weight:400;color:hsl(var(--foreground) / .75);opacity:1}.form-row input::placeholder{font-family:var(--font-sans);font-style:normal;font-weight:400;color:hsl(var(--foreground) / .75);opacity:1}.generate-btn{display:block;width:auto;height:44px;padding:0 20px;background:hsl(var(--background));border:1px solid hsl(var(--link));border-radius:999px;color:hsl(var(--link));font-family:var(--font-sans);font-size:var(--fs-body);font-weight:400;cursor:pointer;transition:background .2s ease;letter-spacing:0}.generate-btn--compact{min-width:auto;margin:0;height:44px;padding:0 20px;font-size:var(--fs-body);border-radius:999px}.generate-btn:hover{background:hsl(var(--link) / .08)}.generate-btn:active{background:hsl(var(--link) / .14)}.generate-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.topic-prep-mode .generate-btn{width:auto!important;background:hsl(var(--background))!important;border:1px solid hsl(var(--link))!important;border-radius:999px!important;color:hsl(var(--link))!important;font-weight:400!important;letter-spacing:0!important;box-shadow:none!important}.topic-prep-mode .generate-btn--compact{border-radius:999px!important;height:44px!important;padding:0 20px!important}.topic-prep-mode .generate-btn:hover{background:hsl(var(--link) / .08)!important;opacity:1!important}.topic-prep-mode .generate-btn:disabled{box-shadow:none!important}.generate-content,.generating-content{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{width:15px;height:15px;border:2px solid hsl(var(--primary) / .25);border-top-color:hsl(var(--primary));border-radius:50%;animation:topicPrepSpin .8s linear infinite;flex-shrink:0}@keyframes topicPrepSpin{to{transform:rotate(360deg)}}.generated-versions{animation:topicPrepSlideUp .3s ease}.generated-versions--compact{display:flex;flex-direction:column;gap:0}.version-card{background:hsl(var(--background));border-radius:12px;padding:16px 18px;margin-bottom:12px}.version-card--compact{padding:16px 0;margin-bottom:0;border-radius:0;background:transparent}.version-card--compact+.version-card--compact{border-top:1px solid hsl(var(--border))}.version-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.version-header--compact{gap:10px;margin-bottom:10px}.version-heading{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.version-label{font-family:var(--font-sans);font-size:var(--fs-small);font-weight:600;color:hsl(var(--muted-foreground));line-height:1.4}.version-level{font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:600;line-height:1;color:hsl(var(--muted-foreground));background:hsl(var(--muted-foreground) / .08);border-radius:999px;padding:5px 8px;white-space:nowrap;flex-shrink:0}.play-version-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:hsl(var(--foreground));cursor:pointer;flex-shrink:0;box-shadow:none;transition:opacity .15s,transform .1s}.play-version-btn:hover{opacity:.6}.play-version-btn:active{transform:scale(.94)}.version-text{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:400;line-height:1.4706;margin:0;color:hsl(var(--foreground));letter-spacing:0}.version-text--compact{font-size:var(--fs-body);line-height:1.4706}.translate-version-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:hsl(var(--foreground));cursor:pointer;flex-shrink:0;box-shadow:none;transition:opacity .15s,color .15s,transform .1s}.translate-version-btn:hover{opacity:.6}.translate-version-btn:active{transform:scale(.94)}.translate-version-btn.active{color:hsl(var(--primary))}.version-translation{font-family:var(--font-sans);font-size:var(--fs-subhead);font-weight:400;line-height:1.4706;-webkit-font-smoothing:antialiased;margin:10px 0 0;padding:12px 14px;background:hsl(var(--muted-foreground) / .06);border-radius:8px;color:hsl(var(--muted-foreground));animation:topicPrepSlideUp .2s ease}.version-translation--compact{font-size:var(--fs-subhead);line-height:1.4706;margin-top:8px;padding:10px 12px;border-radius:8px}.form-hint{margin:0 0 12px;padding:8px 10px;background:hsl(var(--background) / .55);border-radius:8px;font-family:var(--font-sans);font-size:var(--fs-small);line-height:1.47;color:hsl(var(--muted-foreground));text-align:center}.form-hint--compact{margin-bottom:0;padding:6px 8px;font-size:var(--fs-small);line-height:1.47}.generate-error{margin-top:12px;padding:12px 14px;background:hsl(var(--accent-pink) / .09);border-radius:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.generate-error--compact{margin-top:10px;padding:10px 12px;border-radius:8px;gap:6px}.generate-error p{margin:0;font-size:var(--fs-small);color:hsl(var(--accent-pink-text));line-height:1.47}.retry-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:hsl(var(--accent-pink) / .09);color:hsl(var(--accent-pink-text));border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:opacity .15s}.retry-btn:hover{background:hsl(var(--accent-pink) / .18)}@media(max-width:860px){.topic-prep-split{grid-template-columns:1fr;gap:20px;padding:18px 16px;border-radius:16px}.form-panel{position:static;padding:14px;border-radius:12px}.form-panel--compact{padding:12px;border-radius:12px;width:100%}.form-table,.form-table--compact{grid-template-columns:1fr;row-gap:12px}.form-row label,.form-row--compact label{padding:0}.form-row input,.form-row--compact input{max-width:none}.topic-accordion-body{padding-left:4px}.topic-accordion-title{font-size:var(--fs-body)}.answers-panel-toolbar{justify-content:stretch}.generate-btn--compact{width:100%;justify-content:center}.prep-global-bar{width:100%;flex-wrap:wrap;gap:8px}.prep-global-bar-hint{width:100%}}@media(max-width:768px){.prep-gender-info-btn{width:44px;height:44px;margin:-8px}}