*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2f2f2f;background:#fff9f0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5ede0}::-webkit-scrollbar-thumb{background:#deb9c5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c99aa9}:focus-visible{outline-offset:2px;outline:2px solid #3d7a9a}:focus:not(:focus-visible){outline:none}a{color:#3d7a9a;text-decoration:none;transition:color .2s}a:hover{color:#84364d}a:active{color:#522433}button{font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit}button,[role=button]{-webkit-user-select:none;user-select:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@media (width<=768px){input,select,textarea{font-size:16px}button,a,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}}:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--color-blue-dark:#2c5a75;--color-blue:#3d7a9a;--color-blue-light:#a8c5d9;--color-blue-pale:#c8d9e5;--color-rose-dark:#c28896;--color-rose:#d99ba6;--color-rose-light:#f2d5dc;--color-gold-dark:#a88f62;--color-gold:#c4a777;--color-gold-light:#e5d8bc;--color-cream:#fff9f0;--color-cream-dark:#f5ede0;--color-parchment:#fffbf5;--color-charcoal:#2f2f2f}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #6b2d3e14}.error{color:#c00;background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px;font-size:14px}.success{color:#0a0;background:#efe;border:1px solid #cfc;border-radius:8px;padding:12px;font-size:14px}#root{background:#fff9f0;min-height:100vh}.logo-banner{background:#fff9f0;justify-content:center;align-items:center;padding:12px 20px;display:flex}.logo-banner img{object-fit:contain;max-width:70%;max-height:52px}div[data-focusable=true],div[role=button],div[class*=View]{flex-direction:column;align-items:stretch;display:flex}div[data-focusable=true][style*=overflow]{-webkit-overflow-scrolling:touch;overflow-y:auto}div[class*=Text],span[class*=Text]{font-family:system-ui,-apple-system,sans-serif;display:inline}div[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}div[role=button]:hover{opacity:.8}div[role=button]:active{opacity:.6}[data-testid*=container],[data-testid*=wrapper]{max-width:600px;margin:0 auto;padding:20px}[data-testid*=onboarding]{background:#fff9f0;min-height:100vh;padding:40px 20px}[data-testid*=stream-card],[role=button][class*=rounded]{background:#fff;border:2px solid #0000;border-radius:16px;margin:12px 0;padding:20px;transition:all .2s;box-shadow:0 2px 8px #6b2d3e14}[data-testid*=stream-card]:hover{border-color:#3d7a9a;box-shadow:0 4px 12px #6b2d3e1f}[data-testid*=translation] select,select{cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b2d3e' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right 16px center no-repeat;border:2px solid #f5ede0;border-radius:12px;width:100%;max-width:400px;padding:12px 40px 12px 16px;font-size:16px}select:focus{border-color:#3d7a9a;outline:none}button,[role=button][data-testid*=button]{color:#fff;cursor:pointer;background:#3d7a9a;border:none;border-radius:12px;min-height:48px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #6b2d3e33}button:hover{background:#84364d;transform:translateY(-1px);box-shadow:0 4px 12px #6b2d3e4d}button:active{background:#522433;transform:translateY(0)}button:disabled{cursor:not-allowed;box-shadow:none;background:#ddd}h1,h2,h3,h4,h5,h6{color:#3d7a9a;margin:16px 0;font-weight:700}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}[data-testid*=center],[style*="alignItems: center"]{flex-direction:column;justify-content:center;align-items:center;display:flex}[style*=marginTop]{margin-top:16px!important}[style*=marginBottom]{margin-bottom:16px!important}[style*=padding]{padding:16px!important}@media print{*{color:#000!important;background:#fff!important}nav,button,.no-print{display:none!important}}