@font-face{font-family:Archivo;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/0243a93baa3a5144-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/80435c732b94789f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Archivo;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/d38dd3a93f59421d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b06b356f834173cc-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/23d669af23d19c95-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1a4aa50920b5315c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Archivo Fallback;src:local("Arial");ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.00%;size-adjust:98.70%}.__className_ce3ec5{font-family:Archivo,Archivo Fallback}.__variable_ce3ec5{--font-display:"Archivo","Archivo Fallback"}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans Fallback;src:local("Arial");ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.00%;size-adjust:102.74%}.__className_3d9088{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.__variable_3d9088{--font-body:"Instrument Sans","Instrument Sans Fallback"}:root{--paper:#ffffff;--paper-deep:#e8f6f3;--ink:#1a1a2e;--ink-soft:#45465a;--ink-faint:#8a8a99;--amber:#00907d;--amber-deep:#006d5f;--terracotta:#007a6b;--forest:#1a1a2e;--forest-soft:#00907d;--gold:#c7e852;--card:#ffffff;--line:#e0ece9;--shadow:0 2px 4px rgba(26,26,46,0.05),0 12px 32px rgba(26,26,46,0.09);--shadow-lift:0 4px 8px rgba(26,26,46,0.07),0 24px 48px rgba(26,26,46,0.14);--radius:20px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body),"Gill Sans","Trebuchet MS",sans-serif;font-size:16px;line-height:1.6;min-height:100dvh;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}main{position:relative;z-index:2}::selection{background:var(--amber);color:var(--paper)}a{color:inherit}button{font-family:inherit;cursor:pointer}.shell{max-width:1060px;margin:0 auto;padding:0 24px 80px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:28px 0 0}.wordmark{font-family:var(--font-display),Georgia,serif;font-size:28px;font-weight:600;letter-spacing:-.02em;text-decoration:none;display:flex;align-items:baseline;gap:2px}.wordmark .umlaut{color:var(--amber);letter-spacing:.05em}.masthead-tag{font-size:12.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint)}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{height:34px;width:auto;display:block}.topic-index{display:inline-block;font-family:var(--font-display),Georgia,serif;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--amber)}.hero{padding:72px 0 56px;position:relative}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--forest);margin-bottom:22px;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.hero-kicker:before{content:"";width:28px;height:2px;background:var(--gold)}.hero h1{font-family:var(--font-display),Georgia,serif;font-size:clamp(44px,7.5vw,84px);line-height:1.02;font-weight:560;letter-spacing:-.03em;max-width:11ch;animation:rise .7s cubic-bezier(.2,.8,.2,1) .08s both}.hero h1 em{font-style:italic;color:var(--terracotta)}.hero-sub{margin-top:26px;font-size:18.5px;color:var(--ink-soft);max-width:46ch;animation:rise .7s cubic-bezier(.2,.8,.2,1) .16s both}.hero-sun{position:absolute;right:-40px;top:30px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#5fd6c6 0,#00ab97 45%,#006d5f 100%);opacity:.14;filter:blur(2px);pointer-events:none}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.section-label{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-bottom:26px}.section-label h2{font-family:var(--font-display),Georgia,serif;font-size:24px;font-weight:600;letter-spacing:-.01em}.section-label span{font-size:13px;color:var(--ink-faint)}.topics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px}@media (max-width:720px){.topics{grid-template-columns:1fr}}.topic-card{position:relative;display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 28px 24px;box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;overflow:hidden;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.topic-card:first-child{animation-delay:.2s}.topic-card:nth-child(2){animation-delay:.28s}.topic-card:nth-child(3){animation-delay:.36s}.topic-card:nth-child(4){animation-delay:.44s}.topic-card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--shadow-lift)}.topic-card:after{content:"→";position:absolute;right:26px;bottom:20px;font-size:22px;color:var(--amber);transition:transform .3s}.topic-card:hover:after{transform:translateX(6px)}.topic-emoji{font-size:30px;line-height:1}.topic-de{font-style:italic;font-size:15px;color:var(--terracotta);margin-top:16px}.topic-de,.topic-title{font-family:var(--font-display),Georgia,serif}.topic-title{font-size:26px;font-weight:600;letter-spacing:-.015em;margin-top:2px}.topic-desc{margin-top:10px;font-size:15px;color:var(--ink-soft);max-width:34ch}.topic-meta{margin-top:18px;display:flex;gap:8px}.chip{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--forest);background:rgba(31,77,58,.08);border-radius:999px;padding:5px 12px}.chip.amber{color:var(--amber-deep);background:rgba(217,122,41,.1)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}@media (max-width:860px){.video-grid{grid-template-columns:1fr}}.video-card{animation:rise .7s cubic-bezier(.2,.8,.2,1) .15s both}.video-player{width:100%;aspect-ratio:16/9;background:var(--ink);display:block}.video-pending{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--paper-deep);color:var(--ink-faint);font-size:14px}.video-pending span{font-size:30px}.video-meta{padding:16px 20px 20px}.video-title{font-family:var(--font-display),Georgia,serif;font-size:20px;font-weight:600;letter-spacing:-.01em;margin-top:2px}.cross-link{margin-top:28px;display:block;text-align:center;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:18px 24px;font-size:15px;color:var(--ink-soft);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}.cross-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.cross-link strong{color:var(--terracotta)}.footer{margin-top:72px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-faint)}.setup-note{margin:0 0 28px;background:rgba(227,160,8,.1);border:1px solid rgba(227,160,8,.35);border-radius:14px;padding:14px 18px;font-size:14px;color:var(--ink-soft)}.setup-note code{background:rgba(60,42,20,.08);border-radius:6px;padding:2px 7px;font-size:12.5px}.room{max-width:1100px;margin:0 auto;padding:0 24px 40px;min-height:100dvh;display:flex;flex-direction:column}.room-bar{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;border-bottom:1px solid var(--line);gap:12px}.room-back{font-size:14px;font-weight:600;text-decoration:none;color:var(--ink-soft);display:inline-flex;align-items:center;gap:7px;transition:color .2s}.room-back:hover{color:var(--terracotta)}.room-topic{text-align:center}.room-topic .de{font-style:italic;font-size:13.5px;color:var(--terracotta)}.room-topic .de,.room-topic .en{font-family:var(--font-display),Georgia,serif}.room-topic .en{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.2}.room-status{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);min-width:110px;justify-content:flex-end}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--ink-faint)}.status-dot.connected{background:var(--forest-soft);box-shadow:0 0 0 4px rgba(0,144,125,.2)}.status-dot.connecting{background:var(--gold);animation:blink 1s ease-in-out infinite}.status-dot.error{background:var(--terracotta)}@keyframes blink{50%{opacity:.3}}.room-body{flex:1 1;display:grid;grid-template-columns:1fr 340px;grid-gap:28px;gap:28px;padding-top:28px;min-height:0}@media (max-width:900px){.room-body{grid-template-columns:1fr}}.stage{gap:0}.orb-wrap,.stage{display:flex;flex-direction:column;align-items:center}.orb-wrap{padding:34px 0 10px}.umlaut-dots{display:flex;gap:26px;margin-bottom:18px}.umlaut-dots i{width:16px;height:16px;border-radius:50%;background:var(--line);transition:background .3s,box-shadow .3s,transform .3s}.orb-wrap.speaking .umlaut-dots i{background:var(--terracotta);box-shadow:0 0 0 6px rgba(0,122,107,.16)}.orb-wrap.speaking .umlaut-dots i:first-child{animation:dotbounce .9s ease-in-out infinite}.orb-wrap.speaking .umlaut-dots i:last-child{animation:dotbounce .9s ease-in-out .15s infinite}@keyframes dotbounce{50%{transform:translateY(-5px)}}.orb{width:190px;height:190px;border-radius:50%;border:none;position:relative;background:radial-gradient(circle at 36% 30%,#5fd6c6 0,#00ab97 46%,#006d5f 100%);box-shadow:0 18px 44px rgba(0,122,107,.32),inset 0 -12px 28px rgba(0,60,52,.25);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,filter .4s}.orb:disabled{cursor:default}.orb.idle{filter:saturate(.5) brightness(1.04);box-shadow:0 14px 34px rgba(30,60,55,.16),inset 0 -12px 28px rgba(20,50,45,.16)}.orb.idle:not(:disabled):hover{transform:scale(1.04);filter:saturate(.9)}.orb.listening{animation:breathe 3.2s ease-in-out infinite}.orb.listening:before{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(199,232,82,.6);animation:ringspread 3.2s ease-out infinite}.orb.speaking{animation:talkpulse .75s ease-in-out infinite}.orb.speaking:after,.orb.speaking:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(26,26,46,.28);animation:ripple 1.6s ease-out infinite}.orb.speaking:after{animation-delay:.8s}.orb.connecting{animation:breathe 1.4s ease-in-out infinite;filter:saturate(.55)}@keyframes breathe{50%{transform:scale(1.05)}}@keyframes talkpulse{50%{transform:scale(1.035)}}@keyframes ringspread{0%{transform:scale(1);opacity:1}to{transform:scale(1.22);opacity:0}}@keyframes ripple{0%{transform:scale(1);opacity:.9}to{transform:scale(1.45);opacity:0}}.orb-label{margin-top:22px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);min-height:20px}.orb-label strong{color:var(--forest)}.orb-hint{margin-top:6px;font-size:14.5px;color:var(--ink-soft);text-align:center;max-width:40ch}.session-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-faint);margin-top:8px}.controls{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;justify-content:center}.btn{border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:14px;font-weight:600;padding:11px 22px;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.danger:hover:not(:disabled),.btn.primary:hover:not(:disabled){background:var(--terracotta);border-color:var(--terracotta)}.btn.danger:hover:not(:disabled),.btn.muted-on{color:var(--paper)}.btn.muted-on{background:var(--forest);border-color:var(--forest)}.voice-picker{margin-top:26px;width:100%;max-width:520px;text-align:center}.voice-picker-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.voice-chips{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.voice-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.voice-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.voice-chip.active{border-color:var(--amber);background:var(--paper-deep);box-shadow:0 0 0 2px rgba(0,144,125,.25)}.voice-chip.disabled{opacity:.55;cursor:not-allowed}.voice-chip.disabled:hover{transform:none;box-shadow:none}.voice-soon{margin-left:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--amber-deep);background:var(--paper-deep);border-radius:999px;padding:1px 6px;vertical-align:middle}.voice-name{font-family:var(--font-display),Georgia,serif;font-size:15px;font-weight:600}.voice-accent{font-size:11px;color:var(--ink-faint);letter-spacing:.02em}.voice-blurb{margin-top:12px;font-size:13.5px;color:var(--ink-soft);min-height:34px}.text-fallback{width:100%;max-width:480px;margin-top:26px}.text-fallback summary{font-size:13px;color:var(--ink-faint);cursor:pointer;text-align:center;list-style:none}.text-fallback summary::-webkit-details-marker{display:none}.text-fallback summary:hover{color:var(--terracotta)}.text-row{display:flex;gap:10px;margin-top:12px}.text-row input{flex:1 1;font-family:inherit;font-size:15px;padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);outline:none}.text-row input:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(217,122,41,.15)}.side{gap:20px;min-height:0}.panel,.side{display:flex;flex-direction:column}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:14px 20px 12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);display:flex;justify-content:space-between;align-items:baseline}.transcript{flex:1 1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;max-height:420px;min-height:220px;scroll-behavior:smooth}.transcript-empty{color:var(--ink-faint);font-size:14px;text-align:center;margin:auto;padding:20px}.bubble{max-width:88%;padding:10px 15px;border-radius:16px;font-size:14.5px;line-height:1.5;animation:bubblein .3s cubic-bezier(.2,.8,.2,1) both}@keyframes bubblein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bubble.somo{align-self:flex-start;background:var(--paper-deep);border-bottom-left-radius:5px}.bubble.learner{align-self:flex-end;background:var(--forest);color:#f2f0e8;border-bottom-right-radius:5px}.bubble .who{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.55;margin-bottom:3px}.vocab-list{padding:14px 20px 18px;display:flex;flex-direction:column;gap:9px}.vocab-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:8px}.vocab-item:last-child{border-bottom:none;padding-bottom:0}.vocab-item .de{font-family:var(--font-display),Georgia,serif;font-weight:600;font-size:15px}.vocab-item .en{color:var(--ink-faint);font-size:12.5px;text-align:right}.gate{margin:60px auto;max-width:520px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px;text-align:center}.gate h2{font-family:var(--font-display),Georgia,serif;font-size:26px;margin-bottom:12px}.gate p{color:var(--ink-soft);font-size:15px}.gate code{background:rgba(60,42,20,.08);border-radius:6px;padding:2px 7px;font-size:13px}.error-note{margin-top:14px;font-size:13.5px;color:var(--terracotta)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}