:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#152b3a;background:#edf4f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink: #152b3a;--muted: #526a78;--line: #d7e4e8;--teal: #087e83;--teal-dark: #08666b;--soft-teal: #e8f6f5}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#edf4f5}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh}button,audio{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,audio:focus-visible{outline:3px solid #e1a72c;outline-offset:4px}.app-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(ellipse at top left,rgba(8,126,131,.09),transparent 42%),linear-gradient(145deg,#f3f8f9,#eaf2f4)}.page-card{width:min(760px,100%);min-height:min(760px,calc(100svh - 40px));display:flex;flex-direction:column;background:#fff;border:1px solid rgba(205,222,227,.95);border-radius:26px;padding:clamp(22px,4vw,36px);box-shadow:0 22px 60px #1a3d4917}.brand{display:flex;align-items:flex-start;gap:18px;padding-bottom:26px;border-bottom:1px solid #e5edef}.brand-mark{flex:0 0 52px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#0b8f91,#08666b);color:#fff;box-shadow:0 7px 16px #087e8333}.brand-mark span{font-size:34px;line-height:1;font-weight:500;transform:translateY(-1px)}.brand-copy{min-width:0}.institution-name{margin:0;color:var(--ink);font-size:clamp(16px,2.5vw,20px);font-weight:750;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}.department-name{margin:5px 0 14px;color:var(--teal-dark);font-size:clamp(13px,2vw,15px);font-weight:650;line-height:1.4}.brand-kicker,.eyebrow{margin:0 0 7px;color:#647b86;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:750}.brand-kicker{margin-bottom:6px}.brand h1{margin:0;color:var(--ink);font-size:clamp(21px,3.5vw,29px);line-height:1.18;letter-spacing:-.035em;overflow-wrap:anywhere}.step{flex:1;padding:32px 0 22px}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--teal-dark);letter-spacing:.09em}.step h2{margin:0 0 12px;color:var(--ink);font-size:clamp(22px,3.7vw,29px);line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}.step-intro{margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.6}.language-grid,.mode-grid{display:grid;gap:14px}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card,.mode-card{min-width:0;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:18px;cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.choice-card{min-height:142px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 12px;text-align:center}.choice-native{font-size:clamp(21px,3vw,25px);font-weight:750;line-height:1.35}.choice-english{color:var(--muted);font-size:14px;font-weight:550}.mode-card{min-height:196px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.choice-card:hover,.mode-card:hover{border-color:#83c4c4;background:#fcffff;box-shadow:0 12px 26px #15495114;transform:translateY(-2px)}.choice-card:active,.mode-card:active{transform:translateY(0);background:#f2fbfa}.mode-icon,.media-icon{width:54px;height:54px;flex:0 0 auto;border-radius:16px;display:grid;place-items:center;background:var(--soft-teal);color:var(--teal-dark);margin-bottom:20px}.mode-title{display:block;margin-bottom:7px;font-size:21px;font-weight:750;line-height:1.25}.mode-subtitle{color:var(--muted);font-size:14px;line-height:1.55}.toolbar{min-height:44px;margin-bottom:18px;display:flex;align-items:center}.text-button,.reset-link{min-height:44px;border:0;border-radius:10px;background:transparent;color:#385565;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:650}.text-button{margin-left:-10px}.text-button:hover,.reset-link:hover{color:var(--teal-dark);background:#f0f8f8}.media-card{border:1px solid var(--line);border-radius:20px;background:#f7fbfb;padding:clamp(20px,4vw,30px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.media-icon{margin-bottom:0}.media-card p{margin:0;color:var(--ink);font-size:20px;font-weight:750}.media-card audio{width:100%;min-height:44px}.media-card small{color:var(--muted);font-size:14px}.instructions{border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,26px);background:#fff;color:#243e4c;font-size:17px;line-height:1.85;overflow-wrap:anywhere;word-break:normal}.instructions p{margin:0 0 18px}.instructions p:last-child{margin-bottom:0}.status{color:var(--muted)}.reset-link{align-self:center;margin:auto 0 12px;padding:8px 12px}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding-top:18px;border-top:1px solid #e8eff1;color:#71848d;font-size:11px;line-height:1.5;text-align:center}@media(min-width:760px){.language-grid{gap:16px}.choice-card{min-height:154px}.mode-card{min-height:204px}}@media(max-width:600px){.app-shell{place-items:stretch;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.page-card{width:100%;min-height:calc(100svh - 20px);border-radius:20px;padding:20px 18px;box-shadow:0 12px 32px #1a3d4912}.brand{gap:12px;padding-bottom:22px}.brand-mark{flex-basis:44px;width:44px;height:44px;border-radius:13px}.brand-mark span{font-size:29px}.department-name{margin-bottom:12px}.step{padding:26px 0 22px}.step h2{margin-bottom:10px}.language-grid,.mode-grid{grid-template-columns:1fr;gap:11px}.choice-card{min-height:88px;flex-direction:row;justify-content:flex-start;gap:14px;padding:16px 18px;text-align:left}.choice-native{min-width:76px;text-align:center}.choice-english{font-size:15px}.mode-card{min-height:118px;display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;column-gap:15px;row-gap:5px;align-content:center;padding:18px}.mode-icon{width:48px;height:48px;grid-column:1;grid-row:1 / span 2;margin:0}.mode-title,.mode-subtitle{grid-column:2}.mode-title{align-self:end;font-size:19px;margin:0}.mode-subtitle{align-self:start;font-size:13px}.instructions{padding:18px;border-radius:15px;font-size:16px;line-height:1.8}.media-card{padding:20px}.site-footer{gap:5px;font-size:10px}}@media(max-width:360px){.page-card{padding:17px 14px}.brand{gap:10px}.brand-mark{flex-basis:38px;width:38px;height:38px}.brand-mark span{font-size:25px}.institution-name{font-size:15px}.department-name{font-size:12px}.choice-card{padding:14px 12px;gap:8px}.choice-native{min-width:65px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}