@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{box-sizing:border-box}body{color:#111;background:#fff;justify-content:center;min-height:100vh;margin:0;padding:80px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.hidden{display:none!important}.page{width:100%;max-width:520px}.state--loading{color:#32365399;justify-content:center;align-items:center;gap:10px;padding:32px 0;font-size:14px;display:flex}.spinner{border:2px solid #32365329;border-top-color:#7d8bf7;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state--error{color:#b3261e;text-align:center;padding:24px 0;font-size:14px}.content{flex-direction:column;align-items:center;gap:32px;display:flex}.logo{display:block}.heading{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.title{letter-spacing:-.4px;color:#111;margin:0;font-size:26px;font-weight:700;line-height:32px}.title-accent{color:#7d8bf7}.body-text{color:#111;font-size:18px;font-weight:400;line-height:24px}.body-text p{margin:0 0 16px}.body-text p:last-child{margin-bottom:0}.prefs{flex-direction:column;gap:24px;width:100%;display:flex}.rows{flex-direction:column;gap:8px;width:100%;display:flex}.row{background:#f5f6f8;border-radius:20px;align-items:center;gap:16px;width:100%;padding:20px 24px;display:flex}.row__text{flex-direction:column;flex:1 0 0;gap:8px;min-width:0;display:flex}.row__text h2{color:#111;margin:0;font-size:18px;font-weight:700;line-height:22px}.row__text p{color:#32365399;margin:0;font-size:16px;font-weight:400;line-height:22px}.switch{flex-shrink:0;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{cursor:pointer;background:#32365329;border-radius:100px;width:51px;height:31px;transition:background .2s;display:block;position:relative}.switch__thumb{background:#fff;border-radius:100px;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.switch input:checked+.switch__track{background:#7d8bf7}.switch input:checked+.switch__track .switch__thumb{transform:translate(20px)}.switch input:disabled+.switch__track{opacity:.5;cursor:not-allowed}.save-button{color:#32365366;cursor:not-allowed;background:#32365314;border:none;border-radius:16px;width:100%;height:48px;font-family:inherit;font-size:16px;font-weight:600;line-height:18px;transition:background .2s,color .2s}.save-button:not(:disabled){color:#fff;cursor:pointer;background:#7d8bf7}.save-button:disabled{opacity:1}.alert{opacity:0;pointer-events:none;background:#e1f7e8;border-radius:16px;align-items:center;gap:16px;width:calc(100% - 48px);max-width:520px;padding:16px;transition:opacity .25s,transform .25s;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-12px)}.alert.alert--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.alert.alert--error{background:#fce8e6}.alert.alert--error .alert__text{color:#b3261e}.alert.alert--error .alert__icon img{display:none}.alert__icon{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.alert__text{color:#323653;flex:1 0 0;margin:0;font-size:16px;font-weight:600;line-height:20px}.alert__close{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}