@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.10ev4cu2inrn-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.0i6ci0u~g4zml.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.0x1a9yg0jkq20.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.0dyk20wuvya7a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.0ctuso5mgh_i..woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_12c928b0-module__aDdwLq__className{font-family:Manrope,Manrope Fallback;font-style:normal}
:root{--bg:#f5f5f5;--fg:#111;--muted:#737373;--accent:#f97316;--accent-light:#fff7ed;--accent-dim:#f973161a;--card:#fff;--border:#e5e5e5;--card-shadow:0 1px 3px #0000000a;--red:#ef4444;--radius:.75rem}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--fg:#fafafa;--muted:#a3a3a3;--accent:#fb923c;--accent-light:#fb923c14;--accent-dim:#fb923c1a;--card:#171717;--border:#262626;--card-shadow:0 1px 3px #0003;--red:#f87171}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);min-height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;font-size:1.4rem}a{color:inherit;text-decoration:none}.framework-link{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);align-items:center;gap:.75rem;min-width:180px;padding:.875rem 1rem;transition:border-color .15s;display:flex}.framework-link:hover{border-color:var(--accent)}.icon-wrap{background:var(--accent-dim);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.section-label{align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.section-label span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.72rem;font-weight:700}.htw-tabs{border-bottom:1px solid var(--border);background:var(--card);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--card-shadow);gap:0;margin-bottom:0;display:flex}.htw-tab{color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem .5rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.htw-tab:hover{color:var(--fg)}.htw-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.htw-card{background:var(--card);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--card-shadow);border-top:none;padding:1.25rem;animation:.2s ease-out fadeIn}.stepper{flex-direction:column;margin-bottom:1.25rem;display:flex}.stepper-step{align-items:flex-start;gap:.75rem;display:flex}.stepper-rail{flex-direction:column;flex-shrink:0;align-items:center;width:24px;display:flex}.stepper-dot{background:var(--accent-dim);width:24px;height:24px;color:var(--accent);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.stepper-line{background:var(--border);flex:1;width:1px;min-height:12px}.stepper-content{flex:1;padding:.1rem 0 1rem}.stepper-step:last-child .stepper-content{padding-bottom:0}.stepper-step:last-child .stepper-line{display:none}.stepper-label{color:var(--fg);margin-bottom:.1rem;font-size:.85rem;font-weight:600}.stepper-text{color:var(--muted);font-size:.8rem;line-height:1.5}.step-badge{color:var(--accent);background:var(--accent-dim);vertical-align:middle;border-radius:.25rem;margin-right:.35rem;padding:.1rem .4rem;font-size:.65rem;font-weight:700;display:inline-block}.htw-divider{align-items:center;gap:.6rem;margin:.25rem 0;display:flex}.htw-divider:before,.htw-divider:after{content:"";background:var(--border);flex:1;height:1px}.htw-divider span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:600}.step-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--card-shadow);padding:.875rem 1rem;transition:border-color .15s}.step-card.active{border-color:var(--accent)}.step-card.done{background:var(--accent-light);border-color:#0000}.step-num{background:var(--accent-dim);width:20px;height:20px;color:var(--accent);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:inline-flex}.step-num.active{background:var(--accent-dim);color:var(--accent)}.btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:.375rem;align-items:center;gap:.3rem;padding:.3rem .6rem;font-family:inherit;font-size:.75rem;transition:border-color .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.mic-dock{background:var(--card);border-top:1px solid var(--border);z-index:10;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.mic-btn{color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .1s;display:flex;position:relative}.mic-btn:hover{transform:scale(1.05)}.mic-btn:active{transform:scale(.95)}.mic-btn.recording{background:var(--red)}.mic-pulse{z-index:1;background:#ef44442e;border-radius:50%;width:56px;height:56px;animation:1.2s ease-out infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.preview-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);margin-top:1.5rem;padding:1rem;line-height:1.7}.mode-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--fg);border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .15s}.mode-btn:hover{border-color:var(--accent)}.mode-btn.selected{border-color:var(--accent);background:var(--accent-light)}.back-link{color:var(--muted);align-items:center;gap:.35rem;margin-bottom:1.5rem;font-size:.82rem;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--accent)}.topic-card{background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);margin-bottom:1.25rem;padding:.875rem 1rem}.fade-in{animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.speech-stats-row{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.speech-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);flex-direction:column;align-items:center;padding:.75rem .5rem;display:flex}.speech-stat-value{font-size:1.25rem;font-weight:700;line-height:1.2}.speech-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:.15rem;font-size:.68rem;font-weight:600}.feedback-toggle{background:var(--card);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;box-shadow:var(--card-shadow);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--fg);align-items:center;gap:.4rem;padding:.6rem .75rem;font-family:inherit;font-size:.78rem;font-weight:700;display:flex}.feedback-toggle:hover{border-color:var(--accent)}.feedback-card{background:var(--card);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--card-shadow);border-top:none;padding:1rem}.feedback-score{color:var(--fg);border-radius:.375rem;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.78rem;font-weight:700;display:inline-flex}.feedback-step{padding:.4rem 0}.feedback-tip{background:var(--accent-dim);border-radius:.5rem;align-items:flex-start;gap:.4rem;padding:.6rem .75rem;display:flex}.rec-timer{font-variant-numeric:tabular-nums;color:var(--red);font-size:1rem;font-weight:700}.onboarding-card{background:var(--accent-light);border:1px solid var(--accent-dim);border-radius:var(--radius);width:100%;max-width:600px;margin-bottom:2rem;padding:1.25rem;position:relative}.onboarding-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.2rem;transition:color .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.onboarding-close:hover{color:var(--fg)}.onboarding-greeting{color:var(--fg);margin-bottom:1rem;font-size:.9rem;font-weight:700}.onboarding-steps{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.onboarding-step{align-items:flex-start;gap:.6rem;display:flex}.onboarding-icon{background:var(--accent-dim);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.onboarding-step-title{color:var(--fg);margin-bottom:.1rem;font-size:.82rem;font-weight:600}.onboarding-step-desc{color:var(--muted);font-size:.78rem;line-height:1.5}.onboarding-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.375rem;align-items:center;padding:.4rem .85rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:opacity .15s;display:inline-flex}.onboarding-cta:hover{opacity:.9}.speech-verdict{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);border-left:3px solid;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.filter-tabs{background:var(--card);border:1px solid var(--border);border-radius:.5rem;display:flex;overflow:hidden}.filter-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.4rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.filter-tab:not(:last-child){border-right:1px solid var(--border)}.filter-tab:hover{color:var(--fg)}.filter-tab.active{background:var(--accent-dim);color:var(--accent)}.activity-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:600px;margin-bottom:3rem;display:grid}@media (max-width:540px){.activity-grid{grid-template-columns:repeat(2,1fr)}}.activity-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);color:inherit;flex-direction:column;gap:.3rem;padding:1rem;text-decoration:none;transition:border-color .15s;display:flex}.activity-card:hover{border-color:var(--accent)}.activity-card .icon-wrap{margin-bottom:.2rem}.activity-tag{text-transform:uppercase;letter-spacing:.06em;border-radius:.25rem;align-self:flex-start;margin-top:.25rem;padding:.1rem .35rem;font-size:.62rem;font-weight:700;display:inline-block}.activity-tag.structured{background:var(--accent-dim);color:var(--accent)}.activity-tag.open{color:#3b82f6;background:#3b82f61a}.next-step-btn{background:var(--accent);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:2rem;align-items:center;gap:.2rem;padding:.65rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.next-step-btn:hover{opacity:.9}.next-step-btn:active{transform:scale(.95)}.audio-player{background:var(--card);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .65rem;display:flex}.audio-play-btn{background:var(--border);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.audio-play-btn:hover{background:var(--muted)}.audio-time{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:2.2rem;font-size:.72rem;font-weight:600}.audio-track{background:var(--border);cursor:pointer;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.audio-track-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .15s linear}.cam-toggle-btn{border:2px solid var(--border);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.cam-toggle-btn:hover{border-color:var(--accent);color:var(--fg)}.cam-toggle-btn.active{border-color:var(--accent);color:var(--accent);background:#6366f11a}.video-preview-wrap{border:2px solid var(--border);z-index:100;background:#000;border-radius:.75rem;width:140px;position:fixed;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 4px 20px #0000004d}.video-preview{border-radius:.65rem;width:100%;display:block;transform:scaleX(-1)}.video-rec-badge{color:#ef4444;letter-spacing:.05em;background:#0009;border-radius:.375rem;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:.5rem;left:.5rem}.video-rec-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.video-playback{cursor:pointer;background:#000;border-radius:.5rem;width:100%;display:block;transform:scaleX(-1)}.video-player-wrap{margin-top:.75rem}.video-controls{background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 .5rem .5rem;align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.device-settings-section{width:100%;max-width:600px;margin-bottom:1.25rem}.device-settings-toggle{border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;border-radius:.5rem;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.8rem;font-weight:600;transition:border-color .15s;display:flex}.device-settings-toggle:hover{border-color:var(--accent)}.device-settings-body{background:var(--card);border:1px solid var(--border);border-radius:.6rem;margin-top:.5rem;padding:.75rem}.device-settings-row{align-items:center;gap:.35rem;display:flex}.device-settings-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.72rem;font-weight:600}.device-settings-select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);cursor:pointer;border-radius:.4rem;outline:none;margin-top:.3rem;padding:.4rem .5rem;font-size:.8rem}.device-settings-select:focus{border-color:var(--accent)}